// Title: Ajax Function
// Description: Make use of Ajax to fetch and display the content
// Version: 1.0
// Date: 02-06-2007 (dd-mm-yyyy)
// Author: Amit Kumar Goel <amit@goels.co.in>; <goelamitkumar@gmail.com>
// Notes: Permission given to use this script in any kind of applications if
//    header lines are left unchanged. Feel free to contact the author
//    for feature requests and/or donations

function xmlHTTPRequest(){
	var ajaxRequest;  // The variable that makes Ajax possible!
	
	try{
		// Opera 8.0+, Firefox, Safari
		ajaxRequest = new XMLHttpRequest();
	} catch (e){
		// Internet Explorer Browsers
		try{
			ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			try{
				ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e){
				// Something went wrong
				alert("Your browser broke!");
				return false;
			}
		}
	}
	return ajaxRequest;
}

function populateArea(){
	var varAjax;			//variable for xml object

	varAjax = xmlHTTPRequest();
	
	varAjax.onreadystatechange = function(){
		if(varAjax.readyState == 4){
			var str = varAjax.responseText;
			var ajaxDisplay = document.getElementById('getPin');
			var loadDisp = document.getElementById('load');
			if (str.length > 0)
			{
				ajaxDisplay.innerHTML = str;
				loadDisp.style.visibility = "Hidden";
				loadDisp.innerHTML = "";
			}
			else
			{
				//ajaxDisplay.innerHTML = "No data received";
				loadDisp.style.visibility = "Hidden";
				loadDisp.innerHTML = "";
			}
			document.getElementById('pin').value = "";
		}
		if(varAjax.readyState == 1){
			var loadDisplay = document.getElementById('load');
			loadDisplay.style.visibility = "Visible";
			loadDisplay.innerHTML = "<font size='2' color='#02AEAA'><b>" + "Loading" + "</b></font>";
		}
	}

	varAjax.open("Get","loadArea.php?action=area&city=" + document.getElementById('city').value,true);
	varAjax.send(null);
}

function populateCity(){
	var varAjax;			//variable for xml object

	varAjax = xmlHTTPRequest();
	
	varAjax.onreadystatechange = function(){
		if(varAjax.readyState == 4){
			var str = varAjax.responseText;
			var ajaxDisplay = document.getElementById('getCity');
			var loadDisp = document.getElementById('load');
			if (str.length > 0)
			{
				ajaxDisplay.innerHTML = str;
				loadDisp.style.visibility = "Hidden";
				loadDisp.innerHTML = "";
			}
			else
			{
				ajaxDisplay.innerHTML = "No data received";
				loadDisp.style.visibility = "Hidden";
				loadDisp.innerHTML = "";
			}
			document.getElementById('pin').value = "";
		}
		if(varAjax.readyState == 1){
			var loadDisplay = document.getElementById('load');
			loadDisplay.style.visibility = "Visible";
			loadDisplay.innerHTML = "<font size='2' color='#02AEAA'><b>" + "Loading" + "</b></font>";
		}
	}

	varAjax.open("Get","loadArea.php?action=city&state=" + document.getElementById('state').value,true);
	varAjax.send(null);
}

function servArea(serv){
	var varAjax;			//variable for xml object

	varAjax = xmlHTTPRequest();
	
	varAjax.onreadystatechange = function(){
		if(varAjax.readyState == 4){
			var str = varAjax.responseText;
			var ajaxDisplay = document.getElementById('ser_area');
			var loadDisp = document.getElementById('load');
			if (str.length > 0)
			{
				ajaxDisplay.innerHTML = str;
				ajaxDisplay.style.visibility = "Visible";
//				loadDisp.style.visibility = "Hidden";
//				loadDisp.innerHTML = "";
			}
			else
			{
				ajaxDisplay.innerHTML = "No data received";
//				loadDisp.style.visibility = "Hidden";
//				loadDisp.innerHTML = "";
			}
//			document.getElementById('pin').value = "";
		}
		if(varAjax.readyState == 1){
//			var loadDisplay = document.getElementById('load');
//			loadDisplay.style.visibility = "Visible";
//			loadDisplay.innerHTML = "Loading";
		}
	}

	var servType = serv;
	var queryString = "";
	if (servType == "city")
	{
		queryString = "loadArea.php?action=servArea&state=" + document.getElementById('state').value;
	}
	else
		queryString = "loadArea.php?action=servArea&city=" + document.getElementById('city').value;
	varAjax.open("Get",queryString,true);
	varAjax.send(null);
}

function pinNumber(){
	var varAjax;			//variable for xml object

	varAjax = xmlHTTPRequest();
	varAjax.onreadystatechange = function(){
		if(varAjax.readyState == 4){
			var str = varAjax.responseText;
			var ajaxDisplay = document.getElementById('pin');
			var loadDisp = document.getElementById('load');
			if (str.length > 0)
			{
				ajaxDisplay.value = str;
				loadDisp.style.visibility = "Hidden";
				loadDisp.innerHTML = "";
			}
			else
			{
				loadDisp.style.visibility = "Hidden";
				loadDisp.innerHTML = "";
			}
		}
		if(varAjax.readyState == 1){
			var loadDisplay = document.getElementById('load');
			loadDisplay.style.visibility = "Visible";
			loadDisplay.innerHTML = "<font size='2' color='#02AEAA'><b>" + "Loading" + "</b></font>";
		}
	}

	var queryString = "loadArea.php?action=pin&area=" + document.getElementById('area').value;

	varAjax.open("Get",queryString,true);
	varAjax.send(null);
}