// JavaScript Document
	var xmlHttp;	

	function createXMLHttpRequest() {
		if (window.ActiveXObject) {
			xmlHttp = 		new ActiveXObject("Microsoft.XMLHTTP");			
		}
		else if (window.XMLHttpRequest) {
			xmlHttp = 		new XMLHttpRequest();
		}
	}

	function addOption(selectbox,text,value ) {
		var optn = document.createElement("OPTION");
		optn.text = text;
		optn.value = value;
		document.getElementById(selectbox).options.add(optn);
	}
	
	function removeAllOptions(selectbox) {
		var i;
		for(i=document.getElementById(selectbox).options.length-1;i>=0;i--)	{
			document.getElementById(selectbox).remove(i);
		}
	}

	
	function showYears() {
		if(document.getElementById("selType").selectedIndex == 1) {
			document.getElementById("selLength").style.display = "block";
		} else { 
			document.getElementById("selLength").style.display = "none";
		}
		createXMLHttpRequest();
		removeAllOptions("selYear"); addOption("selYear", "Select Year", '');
		removeAllOptions("selMake"); addOption("selMake", "Select Make", '');
		removeAllOptions("selModel"); addOption("selModel", "Select Model", '');
		removeAllOptions("selLength"); addOption("selLength", "Select Length", '');
		var type = document.getElementById("selType").value;
		var url = "/app/1_vehicle-location-information/ajax/showYears.php?type="+type;
		xmlHttp.open("GET", url, true);
		xmlHttp.onreadystatechange = handleEmail;
		xmlHttp.setRequestHeader("Content-Type", "application/x-www-form- urlencoded");
		xmlHttp.send(url);
		function handleEmail() {
			if(xmlHttp.readyState == 4) {
				if(xmlHttp.status == 200) {
					var results = 	xmlHttp.responseXML;
					var assetList = results.getElementsByTagName("asset");
					var start = 	assetList[0].getElementsByTagName("start")[0].firstChild.nodeValue;
					var end = 		assetList[0].getElementsByTagName("end")[0].firstChild.nodeValue;
				}
				var years = "<option value=''>Select Year</option>";
				for(var i=end; i>start; i--) {
					addOption("selYear", i, i);
				}
			}
		}
	}	

	function showMakes() {
		createXMLHttpRequest();
		removeAllOptions("selMake"); addOption("selMake", "Select Make", '');
		removeAllOptions("selModel"); addOption("selModel", "Select Model", '');
		removeAllOptions("selLength"); addOption("selLength", "Select Length", '');		
		var type = document.getElementById("selType").value;
		var year = document.getElementById("selYear").value;
		var url = "/app/1_vehicle-location-information/ajax/showMakes.php?type="+type+"&year="+year;
		
		xmlHttp.open("GET", url, true);
		xmlHttp.onreadystatechange = handleEmail;
		xmlHttp.setRequestHeader("Content-Type", "application/x-www-form- urlencoded");
		xmlHttp.send(url);
		function handleEmail() {
			if(xmlHttp.readyState == 4) {
				if(xmlHttp.status == 200) {
					var results = xmlHttp.responseXML;
					var assetList = results.getElementsByTagName("asset");
					if(assetList.length >= 1) {
						for(var i=0; i< assetList.length; i++) {
							var make = 	assetList[i].getElementsByTagName("make")[0].firstChild.nodeValue;
							addOption("selMake", make, make);
						}
					}
				}
			}
		}
	}

	function showModels() {
		createXMLHttpRequest();
		removeAllOptions("selModel"); addOption("selModel", "Select Model", '');
		removeAllOptions("selLength"); addOption("selLength", "Select Length", '');
		var type = document.getElementById("selType").value;
		var year = document.getElementById("selYear").value;
		var make = document.getElementById("selMake").value;
		var url = "/app/1_vehicle-location-information/ajax/showModels.php?type="+type+"&year="+year+"&make="+make;
		
		xmlHttp.open("GET", url, true);
		xmlHttp.onreadystatechange = handleEmail;
		xmlHttp.setRequestHeader("Content-Type", "application/x-www-form- urlencoded");
		xmlHttp.send(url);
		function handleEmail() {
			if(xmlHttp.readyState == 4) {
				if(xmlHttp.status == 200) {
					var results = xmlHttp.responseXML;
					var assetList = results.getElementsByTagName("asset");
					if(assetList.length >= 1) {
						for(var i=0; i< assetList.length; i++) {
							var model = 	assetList[i].getElementsByTagName("model")[0].firstChild.nodeValue;
							addOption("selModel", model, model);
						}
					}
				}
			}
		}
	}
	
	function showLengths() {
		if(document.getElementById("selType").selectedIndex == 1) { 
			createXMLHttpRequest();
			removeAllOptions("selLength"); addOption("selLength", "Select Length", '');
			var type = document.getElementById("selType").value;
			var year = document.getElementById("selYear").value;
			var make = document.getElementById("selMake").value;
			var model = document.getElementById("selModel").value;
			var url = "/app/1_vehicle-location-information/ajax/showLengths.php?type="+type+"&year="+year+"&make="+make+"&model="+model;
			
			xmlHttp.open("GET", url, true);
			xmlHttp.onreadystatechange = handleEmail;
			xmlHttp.setRequestHeader("Content-Type", "application/x-www-form- urlencoded");
			xmlHttp.send(url);
		} else { 
		document.getElementById("selLength").style.display = "none";
		}
		function handleEmail() {
				if(xmlHttp.readyState == 4) {
					if(xmlHttp.status == 200) {
						var results = xmlHttp.responseXML;
						var assetList = results.getElementsByTagName("asset");
						if(assetList.length >= 1) {
							for(var i=0; i< assetList.length; i++) {
								var length = 	assetList[i].getElementsByTagName("length")[0].firstChild.nodeValue;
								addOption("selLength", length, length);
							}
						}
					}
				}
			}
	}	
	
	function validForm(valid) { 
		document.getElementById("hidValid").value = valid;
	}