//fill cities
function CCcreateRequestObject() {
    var CCtmpXmlHttpObject;
    
    //depending on what the browser supports, use the right way to create the XMLHttpRequest object
    if (window.XMLHttpRequest) { 
        // Mozilla, Safari would use this method ...
        CCtmpXmlHttpObject = new XMLHttpRequest();
	
    } else if (window.ActiveXObject) { 
        // IE would use this method ...
        CCtmpXmlHttpObject = new ActiveXObject("Microsoft.XMLHTTP");
    }
    
    return CCtmpXmlHttpObject;
}

//call the above function to create the XMLHttpRequest object
var Cchttp = CCcreateRequestObject();


function CCmakePostRequest(page_name,obj1) {
	
    //make a connection to the server ... specifying that you intend to make a GET request 
    //to the server. Specifiy the page name and the URL parameters to send
    //Send the proper header information along with the request
    var params = CCprepare_param(obj1);
 
    Cchttp.open('POST', page_name ,true);
  
	Cchttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	
	Cchttp.setRequestHeader("Content-length", params.length);
	 
	Cchttp.setRequestHeader("Connection", "close");
	 
	
    //assign a handler for the response
    Cchttp.onreadystatechange = CCprocessResponse;
	
    //actually send the request to the server
    Cchttp.send(params);
    
}


function makePostRequest_1(page_name,obj1,obj2) {
    //make a connection to the server ... specifying that you intend to make a GET request 
    //to the server. Specifiy the page name and the URL parameters to send
    //Send the proper header information along with the request
    var params = CCprepare_param(obj1,obj2);
 
    http.open('POST', page_name ,true);
   
	http.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	http.setRequestHeader("Content-length", params.length);
	http.setRequestHeader("Connection", "close");
 
	
    //assign a handler for the response
    http.onreadystatechange = CCprocessResponse;
	
    //actually send the request to the server
    http.send(params);
}

function CCprocessResponse() {
    //check if the response has been received from the server
    
if(Cchttp.readyState == 4){
	
        //read and assign the response from the server
        var response = Cchttp.responseText;
		
        //do additional parsing of the response, if needed
		
        //in this case simply assign the response to the contents of the <div> on the page. 
        document.getElementById('country_code').value =  response;
        if (response!=""){
        	document.getElementById('country_code').readOnly = true;
        	
        }
        else{
        	document.getElementById('country_code').readOnly = false;
        	document.getElementById('city_name').value =  "N/A";
        }
        
		//document.getElementById('loading').innerHTML="";
        //If the server returned an error message like a 404 error, that message would be shown within the div tag!!. 
        //So it may be worth doing some basic error before setting the contents of the <div>
    }
    
    else {
    	//document.getElementById('loading').innerHTML="<img src='images/loader.gif'>";
    	
    }
}



function CCprepare_param(obj1,obj2)
{ 
	var index_1=obj1.selectedIndex // returns the index of the selected option, ie: 0,1,2...
	var value_1=obj1.value //returns the value of the selected option
	var selected_index_country=obj1.options[obj1.selectedIndex].value // returns the text nested in the selected option
  
	if(obj2!=null){
	var index=obj2.selectedIndex // returns the index of the selected option, ie: 0,1,2...
	var value=obj2.value //returns the value of the selected option
	var selected_index_city=obj2.options[obj2.selectedIndex].text // returns the text nested in the selected option
	
  	var  par='country=' + selected_index_country + '&' +'code='+selected_index_city;
	}
	
	else
	{
		var  par='country=' + selected_index_country ;
	}
	//alert(par);
	return par;
}