var validBrowser = false;

var modelContainerWidth;
var modelSelectWidth;
var modelZ;
var modelFocus;

var clarContainerWidth;
var clarSelectWidth;
var clarZ;
var clarFocus;

var rvContainerWidth;
var rvSelectWidth;
var rvZ;
var rvFocus;

var timeStamp = 0;

var pageLoaded = false;

//alert(navigator.appName);
//alert(navigator.userAgent);

if(navigator.platform.indexOf('Mac') < 0 && (navigator.appName == 'Microsoft Internet Explorer' || navigator.userAgent.toUpperCase().indexOf('MSIE') > -1 || navigator.appName == 'Opera' || navigator.userAgent.toUpperCase().indexOf('OPERA') > -1)){
	validBrowser = true;
}

//alert(validBrowser);

function setUp(anchorRight){
	if(validBrowser){
		var modelContainer = document.getElementById("modelDiv");
		var modelSelect = modelContainer.getElementsByTagName("select")[0];
		
		modelContainerWidth = modelContainer.style.width;
		modelSelectWidth = modelSelect.style.width;
		modelZ = modelContainer.style.zIndex;
		
		//set up model container
		modelContainer.style.position = "relative";
		modelContainer.style.top = "0px";
		if(anchorRight){
			modelContainer.style.right = "0px";
		}else{
			modelContainer.style.left = "0px";
		}
		modelContainer.style.width = modelSelectWidth;
		modelContainer.style.height = modelSelect.style.height;
	
		//set up model select menu
		modelSelect.style.position = "absolute";
		modelSelect.style.top = "0px";
		if(anchorRight){
			modelSelect.style.right = "0px";
		}else{
			modelSelect.style.left = "0px";
		}

		var clarContainer = document.getElementById("clarDiv");
		var clarSelect = clarContainer.getElementsByTagName("select")[0];
		
		clarContainerWidth = clarContainer.style.width;
		clarSelectWidth = clarSelect.style.width;
		clarZ = clarContainer.style.zIndex;
		
		//set up clarifier container
		clarContainer.style.position = "relative";
		clarContainer.style.top = "0px";
		if(anchorRight){
			clarContainer.style.right = "0px";
		}else{
			clarContainer.style.left = "0px";
		}
		clarContainer.style.width = clarSelectWidth;
		clarContainer.style.height = clarSelect.style.height;
	
		//set up clarifier select menu
		clarSelect.style.position = "absolute";
		clarSelect.style.top = "0px";
		if(anchorRight){
			clarSelect.style.right = "0px";
		}else{
			clarSelect.style.left = "0px";
		}

		pageLoaded = true;
	}
}	

function setUpRV(anchorRight){
	if(validBrowser && document.getElementById("rvDiv") != null){
		var rvContainer = document.getElementById("rvDiv");
		var rvSelect = rvContainer.getElementsByTagName("select")[0];

		rvContainerWidth = rvContainer.style.width;
		rvSelectWidth = rvSelect.style.width;
		rvZ = rvContainer.style.zIndex;

		//set up recent vehicles container
		rvContainer.style.position = "relative";
		rvContainer.style.top = "0px";
		if(anchorRight){
			rvContainer.style.right = "0px";
		}else{
			rvContainer.style.left = "0px";
		}
		rvContainer.style.width = rvSelectWidth;
		//rvContainer.style.height = rvSelect.style.height;
		rvContainer.style.height = "25px";

		//set up recent vehicles select menu
		rvSelect.style.position = "absolute";
		rvSelect.style.top = "0px";
		if(anchorRight){
			rvSelect.style.right = "0px";
		}else{
			rvSelect.style.left = "0px";
		}
		pageLoaded = true;
	}
}

function expand(id){
	if(pageLoaded && validBrowser){
		var container = document.getElementById(id);
		var select = container.getElementsByTagName("select")[0];
		if(id == "modelDiv"){
			select.style.width = modelContainerWidth;
		}else if(id == "clarDiv"){
			select.style.width = clarContainerWidth;
		}else if(id == "rvDiv"){
			select.style.width = rvContainerWidth;
		}
		container.style.zIndex = 5000;

		timeStamp = (new Date()).getTime();
	}
}

function shrinkMenu(id){
	if(pageLoaded && validBrowser){
		var span = (new Date()).getTime() - timeStamp;

		var container = document.getElementById(id);
		var select = container.getElementsByTagName("select")[0];

		if(id == "modelDiv"){
			select.style.width = modelSelectWidth;
			container.style.zIndex = modelZ;
		}else if(id == "clarDiv"){
			select.style.width = clarSelectWidth;
			container.style.zIndex = clarZ;
		}else if(id == "rvDiv"){
			select.style.width = rvSelectWidth;
			container.style.zIndex = rvZ;
		}
	}
}