var xmlHttp;

function fetchX(what,str)
{
	xmlHttp=GetXmlHttpObject();
	if (xmlHttp==null)
	{
		alert ("Browser does not support HTTP Request");
		return;
	}
	var url="fillOptions2.php";
	url=url+"?which="+str;
	url=url+"&what="+what;
	switch(what)
	{
	  case 'sc': xmlHttp.onreadystatechange=scXChanged; break;
	  case 'st': xmlHttp.onreadystatechange=optionsXChanged; break;
	  case 'ci': xmlHttp.onreadystatechange=ciXChanged; break;
	}

	xmlHttp.open("GET",url,true);
	xmlHttp.send(null);
}

function scXChanged()
{
	if (xmlHttp.readyState == 4 || xmlHttp.readyState == "complete")
		document.getElementById("sccon2").innerHTML=xmlHttp.responseText;
}

function ciXChanged()
{
	if (xmlHttp.readyState == 4 || xmlHttp.readyState == "complete")
		document.getElementById("citycon2").innerHTML = xmlHttp.responseText ;
}

function optionsXChanged()
{
	if (xmlHttp.readyState == 4 || xmlHttp.readyState == "complete")
	{
		var res = xmlHttp.responseText.split('`');
		switch(res[0])
		{
				case 'st':
					document.getElementById("citycon2").innerHTML = '<select name="city" id="city2" class="cat"><option value="0">Select a city</option></select>';
					document.getElementById("statecon2").innerHTML = res[1];
				break;
				case 'ci':
					document.getElementById("statecon2").innerHTML = '<select name="state" id="state2" onchange="fetchX(\'ci\',this.value)" disabled="disabled" class="cat"><option value="0">Select a state</option></select>'
				  document.getElementById("citycon2").innerHTML = res[1];
				break;
		}
	}
}

function GetXmlHttpObject()
{
	var xmlHttp=null;
	try
	{
		// Firefox, Opera 8.0+, Safari
		xmlHttp=new XMLHttpRequest();
	}
	catch (e)
	{
		//Internet Explorer
		try
		{
			xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
		}
		catch (e)
		{
			xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
		}
	}
	return xmlHttp;
}