// JavaScript Document
function getState()
{
	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;
			}
		}
	}
	// Create a function that will receive data sent from the server
	ajaxRequest.onreadystatechange = function()
	{
			
		if(ajaxRequest.readyState == 4)
		{
			var ajaxDisplay = document.getElementById("searchstate");
			
			if(ajaxRequest.responseText)
			{
				var selectEl = '<div class="dd1"><select name="search_state" id="search_state" size="1" onChange="getArea();">'+'<option value="">Seleccionar</option>';
				selectEl += ajaxRequest.responseText;
				selectEl += '</select></div>';
				
				ajaxDisplay.innerHTML = selectEl;
				
				var selectE2 = '<div class="dd1"><select name="search_city" id="search_city" size="1" >'+'<option value="">Seleccionar</option>';
				selectE2 += '</select></div>';				
				document.getElementById("searcharea").innerHTML = selectE2;
			}
			else
			{
				var selectEl = '<div class="dd1"><select name="search_state" id="search_state" size="1" onChange="getArea();" >'+'<option value="">No se encontro estado</option>';
				selectEl += '</select></div>';				
				ajaxDisplay.innerHTML = selectEl;
				
				var selectE2 = '<div class="dd1"><select name="search_city" id="search_city" size="1" >'+'<option value="">Seleccionar</option>';
				selectE2 += '</select></div>';				
				document.getElementById("searcharea").innerHTML = selectE2;

				var selectE3 = '<div class="dd1"><select name="search_colonia" id="search_colonia" size="1" >'+'<option value="">Seleccionar</option>';
				selectE3 += '</select></div>';				
				document.getElementById("searchcolonia").innerHTML = selectE3;
			}
			
		}
		else 
		{			
			document.getElementById("searchstate").innerHTML = '<img src="images/ajax-loader.gif" width="16" height="16"/>';
		}
	}
	
	var country_id = document.getElementById("search_country").value;
	var queryString = 'country_id='+country_id;
	ajaxRequest.open("POST", "ajax/getAjaxState.php", true);
	//Send the proper header information along with the request
	ajaxRequest.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	ajaxRequest.setRequestHeader("Content-length", queryString.length);
	ajaxRequest.setRequestHeader("Connection", "close");
	ajaxRequest.send(queryString); 
}

function getArea()
{
	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;
			}
		}
	}
	// Create a function that will receive data sent from the server
	ajaxRequest.onreadystatechange = function()
	{
			
		if(ajaxRequest.readyState == 4)
		{
			var ajaxDisplay = document.getElementById("searcharea");
			
			if(ajaxRequest.responseText)
			{
				var selectEl = '<div class="dd1"><select name="search_city" id="search_city" size="1" onChange="getColonia();">'+'<option value="">Seleccionar</option>';
				selectEl += ajaxRequest.responseText;
				selectEl += '</select></div>';
				
				ajaxDisplay.innerHTML = selectEl;
			}
			else
			{
				var selectEl = '<div class="dd1"><select name="search_city" id="search_city" size="1" onChange="getColonia();">'+'<option value="">No se encontro ciudad</option>';
				selectEl += '</select></div>';				
				ajaxDisplay.innerHTML = selectEl;
				
				var selectE2 = '<div class="dd1"><select name="search_colonia" id="search_colonia" size="1" >'+'<option value="">Seleccionar</option>';
				selectE2 += '</select></div>';				
				document.getElementById("searchcolonia").innerHTML = selectE2;

			}
		}
		else 
		{			
			document.getElementById("searcharea").innerHTML = '<img src="images/ajax-loader.gif" width="16" height="16"/>';
		}
	}
	
	var state_id = document.getElementById("search_state").value;
	
	var queryString = 'state_id='+state_id;
	
	ajaxRequest.open("POST", "ajax/getAjaxArea.php", true);

	//Send the proper header information along with the request
	ajaxRequest.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	ajaxRequest.setRequestHeader("Content-length", queryString.length);
	ajaxRequest.setRequestHeader("Connection", "close");
	
	ajaxRequest.send(queryString); 
}

function getColonia()
{
	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;
			}
		}
	}
	// Create a function that will receive data sent from the server
	ajaxRequest.onreadystatechange = function()
	{
			
		if(ajaxRequest.readyState == 4)
		{
			var ajaxDisplay = document.getElementById("searchcolonia");
			
			if(ajaxRequest.responseText)
			{
				var selectEl = '<div class="dd1"><select name="search_colonia" id="search_colonia" size="1" >'+'<option value="">Seleccionar</option>';
				selectEl += ajaxRequest.responseText;
				selectEl += '</select></div>';
				
				ajaxDisplay.innerHTML = selectEl;
			}
			else
			{
				var selectEl = '<div class="dd1"><select name="search_colonia" id="search_colonia" size="1" >'+'<option value="">No se encontro colonia</option>';
				selectEl += '</select></div>';				
				ajaxDisplay.innerHTML = selectEl;
			}
		}
		else 
		{			
			document.getElementById("searchcolonia").innerHTML = '<img src="images/ajax-loader.gif" width="16" height="16"/>';
		}
	}
	
	var city_id = document.getElementById("search_city").value;
	
	var queryString = 'city_id='+city_id;
	
	ajaxRequest.open("POST", "ajax/getAjaxColonia.php", true);

	//Send the proper header information along with the request
	ajaxRequest.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	ajaxRequest.setRequestHeader("Content-length", queryString.length);
	ajaxRequest.setRequestHeader("Connection", "close");
	
	ajaxRequest.send(queryString); 
}