var initState = false    //placeholder to indicate initial state is current
var hideInt = 500        //sets timeout length for hiding of menus - ADJUST LENGTH OF MENU DISPLAY HERE!
var TID;

function closeMe(){
	TID = window.setTimeout( "refreshMenu();", hideInt );
}

var IFControl = null;

$(document).ready(function(){
	$("div#drop1").css('visibility', 'hidden');
	$("div#drop2").css('visibility', 'hidden');
	
	// main nav roll-over
	//$("div#header ol li#new-vehicles").hover(function(){ showMenu(1); }, function(){ closeMe(); });
	//$("div#header ol li#aftersales").hover(function(){ showMenu(2); }, function(){ closeMe(); });
	
	// dropdown rollover
	//$("div#drop1").hover(function(){ showMenu(1); }, function(){ closeMe(); });
	//$("div#drop2").hover(function(){ showMenu(2); }, function(){ closeMe(); });
	function refreshMenu() {
		$("div#drop1").css('visibility', 'hidden');
		$("div#drop2").css('visibility', 'hidden');
	}
	function showMenu(menuID) {
		if (initState) {
			clearTimeout(TID)
		} else {
			initState = true;
		}

		refreshMenu();  

		for (var i = 1; i <= 2; i++) {
			if (menuID == "" + i) {
				$("div#drop" + i).css('visibility', 'visible');
			} else {
				$("div#drop" + i).css('visibility', 'hidden');
			} 				                          
		}
	}
});