function switchDiv(id) {
	var myDiv = document.getElementById(id);
	
		// Don't do anything unless clicked div is hidden (i.e. no toggle)
	if (myDiv.style.visibility == 'hidden') { // then we need to show it and hide the other
		var otherDiv = (id == 'vehicleListType') ?  document.getElementById('vehicleListBrand') : document.getElementById('vehicleListType') ;
		//alert(id + ' is ' + myDiv.style.visibility)
		//alert('other div is : ' + otherDiv.id)
		myDiv.style.visibility = 'visible'; 
		myDiv.style.display = 'block'; 
		otherDiv.style.visibility = 'hidden';
		otherDiv.style.display = 'none';
	} 
	// Need to switch Styles too
	if (id == 'vehicleListType') { //hdr1 on
		
		var hdr1 = document.getElementById("hdr1");
		var hdr2 = document.getElementById("hdr2");
		var ahdr1 = document.getElementById("ahdr1");
		var ahdr2 = document.getElementById("ahdr2");
		
		hdr1.style.cssText = 'background-color:#369';
		hdr2.style.cssText = 'background-color:#fff';
		ahdr1.style.cssText = 'color:#fff';
		ahdr2.style.cssText = 'color:#369';
	} else {
		var hdr1 = document.getElementById("hdr1");
		var hdr2 = document.getElementById("hdr2");
		var ahdr1 = document.getElementById("ahdr1");
		var ahdr2 = document.getElementById("ahdr2");
		
		hdr1.style.cssText = 'background-color:#fff';
		hdr2.style.cssText = 'background-color:#369';
		ahdr1.style.cssText = 'color:#369';
		ahdr2.style.cssText = 'color:#fff';
	}
}
