function $(a){return document.getElementById(a)};
function tags(a,b){if(!a) return false; else return a.getElementsByTagName(b)};
function getByClass(C,A) {var i,n,arr=[],p=new RegExp("(^|\\s)"+C+"(\\s|$)");for(i=0;A[i];i++) {n=A[i].className;if(n=='')continue;if(n==C){arr.push(A[i]);continue;}if(p.test(n))arr.push(A[i]);}return arr;};
function addEvent(el, eType, func) {
    (typeof el.addEventListener != "undefined") ?
    el.addEventListener(eType,func,false) : el.attachEvent("on"+eType,func);    
    }	
    
function fnopenvpopup(vid, img_name){
	window.open('vehiclepopup.php?vehicleid='+vid+'&img='+img_name, '', 'address=0, toolbar=0, location=0, menubar=0, directories=0, scrollbars=0, status=0, width=490, height=395,resizable=1');
}


function listchange(objlist){
	
	var num = objlist.options[objlist.selectedIndex].value;
	
	document.MainForm.num_top_records.value = num;

	document.MainForm.submit();
	
	//document.MainForm.tc.value = catid;
	//document.MainForm.top.value = topten;
	//document.MainForm.action = document.MainForm.action+'#cat'+catid;
	
}

function set_vehicle_class(vehicle_class_id) {

	document.MainForm.vehicle_class.value = vehicle_class_id;
	
	with (document.MainForm) {
		submit();
	}

}


function fnshowhide(id) {

	var submodels = document.getElementById('othermodels'+id);
	var submodellink = document.getElementById('viewarrow'+id);

	if(submodels.style.display == 'none' || submodels.style.display == '' ) {
		submodels.style.display = 'block';
		submodellink.className = 'hideothers';
		submodellink.innerHTML = "<a href=\"javascript:{};\" onclick=\"javascript: fnshowhide("+id+");\">Hide model variants</a>";

	}else{
		submodels.style.display = 'none';
		submodellink.className = 'viewothers';
		submodellink.innerHTML = "<a href=\"javascript:{};\" onclick=\"javascript: fnshowhide("+id+");\">View model variants</a>";

	}


}

function compare(){

	var carids = '';
	var noneselected = true;
	var selcount = 0;

	for (i=0;i<document.MainForm2.VehicleID.length;i++) {
		if(document.MainForm2.VehicleID[i].checked == true) {
			selcount++;
			if(selcount > 4) {
				alert('A maximum of four vehicles may be selected for comparison');
				return false;
			}
			carids += document.MainForm2.VehicleID[i].value+'+'
			noneselected = false;

		}
	}

	if(noneselected) {
		alert('Select at least two vehicles for comparison by checking their corresponding check box')
	} else {
		var winwidth = 380 + (selcount * 90);
		location.href='/us/compare.php?carids='+carids;return false;
	}
}

function check_form(){

	var fuels = document.getElementsByName('fuel_type[]');

	var fuel_check = false;
	
	for(var i=0; i< fuels.length; i++) if(fuel_check = fuels[i].checked) break;	
	
	ErrorMessage = '';

 	 if(!fuel_check) {

 	  	ErrorMessage += 'Please select at least one fuel / engine type.'

		alert(ErrorMessage);

	 	return false;
	}

}


function checkall(optionname, all_checkbox, formindex){
	
	var form_element = document.forms[formindex].elements[optionname+'[]'];
	
	for(var i=0; i < form_element.length; i++) {
		
		form_element[i].checked = all_checkbox.checked;
	
	}

}

function moreoptions(){

	var objmpg = document.getElementById('mpg')
	var objmpgcell = document.getElementById('mpgcell');
	var objmpgcell2 = document.getElementById('mpgcell2');
	
	var objfuelcost = document.getElementById('fuelcost');
	var objfuelcostcell = document.getElementById('fuelcostcell');
	var objfuelcostcell2 = document.getElementById('fuelcostcell2');
	
	var linktext = ''

	if(objmpg.className == '' || objfuelcost.style.display == 'inline') {
		
		if (navigator.appVersion.indexOf("MSIE")!=-1){ 	
			
			objfuelcost.style.display = 'none';
			objmpg.style.display = 'none';
			
			objfuelcostcell.style.display = 'none';
			objfuelcostcell2.style.display = 'none';
			
			objmpgcell.style.display = 'none';
			objmpgcell2.style.display = 'none';
			
		} else {
		
			objmpg.className = 'hidefields';
			objfuelcost.className = 'hidefields';
			
		}

		linktext = '[ more options ]';
		
	}else{

		if (navigator.appVersion.indexOf("MSIE")!=-1){ 	

			objfuelcost.style.display = 'inline';
			objmpg.style.display = 'inline';
			
			objfuelcostcell.style.display = 'inline';
			objfuelcostcell2.style.display = 'inline';
			
			objmpgcell.style.display = 'inline';
			objmpgcell2.style.display = 'inline';
			
		} else {
		
			objfuelcost.className = '';
			objmpg.className = '';
		
		}


		linktext = '[ less options ]';

	}

	document.getElementById('moreoptions').innerHTML = linktext

}

      


