var VEHICLE_MAKE = "";
var VEHICLE_MODEL = "";
var VEHICLE_YEAR = "";
var VEHICLE_BODY = "";
var VEHICLE_OPTIONS = "";
var VEHICLE_BED = "";
var VEHICLE_INFO = "";

	function showMake(){
		var listMake = '<label>Vehicle Make</label><select name="Vehicle_Make"  onchange="showModel(this.value)"><option value="">Select Vehicle Make</option>';
		for(vMake in vehicles){
			listMake +='<option value="'+vMake+'">'+vMake+'</option>';	
		}
		listMake += '</select>';
		document.getElementById("make").innerHTML = listMake;
		document.getElementById("model").innerHTML = "";
		document.getElementById("vyear").innerHTML = "";
		document.getElementById("bType").innerHTML = "";
		document.getElementById("vOptions").innerHTML = "";
		document.getElementById("vBed").innerHTML = "";
		document.getElementById("vehicle").innerHTML = "";
	}

	function showModel(vMakeArg){
		VEHICLE_MAKE = vMakeArg;
		var listModel = '<label>Vehicle Model</label><select name="Vehicle_Model"  onchange="showYear(this.value)"><option value="">Select Vehicle Model</option>';
		for(vModel in  vehicles[vMakeArg]){
			listModel +='<option value="'+vModel+'">'+vModel+'</option>';	
		}
		listModel += '</select>';
		document.getElementById("model").innerHTML = listModel;
		document.getElementById("vyear").innerHTML = "";
		document.getElementById("bType").innerHTML = "";
		document.getElementById("vOptions").innerHTML = "";
		document.getElementById("vBed").innerHTML = "";		
		document.getElementById("vehicle").innerHTML = "";
	}
	
	function showYear(vModelArg){
		VEHICLE_MODEL = vModelArg;
		var  yearArr = vehicles[VEHICLE_MAKE][VEHICLE_MODEL][0];	
 		var yearRange = '<label>Vehicle Year</label><select name="Vehicle_Year"  onchange="showStyle()"><option value="">Select Vehicle Year</option>';
		for(var i = yearArr[0]; i <= yearArr[1]; i++){
			yearRange += '<option value="'+i+'">'+i+'</option>'; 
		}
		yearRange+= "</select>";
		document.getElementById("vyear").innerHTML = yearRange;
		document.getElementById("bType").innerHTML = "";
		document.getElementById("vOptions").innerHTML = "";
		document.getElementById("vBed").innerHTML = "";		
		document.getElementById("vehicle").innerHTML = "";
	}	

	function showStyle(showYearArg){
		VEHICLE_YEAR = showYearArg;
		if(vehicles[VEHICLE_MAKE][VEHICLE_MODEL][1].length > 1){
			var listStyle = '<label>Vehicle Body Style</label><select name="Vehicle_Body_Style"  onchange="showOptions(this.value)"><option value="">Select Vehicle Body Style</option>';
			for(var i = 0 ; i< vehicles[VEHICLE_MAKE][VEHICLE_MODEL][1].length; i++){
				listStyle +='<option value="'+vehicles[VEHICLE_MAKE][VEHICLE_MODEL][1][i]+'">';
				listStyle += vehicles[VEHICLE_MAKE][VEHICLE_MODEL][1][i]+'</option>';				
			}
			listStyle += "</select>";
			document.getElementById("bType").innerHTML = listStyle;	
			document.getElementById("vOptions").innerHTML = "";
			document.getElementById("vBed").innerHTML = "";	
			document.getElementById("vehicle").innerHTML = "";		
		}else{
			showOptions('');
		}
	}
	
	function showOptions(showStyleArg){
		
		VEHICLE_BODY = showStyleArg;
		if(vehicles[VEHICLE_MAKE][VEHICLE_MODEL][2].length>0){
			var listOptions = '<label>Vehicle Options</label><select name="Vehicle_Options"  onchange="showBedSize(this.value)"><option value="">Select Vehicle Options</option>';
			for(var i = 0 ; i< vehicles[VEHICLE_MAKE][VEHICLE_MODEL][2].length; i++){
				listOptions +='<option value="'+vehicles[VEHICLE_MAKE][VEHICLE_MODEL][1][i]+'">';
				listOptions += vehicles[VEHICLE_MAKE][VEHICLE_MODEL][2][i]+'</option>';				
			}
			listOptions += "</select>";
			document.getElementById("vOptions").innerHTML = listOptions;
			document.getElementById("vBed").innerHTML = "";		
			document.getElementById("vehicle").innerHTML = "";	
		}else{
			showBedSize('');
		}
	}
	
	function showBedSize(showOptionsArg){
		VEHICLE_OPTIONS = showOptionsArg;
		if(vehicles[VEHICLE_MAKE][VEHICLE_MODEL][3].length>0){
			var listBedSize = '<label>Bed Size</label><select name="Vehicle_Bed_Size"  onchange="showSubmit(this.value)"><option value="">Select Bed Size</option>';
			for(var i = 0 ; i< vehicles[VEHICLE_MAKE][VEHICLE_MODEL][3].length; i++){
				listBedSize +='<option value="'+vehicles[VEHICLE_MAKE][VEHICLE_MODEL][3][i]+'">';
				listBedSize += vehicles[VEHICLE_MAKE][VEHICLE_MODEL][3][i]+'</option>';				
			}
			listBedSize += "</select>";
			document.getElementById("vBed").innerHTML = listBedSize;		
			document.getElementById("vehicle").innerHTML = "";	
		}else{
			showSubmit('');
		}
	}
	
	function showSubmit(showBedSizeArg){
		VEHICLE_BED = showBedSizeArg;
		//VEHICLE_INFO = VEHICLE_MAKE +', '+ VEHICLE_MODEL +', '+ VEHICLE_YEAR +', '+ VEHICLE_BODY +', '+ VEHICLE_OPTIONS  +', '+ VEHICLE_BED;
		var vehicleInfo = '<input name="vehicleInfo" type="hidden" size="44"  value="'+VEHICLE_INFO+'" />';
		vehicleInfo += '<input name="vehicleInfoSubmit"  id="vehicleInfoSubmitButton" type="button" value="ADD" onClick = "submitVehicleInfo()" />';
		document.getElementById("vehicle").innerHTML = vehicleInfo;
	}
	
	function submitVehicleInfo(){
		url = "includes/upfit/upfit_vehicles_options.php?a=a";
		if(document.getElementById('intro')){
			document.getElementById('intro').style.display = 'none';
		}
		ajaxPOST(url,'',formToParams('vehicle_add_form'),'setVehicle');
		document.getElementById('vehicle_add_form').reset()
		document.getElementById('vehicle_add_form').style.display='none';
		document.getElementById('add_vehicle_link').style.display='block';
		document.getElementById("make").innerHTML = "";
		document.getElementById("model").innerHTML = "";
		document.getElementById("vyear").innerHTML = "";
		document.getElementById("bType").innerHTML = "";
		document.getElementById("vOptions").innerHTML = "";
		document.getElementById("vBed").innerHTML = "";
		document.getElementById("vehicle").innerHTML = "";
		document.getElementById('mainRH').innerHTML='<h3>Select A Product</h3>';
		//alert(VEHICLE_INFO);
	}
	
document.body.lastChild.onload = showMake;
document.body.onload = showMake;
window.onload = showMake;