var xmlhttp;
var aDiv = "";

function showManufacturer(type) {
	document.getElementById("make").innerHTML="<select style='width:140px;'>&nbsp;</select>";
	document.getElementById("battery_pic").innerHTML="&nbsp;";
	document.getElementById("send").innerHTML="&nbsp;";	xmlhttp=GetXmlHttpObject();
	
	if (xmlhttp==null)	  {
		alert ("Browser does not support HTTP Request");
		return;
	}
	var url="getmanufacturer.php";
	url=url+"?TYPE="+type;
	url=url+"&sid="+Math.random();
	aDiv = "manufacturer";
	xmlhttp.onreadystatechange=stateChanged;
	xmlhttp.open("GET",url,true);
	xmlhttp.send(null);

}


function showMake(type,manufacturer) {
	document.getElementById("battery_pic").innerHTML="&nbsp;";
	document.getElementById("send").innerHTML="&nbsp;";
	
	xmlhttp=GetXmlHttpObject();
	if (xmlhttp==null)	  {
		alert ("Browser does not support HTTP Request");
		return;
	}
	var url="getmake.php";
	url=url+"?TYPE="+type;
	url=url+"&MANUFACTURER="+manufacturer;
	url=url+"&sid="+Math.random();
	aDiv = "make";
	xmlhttp.onreadystatechange=stateChanged;
	xmlhttp.open("GET",url,true);
	xmlhttp.send(null);	
}

function chooseModel(type,manufacturer,make){
	document.getElementById("send").innerHTML="<input type='button' value='Send' onclick='showBatteryImage(\""+type+"\",\""+manufacturer+"\",\""+make+"\")' />";
}

function showBatteryImage(type,manufacturer,make) {
	xmlhttp=GetXmlHttpObject();
	if (xmlhttp==null)	  {
		alert ("Browser does not support HTTP Request");
		return;
	}
	var url="getbattery.php";
	url=url+"?TYPE="+type;
	url=url+"&MANUFACTURER="+manufacturer;
	url=url+"&MAKE="+make;
	url=url+"&sid="+Math.random();
	aDiv = "battery_pic";
	xmlhttp.onreadystatechange=stateChanged;
	xmlhttp.open("GET",url,true);
	xmlhttp.send(null);
}

function stateChanged() {
	if (xmlhttp.readyState==4)	{
		document.getElementById(aDiv).innerHTML=xmlhttp.responseText;
	} else if (aDiv != "battery_pic") {
		document.getElementById(aDiv).innerHTML="<select style='width:140px;'><option>Loading...</option></select>";
	} else if (aDiv == "battery_pic") {
		document.getElementById(aDiv).innerHTML="<div class='image' /><img src='images/loading_b.gif' style='width:32px;' /></div>";
	}
}

function GetXmlHttpObject(){
	if (window.XMLHttpRequest)	  {
		// code for IE7+, Firefox, Chrome, Opera, Safari
		return new XMLHttpRequest();
	}
	if (window.ActiveXObject)	  {
		// code for IE6, IE5
		return new ActiveXObject("Microsoft.XMLHTTP");
	}
	return null;
}