// Load the shipping city from selected state dropdown
function loadShippingCity(btnObject)
{   
    var ddShipState=document.getElementById("shipState");
    var objShipping=document.getElementById("divShippingCity");
    if(ddShipState!=null && objShipping!=null)
    {    
        btnObject.disabled=true;
        btnObject.value="Wait";
        var varStateId=ddShipState.value;
        var varStateName=ddShipState.options[ddShipState.selectedIndex].text;
        if(varStateId!=null && varStateId!="0" && varStateName!=null && varStateName!="")
        {
            //alert("id: " + varStateId + " Name: " + varStateName);
            var xmlHttpReq = false;
            var self = this;
            if (window.XMLHttpRequest) 
            {
                self.xmlHttpReq = new XMLHttpRequest();        
            }
            else if (window.ActiveXObject) 
            {
                self.xmlHttpReq = new ActiveXObject("Microsoft.XMLHTTP");         
            }
            self.xmlHttpReq.open('POST', "ajaxDeliveryCity.aspx", true);             
            self.xmlHttpReq.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
            self.xmlHttpReq.onreadystatechange = function() 
            {
                if (self.xmlHttpReq.readyState == 4) 
                {          
                    document.getElementById("dvAjaxPic").style.display="none";
                    objShipping.style.display="block";
                    ddShipState.disabled=false;
                    var GetValue=new Array();
                    if(self.xmlHttpReq.responseText.indexOf('~' != -1))
                    {
                        GetValue=self.xmlHttpReq.responseText.split("~");
                    }
                    if(GetValue[0].toString()!="")
                    {
                        if(GetValue[0].toString()=="1")
                        {
                            objShipping.innerHTML=GetValue[1].toString();
                        }
                        else
                        {
                            objShipping.innerHTML=GetValue[1].toString();
                        }
                    }
                    else
                    {
                        alert("Ajax return not found...");
                    }
                }
                else
                {
                    ddShipState.disabled=true;
                    document.getElementById("dvAjaxPic").style.display="block";
                    objShipping.style.display="none";
                }
            }                
            self.xmlHttpReq.send("mode=1&stateId="+varStateId+"&stateName="+varStateName); 
        }
        else if(varStateId=="0" ||varStateId==null)
        {            
            objShipping.innerHTML="";
            alert("Select proper state.");
        }
        else
        {            
            objShipping.innerHTML="";
            alert("Invalid parameter. Try again.");
        }
        btnObject.disabled=false;
        btnObject.value="";
    }
    else
    {
        alert("Objects not found. Try again.");
    }
}