var xmlHttp;
/*
 * Created on Oct 11, 2008
 *
 * To change the template for this generated file go to
 * Window - Preferences - PHPeclipse - PHP - Code Templates
 */
 var baseURL = 'http://www.titanworld.com/assistance/';
 var ajaxLoader = 'http://www.titanworld.com/ajax-loader.gif'

/********************STORE LOCATOR*************************/
	function storeLocator(zone, state, city, enable)
	{
		 //alert(state);

		 var url = '';
		 xmlHttp=GetXmlHttpObject();
		 if(zone !='' && state !='' && city !='')
		 {
			 url= baseURL + "stores/"+zone+"/"+state+"/"+city;
			 showEnabledCity(enable);	  	
			 xmlHttp.onreadystatechange=displaystores 
			 xmlHttp.open("POST",url,true);
			 xmlHttp.send(null);	  
			 
		 }else if(zone !='' && state !='')
		 {
			  url= baseURL + "stores/"+zone+"/"+state;
			  showEnabledState(enable);	 	
			  xmlHttp.onreadystatechange=displaycity 
			  xmlHttp.open("POST",url,true);
			  xmlHttp.send(null);	 
			   		 
		  }else if(zone !='')
				 {
					  showEnabledZone(enable);
					  url = baseURL+ "stores/"+zone;	 
					  xmlHttp.onreadystatechange=displaystate 
					  xmlHttp.open("POST",url,true);
					  xmlHttp.send(null);	 	 			 
				 }	
			
	}

	//Return value to caller function 
	function displaystate() 
	{ 
	if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
	 {	
			document.getElementById("state").innerHTML = '';
			document.getElementById("state").style.display="block";
			document.getElementById("state").innerHTML = xmlHttp.responseText;
 	 } 
	}
	
		function displaycity() 
	{ 
	if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
	 {	
			document.getElementById("city").innerHTML = '';
			document.getElementById("city").style.display="block";
			document.getElementById("city").innerHTML = xmlHttp.responseText;
 	 } 
	}
	
		function displaystores() 
	{ 
	if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
	 {		
			document.getElementById("location").innerHTML = '';
			document.getElementById("location").style.display="block";
			document.getElementById("location").innerHTML = xmlHttp.responseText;
 	 } 
	}

//Show hide functionality of ZONES, STATES and CITIES is controlled here.	
	function showEnabledZone(zoneId)
	{	   
	    var zones=document.getElementById("zone");
		var listZone = zones.getElementsByTagName("li");
		Total = listZone.length;
	    var i = 1;
	    for(i=1; i < Total;i++){
		   //alert(i);
		   document.getElementById('z'+i).className = "";  		   
		} 
		document.getElementById("location").innerHTML = '';
		document.getElementById("location").style.display = "none";
		document.getElementById("city").innerHTML = '';
		document.getElementById("city").style.display="none";		
		document.getElementById('z'+zoneId).className = 'selected';
		document.getElementById('z'+zoneId).className = 'selected';
		document.getElementById("state").innerHTML = '<div style="text-align:center; margin-top: 30%;"><img src="'+ ajaxLoader +'" style="border:none;"/></div>';
	}
	
	function showEnabledState(stateId)
	{
		var states=document.getElementById("state");
		var listState = states.getElementsByTagName("li");
		Total = listState.length;
		var i = 1;
		for(i=1; i < Total;i++){
		   //alert(i);
		   document.getElementById('s'+i).className = "";  		   
		} 
		document.getElementById("location").innerHTML = '';
		document.getElementById("location").style.display = "none";
		document.getElementById('s'+stateId).className = 'selected';
		document.getElementById("city").innerHTML = '<div style="text-align:center; margin-top: 30%;"><img src="'+ ajaxLoader +'" style="border:none;"/></div>';
		document.getElementById("city").style.minHeight = (Total * 23) + 2;
	}
	
	function showEnabledCity(cityId)
	{
		var cities=document.getElementById("city");
		var listCity = cities.getElementsByTagName("li");
		Total = listCity.length;
		var i = 1;
		for(i=1; i < Total;i++){
		   document.getElementById('c'+i).className = "";  		   
		} 
		document.getElementById('c'+cityId).className = 'selected';
		document.getElementById("location").innerHTML = '<div style="text-align:center; margin-top: 30%;"><img src="'+ ajaxLoader +'" style="border:none;"/></div>';
		document.getElementById("location").style.minHeight = (Total * 23) + 2;
	}
/*****************************SERVICE LOCATOR********************************/
	function serviceLocator(zone, state, city, enable)
	{
		 var url = '';
		 xmlHttp=GetXmlHttpObject();
		 if(zone !='' && state !='' && city !='')
		 {
			 url= baseURL + "services/"+zone+"/"+state+"/"+city;
			 showEnabledCityservices(enable);	  	
			 xmlHttp.onreadystatechange=servicesstores 
			 xmlHttp.open("POST",url,true);
			 xmlHttp.send(null);	  
			 
		 }else if(zone !='' && state !='')
		 {
			  url= baseURL + "services/"+zone+"/"+state;
			  showEnabledStateservices(enable);	 	
			  xmlHttp.onreadystatechange=servicescity 
			  xmlHttp.open("POST",url,true);
			  xmlHttp.send(null);	 
			   		 
		  }else if(zone !='')
				 {
					  showEnabledZoneservices(enable);
					  url = baseURL+ "services/"+zone;	 
					  xmlHttp.onreadystatechange=servicesstate 
					  xmlHttp.open("POST",url,true);
					  xmlHttp.send(null);	 	 			 
				 }	
			
	}

	//Return value to caller function 
	function servicesstate() 
	{ 
	if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
	 {	
			document.getElementById("service_state").innerHTML = '';
			document.getElementById("service_state").style.display="block";
			document.getElementById("service_state").innerHTML = xmlHttp.responseText;
 	 } 
	}
	
		function servicescity() 
	{ 
	if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
	 {	
			document.getElementById("service_city").innerHTML = '';
			document.getElementById("service_city").style.display="block";		
			document.getElementById("service_city").innerHTML = xmlHttp.responseText;

 	 } 
	}
	
		function servicesstores() 
	{ 
	if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
	 {		
			document.getElementById("service_location").innerHTML = '';
			document.getElementById("service_location").style.display="block";
			document.getElementById("service_location").innerHTML = xmlHttp.responseText;
 	 } 
	}

//Show hide functionality of ZONES, STATES and CITIES is controlled here.	
	function showEnabledZoneservices(zoneId)
	{	   
	    var zones=document.getElementById("service_zone");
		var listZone = zones.getElementsByTagName("li");
		Total = listZone.length;
	    var i = 1;
	    for(i=1; i < Total;i++){
		   //alert(i);
		   document.getElementById('service_z'+i).className = "";  		   
		} 
		document.getElementById("service_location").innerHTML = '';
		document.getElementById("service_location").style.display = "none";
		document.getElementById("service_city").innerHTML = '';
		document.getElementById("service_city").style.display="none";		
		document.getElementById('service_z'+zoneId).className = 'selected';
		document.getElementById('service_z'+zoneId).className = 'selected';
		document.getElementById("service_state").innerHTML = '<div style="text-align:center; margin-top: 10px;"><img src="'+ ajaxLoader +'" style="border:none;"/></div>';
		  
	}
	
	function showEnabledStateservices(stateId)
	{
		var states=document.getElementById("service_state");
		var listState = states.getElementsByTagName("li");
		Total = listState.length;
		var i = 1;
		for(i=1; i < Total;i++){
		   //alert(i);
		   document.getElementById('service_s'+i).className = "";  		   
		} 
		document.getElementById("service_location").innerHTML = '';
		document.getElementById("service_location").style.display = "none";
		document.getElementById('service_s'+stateId).className = 'selected';
		document.getElementById("service_city").innerHTML = '<div style="text-align:center; margin-top: 30%;"><img src="'+ ajaxLoader +'" style="border:none;"/></div>';		
		document.getElementById("service_city").style.minHeight = (Total * 23)+2;
	}
	
	function showEnabledCityservices(cityId)
	{
		var cities=document.getElementById("service_city");
		var listCity = cities.getElementsByTagName("li");
		Total = listCity.length;
		var i = 1;
		for(i=1; i < Total;i++){
		   document.getElementById('service_c'+i).className = "";  		   
		} 
		document.getElementById('service_c'+cityId).className = 'selected';
		document.getElementById("service_location").innerHTML = '<div style="text-align:center; margin-top: 30%;"><img src="'+ ajaxLoader +'" style="border:none;"/></div>';
		if(((Total * 23)+1) > 430)
		document.getElementById("service_location").style.minHeight = 430;
		else
		document.getElementById("service_location").style.minHeight = (Total * 23)+1;
	}
		
	
		//check whether browser supports AJAX or not!!!!
	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;
	}