function retrieveZoneStateOptions(from, to){

    var zone = document.getElementById(from);
    var zone_id = zone.options[zone.selectedIndex].value;
    
    var assignProgTo = document.getElementById("assingProg");
    var selText = assignProgTo.options[assignProgTo.selectedIndex].text;
    
    var url="./ajaxUtilityAction.do?param=getCenterOnCountry&zone_id="+zone_id+"&assignProg="+selText;

    //Do the Ajax call
    try
    {
        // Firefox, Opera 8.0+, Safari
        req=new XMLHttpRequest();
    }
    catch (e)
    {
        // Internet Explorer
        try
        {
            req=new ActiveXObject("Msxml2.XMLHTTP");
        }
        catch (e)
        {
            try
            {
                req=new ActiveXObject("Microsoft.XMLHTTP");
            }
            catch (e)
            {
                alert("Your browser does not support AJAX!");
                return false;
            }
        }
    }
    if(zone_id != "0")
    {
//        alert(url);
        req.open("POST", url, true);
        req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
        req.send(zone_id);
        req.onreadystatechange = function(){
            document.getElementById(to).options.length = 0;
            if (req.readyState == 4) {
                var textToSplit = req.responseText;
//                alert(textToSplit);
                var returnElements=textToSplit.split("|");
                if (req.status =="200") {                                        // OK response
                    var i;
                    document.getElementById(to).options[0]=new Option("Select","0");
                    for (  i = 1; i <= (returnElements .length); i++ ){
                        var valueLabelPair = returnElements[i-1].split(",");                  
                        document.getElementById(to).options[i] = new Option(valueLabelPair[0], valueLabelPair[1]);
                    }
                }
            }
        }
    }
  return true;
}