// declare a global  XMLHTTP Request object
var XmlHttpObj;
// Variable du ddl
var ddlObject;
// create an instance of XMLHTTPRequest Object, varies with browser type, try for IE first then Mozilla
function CreateXmlHttpObj()
{
	// try creating for IE (note: we don't know the user's browser type here, just attempting IE first.)
	try
	{
		XmlHttpObj = new ActiveXObject("Msxml2.XMLHTTP");
	}
	catch(e)
	{
		try
		{
			XmlHttpObj = new ActiveXObject("Microsoft.XMLHTTP");
		} 
		catch(oc)
		{
			XmlHttpObj = null;
		}
	}
	// if unable to create using IE specific code then try creating for Mozilla (FireFox) 
	if(!XmlHttpObj && typeof XMLHttpRequest != "undefined") 
	{
		XmlHttpObj = new XMLHttpRequest();
	}
}

// called from onChange or onClick event of the continent dropdown list
function ContinentListOnChange(searchCode,ddlClientId) 
{
    ddlObject = ddlClientId;
    //var continentList = document.getElementById("<%=this.ClientID%>_cp");
    
    // get selected continent from dropdown list
    var selectedContinent = searchCode;
    
    // url of page that will send xml data back to client browser
    var requestUrl;
    // use the following line if using asp
    requestUrl = "/_xmlRequest/AjaxServices.aspx" + "?searchCode=" + encodeURIComponent(selectedContinent);

    // use the following line if using php
    // requestUrl = "xml_data_provider.php" + "?filter=" + encodeURIComponent(selectedContinent);
    
	CreateXmlHttpObj();
	
	// verify XmlHttpObj variable was successfully initialized
	if(XmlHttpObj)
	{
        // assign the StateChangeHandler function ( defined below in this file)
        // to be called when the state of the XmlHttpObj changes
        // receiving data back from the server is one such change
		XmlHttpObj.onreadystatechange = StateChangeHandler;
		
		// define the iteraction with the server -- true for as asynchronous.
		XmlHttpObj.open("GET", requestUrl,  true);
		
		// send request to server, null arg  when using "GET"
		XmlHttpObj.send(null);		
	}
}


// this function called when state of  XmlHttpObj changes
// we're interested in the state that indicates data has been
// received from the server
function StateChangeHandler()
{
	// state ==4 indicates receiving response data from server is completed
	if(XmlHttpObj.readyState == 4)
	{
		// To make sure valid response is received from the server, 200 means response received is OK
		if(XmlHttpObj.status == 200)
		{			
			PopulateCountryList(XmlHttpObj.responseXML.documentElement);
		}
		else
		{
			alert("problem retrieving data from the server, status code: "  + XmlHttpObj.status);
		}
	}
}

// populate the contents of the country dropdown list
function PopulateCountryList(countryNode)
{
    
    var countryList = document.getElementById(ddlObject);
    
	// clear the country list 
	for (var count = countryList.options.length-1; count >-1; count--)
	{
		countryList.options[count] = null;
	}

	var countryNodes = countryNode.getElementsByTagName('ville');
	var idValue;
	var textValue; 
	var optionItem;
	// populate the dropdown list with data from the xml doc
	
	if(countryNodes.length == 0 )
	{
		//divVille.style.display="none";
		//dispklay div containint the error msg
		//document.getElementById("invalidCodePostal").style.display="block";
		alert('Code postale invalide');
	}
	else
	{
		//hide div containing the error msg
		//document.getElementById("invalidCodePostal").style.display="none";
		//divVille.style.display="block";
		for (var count = 0; count < countryNodes.length; count++)
		{	
			textValue = GetInnerText(countryNodes[count]);
			
			//Converting to sentance case
			var s = textValue;
			var length = s.length;
			var firstchar = s.substr(0,1);			
			var remaining = s.substr(1,length-1);			
			var finaltext = firstchar.toUpperCase()+remaining.toLowerCase();
			//End of conversion			
   			
			idValue = countryNodes[count].getAttribute("id");
			optionItem = new Option( finaltext, finaltext,  false, false);
			countryList.options[countryList.length] = optionItem;
		}
			
		/*var ville_codepostal = new Array();
		ville_codepostal = (countryList.options[0].text).split('-')					
		
		var txtVille = document.getElementById("txtVille");	
		txtVille.value=ville_codepostal[0];
		
		if(countryNodes.length == 1 )
		{
			divVille.style.display="none";			
		}*/
		
	}
	

}

// returns the node text value 
function GetInnerText (node)
{
	 return (node.textContent || node.innerText || node.text) ; 
}

//For ville
 

// called from onChange or onClick event of the continent dropdown list
function getVilleOnKeyPress(searchVille,ddlClientId) 
{
    ddlObject = ddlClientId;
    // get selected continent from dropdown list
    var selectedContinent = searchVille;

    // url of page that will send xml data back to client browser
    var requestUrl;
    // use the following line if using asp
    requestUrl = "/_xmlRequest/AjaxServices.aspx" + "?searchVille=" + encodeURIComponent(selectedContinent);
    // use the following line if using php
    // requestUrl = "xml_data_provider.php" + "?filter=" + encodeURIComponent(selectedContinent);
 
	CreateXmlHttpObj();
	
	// verify XmlHttpObj variable was successfully initialized
	if(XmlHttpObj)
	{
        // assign the StateChangeHandler function ( defined below in this file)
        // to be called when the state of the XmlHttpObj changes
        // receiving data back from the server is one such change
		XmlHttpObj.onreadystatechange = StateChangeHandlerVille;
		
		// define the iteraction with the server -- true for as asynchronous.
		XmlHttpObj.open("GET", requestUrl,  true);
		
		// send request to server, null arg  when using "GET"
		XmlHttpObj.send(null);		
	}
}


// this function called when state of  XmlHttpObj changes
// we're interested in the state that indicates data has been
// received from the server
function StateChangeHandlerVille()
{
	// state ==4 indicates receiving response data from server is completed
	if(XmlHttpObj.readyState == 4)
	{
		// To make sure valid response is received from the server, 200 means response received is OK
		if(XmlHttpObj.status == 200)
		{			
			PopulateVille(XmlHttpObj.responseXML.documentElement);
		}
		else
		{
			alert("problem retrieving data from the server, status code: "  + XmlHttpObj.status);
		}
	}
}

// populate the contents of the country dropdown list
function PopulateVille(countryNode)
{    
    var countryList = document.getElementById(ddlObject);
    
	// clear the country list 
	for (var count = countryList.options.length-1; count >-1; count--)
	{
		countryList.options[count] = null;
	}

    var countryNodes = countryNode.getElementsByTagName('ville');

	var idValue;
	var textValue; 
	var optionItem;
	// populate the dropdown list with data from the xml doc
	if(countryNodes.length == 0 )
	{
		//divVille.style.display="none";
		//dispklay div containint the error msg
		//document.getElementById("invalidVille").style.display="block";
		alert("Ville invalide");
	}
	else
	{
		//hide div containing the error msg
		//document.getElementById("invalidVille").style.display="none";
		//divVille.style.display="block";
		for (var count = 0; count < countryNodes.length; count++)
		{	
			textValue = GetInnerText(countryNodes[count]);
			
			//Converting to sentance case
			var s = textValue;
			var length = s.length;
			var firstchar = s.substr(0,1);			
			var remaining = s.substr(1,length-1);			
			var finaltext = firstchar.toUpperCase()+remaining.toLowerCase();
			//End of conversion			
   			
			idValue = countryNodes[count].getAttribute("id");
			optionItem = new Option( finaltext, finaltext,  false, false);
			countryList.options[countryList.length] = optionItem;
		}
		/*var txtVille = document.getElementById("txtVille");
		txtVille.value=countryList.options[0].text;
		
		if(countryNodes.length == 1 )
		{
			divVille.style.display="none";			
		}*/
		
	}
	

}