var makeDiv='<strong>Make</strong><br/><select class="prodSel" name="make" onChange="set_options(\'prodSel.php?sel=model\',\'model\')"><option size="15">Please select</option></select>';
var modelDiv='<strong>Model</strong><br/><select class="prodSel" name="model" onChange="set_options(\'prodSel.php?sel=year\',\'year\')"><option size="15">Please select</option></select>';
var yearDiv='<strong>CC Size</strong><br/><select class="prodSel" name="year" onChange="set_options(\'prodSel.php?sel=fuel\',\'fuel\')"><option size="15">Please select</option></select>';
var fuelDiv='<strong>Fuel</strong><br/><select class="prodSel" name="fuel" onChange="set_options(\'prodSel.php?sel=eSize\',\'eSize\')"><option size="15">Please select</option></select>';
var eSizeDiv='<strong>Year</strong><br/><select class="prodSel" name="eSize" onChange="set_options(\'prodSel.php?sel=final\',\'final\')"><option size="15">Please select</option></select>';
var final='';


function set_options(filename,selID){
	makeselected=document.prodsel.make.options[document.prodsel.make.selectedIndex].value
	modelselected=document.prodsel.model.options[document.prodsel.model.selectedIndex].value
	yearselected=document.prodsel.year.options[document.prodsel.year.selectedIndex].value
	fuelselected=document.prodsel.fuel.options[document.prodsel.fuel.selectedIndex].value
	finelselected=document.prodsel.eSize.options[document.prodsel.eSize.selectedIndex].value

	if (selID=="model") {
		document.getElementById("divModel").innerHTML="<br/><img src='ajax-loader.gif'>";
		document.getElementById("divYear").innerHTML=yearDiv;
		document.getElementById("divFuel").innerHTML=fuelDiv;
		document.getElementById("diveSize").innerHTML=eSizeDiv;
		document.getElementById("final").innerHTML=final;
	}
	if (selID=="year") {
		document.getElementById("divYear").innerHTML="<br/><img src='ajax-loader.gif'>";
		document.getElementById("divFuel").innerHTML=fuelDiv;
		document.getElementById("diveSize").innerHTML=eSizeDiv;
		document.getElementById("final").innerHTML=final;
	}
	if (selID=="fuel") {
		document.getElementById("divFuel").innerHTML="<br/><img src='ajax-loader.gif'>";
		document.getElementById("diveSize").innerHTML=eSizeDiv;
		document.getElementById("final").innerHTML=final;
	}
	if (selID=="eSize") {
		document.getElementById("diveSize").innerHTML="<br/><img src='ajax-loader.gif'>";
		document.getElementById("final").innerHTML=final;
	}
	
	var xmlDoc;
	var xmlsrc = filename+"&makeselected="+makeselected+"&modelselected="+modelselected+"&yearselected="+yearselected+"&fuelselected="+fuelselected+"&finelselected="+finelselected;
	// code for IE
	if (window.ActiveXObject)
	{
	xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
	xmlDoc.async=false;
	xmlDoc.load(xmlsrc);
	var x=xmlDoc.documentElement;
	}
	// code for Mozilla, Firefox, Opera, etc.
	else if (document.implementation.createDocument)
	{
	//alert('non-ie')
	//xmlDoc=document.implementation.createDocument("","",null);
	
	var xmlhttp = new window.XMLHttpRequest();
	xmlhttp.open("GET",xmlsrc,false);
	xmlhttp.send(null);
	var xmlDoc = xmlhttp.responseXML.documentElement;
	var x=xmlDoc;
//	alert(xmlDoc);
	}
	else
	{
	alert('Your browser cannot handle this script');
	}
//	xmlDoc.load(filename+"&makeselected="+makeselected+"&modelselected="+modelselected);
	
	var diag=""
	
//alert(x);
	
	if (selID=="model") {document.getElementById("divModel").innerHTML=modelDiv;}
	if (selID=="year") {document.getElementById("divYear").innerHTML=yearDiv;}
	if (selID=="fuel") {document.getElementById("divFuel").innerHTML=fuelDiv;}
	if (selID=="eSize") {document.getElementById("diveSize").innerHTML=eSizeDiv;}
	if (selID=="final") {document.getElementById("final").innerHTML=final;}
	
//	alert(x.childNodes.length)
	for (var i=0;i<x.childNodes.length;i++)
	{ 

		if (x.childNodes[i].nodeType==3)
		{ 
			x.removeChild(x.childNodes[i]);
		}
		if (x.childNodes[i].nodeType==1)
		{ 
			switch (selID){
				case "make":
				opt_val = new Option(x.childNodes[i].childNodes[0].nodeValue,i)
				document.prodsel.make.options[i]=opt_val;
				document.prodsel.make.options[i].value=x.childNodes[i].childNodes[0].nodeValue;
				break;
				case "model":
				opt_val = new Option(x.childNodes[i].childNodes[0].nodeValue,i)
				document.prodsel.model.options[i]=opt_val;
				document.prodsel.model.options[i].value=x.childNodes[i].childNodes[0].nodeValue;
				break;
				case "year":
				opt_val = new Option(x.childNodes[i].childNodes[0].nodeValue,i)
				document.prodsel.year.options[i]=opt_val;
				document.prodsel.year.options[i].value=x.childNodes[i].childNodes[0].nodeValue;
				break;
				case "fuel":
				opt_val = new Option(x.childNodes[i].childNodes[0].nodeValue,i)
				document.prodsel.fuel.options[i]=opt_val;
				document.prodsel.fuel.options[i].value=x.childNodes[i].childNodes[0].nodeValue;
				break;
				case "eSize":
				opt_val = new Option(x.childNodes[i].childNodes[0].nodeValue,i)
				document.prodsel.eSize.options[i]=opt_val;
				document.prodsel.eSize.options[i].value=x.childNodes[i].childNodes[0].nodeValue;
				break;
				case "final":
				window.location="advanced_search_result.php?keywords="+x.childNodes[i].childNodes[0].nodeValue+"";				
//				document.getElementById("final").innerHTML=x.childNodes[i].childNodes[0].nodeValue;
				break;
			}
	    } 
	}	
	//if (makeselected!="Please select") {
	//alert(document.prodsel.model.options.length);
	//}
	document.getElementById("diag").innerHTML=diag;
}
function fn_set_prod_sel(){
//	alert('ok')
	form_str='<form action="\" method="get/" name="prodsel">';
	form_str+='<div class="prodSel" id="divMake">'+makeDiv+'</div>';
	form_str+='<div class="prodSel" id="divModel">'+modelDiv+'</div>';
	form_str+='<div class="prodSel" id="divYear">'+yearDiv+'</div>';
	form_str+='<div class="prodSel" id="divFuel">'+fuelDiv+'</div>';
	form_str+='<div class="prodSel" id="diveSize">'+eSizeDiv+'</div>';
	form_str+='<div class="prodSel" id="final">'+final+'</div>';
	form_str+='</form>';
	document.getElementById("prodSel").innerHTML=form_str;
	set_options('prodSel.php?sel=make','make');
//	set_options('makes.xml','make');
}