var qtipexists = false;
// declare a global  XMLHTTP Request object
var XmlHttpObj;

// create an instance of XMLHTTPRequest Object, varies with browser type, try for IE first then Mozilla
function CreateXmlHttpObj1()
{
	// 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 ContinentListOnChange1() 
{
    var country = document.getElementById("country_sp");
	  // alert(country);
    // get selected continent from dropdown list
    var selectedContinent = country.options[country.selectedIndex].value;
  // var selectedContinent = country.value;
    //alert(selectedContinent);
    // url of page that will send xml data back to client browser
    var requestUrl;
    // use the following line if using asp
    //requestUrl = "xml_data_provider.asp" + "?filter=" + encodeURIComponent(selectedContinent);
    // use the following line if using php
     requestUrl = "xml_data_provider.php" + "?filter=" + encodeURIComponent(selectedContinent);
    //alert(requestUrl);
	CreateXmlHttpObj1();
	// 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 = StateChangeHandler1;
		
		// 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 StateChangeHandler1()
{
	
	
	// 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)
		{		
		
			PopulateCountryList1(XmlHttpObj.responseXML.documentElement);
		}
		else
		{
			// alert("problem retrieving data from the server, status code: "  + XmlHttpObj.status);
		}
	}
}

// populate the contents of the country dropdown list
function PopulateCountryList1(countryNode)
{
    
//	alert("www");

	//var testNodes = countryNode.getElementsByTagName('test');
	

			var state = document.getElementById("state_sp");
			// clear the country list 
			for (var count = state.options.length-1; count >-1; count--)
			{
				state.options[count] = null;
			}
			var countryNodes = countryNode.getElementsByTagName('country');
			var idValue;
			var textValue; 
			var optionItem;

//alert(state.options.length); alert(countryNodes.length);
				//		alert(countryNodes.length);
			
			// populate the dropdown list with data from the xml doc
			for (var count = 0; count < countryNodes.length; count++)
			{
				textValue = GetInnerText1(countryNodes[count]);
				idValue = countryNodes[count].getAttribute("id");
				optionItem = new Option( textValue, idValue,  false, false);
				state.options[state.length] = optionItem;
			
				//	alert(textValue);
				//	alert(countryNodes.length);
				//	alert(state.options[state.length]);	
				//	alert(idValue);
				

					
			}
			
			
	if(countryNodes.length>0){
					if(qtipexists == true && document.getElementById('state_sp').style.display != true){updateqtip()}
				document.getElementById('state_sp').style.display='inline';
				document.getElementById('state_rowsp').style.visibility ="visible";
				document.getElementById('check_state_existsp').style.display='inline';	
				//alert("in"); 
				
		}else{
			document.getElementById('state_sp').style.display='none';
			document.getElementById('state_rowsp').style.visibility ="hidden";
			document.getElementById('check_state_existsp').style.display='none';
			//alert("out");
		}
}

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