//here you place the ids of every element you want.
var ids=new Array('dvModels_Coupe','dvModels_Sedan','dvModels_Truck','dvModels_MiniVan', 'dvModels_Hatchback', 'dvModels_Hybrid', 'dvModels_SUV', 'dvModels_SUV', 'dvModels_Convertible', 'dvModels_Crossover');
var id2s=new Array('dvVehicle_Sedan_Civic','dvVehicle_Sedan_CivicHybrid', 'dvVehicle_Sedan_Fit', 'dvVehicle_Sedan_CivicSi','dvVehicle_Sedan_Accord');

function HighlightBody(id2){
	//safe function to hide an element with a specified id
	if (document.getElementById) { // DOM3 = IE5, NS6
		document.getElementById(id2).style.borderColor = "lime";
		document.getElementById(id2).style.borderSize = "4px";
	}
	else {
		if (document.layers) { // Netscape 4
		document.getElementById(id2).style.borderColor = "lime";
		document.getElementById(id2).style.borderSize = "4px";
		}
		else { // IE 4
		document.getElementById(id2).style.borderColor = "lime";
		document.getElementById(id2).style.borderSize = "4px";
		}
	}}
	function ClearBody(id2){
	//safe function to hide an element with a specified id
	if (document.getElementById) { // DOM3 = IE5, NS6
		document.getElementById(id2).style.borderColor = "#F0F0F0";
		document.getElementById(id2).style.borderSize = "4px";
	}
	else {
		if (document.layers) { // Netscape 4
		document.getElementById(id2).style.borderColor = "#F0F0F0";
		document.getElementById(id2).style.borderSize = "4px";
		}
		else { // IE 4
		document.getElementById(id2).style.borderColor = "#F0F0F0";
		document.getElementById(id2).style.borderSize = "4px";
		}
	}}
function SelectBody(id2){
ClearBody("imgHybrid")
ClearBody("imgSedan")
ClearBody("imgCoupe")
ClearBody("imgHatchback")
ClearBody("imgSUV")
ClearBody("imgTruck")
ClearBody("imgMiniVan")
ClearBody("imgConvertible")
ClearBody("imgCrossover")

HighlightBody(id2)
}

function switchid(id,id2){	
	hideallids();
	showdiv(id);
	SelectBody(id2);
}
function switchid2(id){	
	hideallid2s();
	showdiv2(id);
}
function hideallids(){
	//loop through the array and hide each element by id
	for (var i=0;i<ids.length;i++){
		hidediv(ids[i]);
	}		  
}
function hideallid2s(){
	//loop through the array and hide each element by id
	for (var i=0;i<id2s.length;i++){
		hidediv(id2s[i]);
	}		  
}

function hidediv(id) {
	//safe function to hide an element with a specified id
	if (document.getElementById) { // DOM3 = IE5, NS6
		document.getElementById(id).style.display = 'none';
	}
	else {
		if (document.layers) { // Netscape 4
			document.id.display = 'none';
		}
		else { // IE 4
			document.all.id.style.display = 'none';
		}
	}
}
function hidediv2(id) {
	//safe function to hide an element with a specified id
	if (document.getElementById) { // DOM3 = IE5, NS6
		document.getElementById(id).style.display = 'none';
	}
	else {
		if (document.layers) { // Netscape 4
			document.id.display = 'none';
		}
		else { // IE 4
			document.all.id.style.display = 'none';
		}
	}
}
function showdiv(id) {
	//safe function to show an element with a specified id
		  
	if (document.getElementById) { // DOM3 = IE5, NS6
		document.getElementById(id).style.display = 'block';
	}
	else {
		if (document.layers) { // Netscape 4
			document.id.display = 'block';
		}
		else { // IE 4
			document.all.id.style.display = 'block';
		}
	}
}

function showdiv2(id) {
	//safe function to show an element with a specified id
		  
	if (document.getElementById) { // DOM3 = IE5, NS6
		document.getElementById(id).style.display = 'block';
	}
	else {
		if (document.layers) { // Netscape 4
			document.id.display = 'block';
		}
		else { // IE 4
			document.all.id.style.display = 'block';
		}
	}
}


function hideVehicle(vehicleID){
    document.getElementById("subjectText1").value =  ""    
}