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 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');
		} 				                          
	}
}

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(); });
});