var bInSubMenu = false;
var subLists;

$(document).ready(function() {
	subLists = $("#tertiary .box ul:first > li > ul");
	var numLinks = $("#tertiary .box ul:first > li > a").length;
	var menuTimer;

	subLists.hide();

	// Position subLists properly
	for(var i = 0; i < numLinks; i++) {
		var yCoord = (i + 1) * 29;
		subLists.eq(i).css('top', yCoord + 'px');

	}

	// Entered main menu option
	//--------------------------
	$("#tertiary .box ul:first > li > a").bind('mouseenter', function() {
		// Hide open lists, slide out selected one
		clearTimeout(menuTimer);
		subLists.hide();
		$(this).siblings().show(); 
		bInSubMenu = false;

	});
	
	// Left main menu option
	//-----------------------
	$("#tertiary .box ul:first > li > a").bind('mouseleave', function() {
		 menuTimer = setTimeout('hideSubMenu()', 1000);

	});
	
	// Entered sub menu
	//------------------
	$("#tertiary .box ul:first > li > ul").bind('mouseenter', function() {
   		clearTimeout(menuTimer);
		bInSubMenu = true;

	});
	
	// Left sub menu
	//----------------
	$("#tertiary .box ul:first > li > ul").bind('mouseleave', function() {
		subLists.hide(); // Hide open lists, slide out selected one
		bInSubMenu = false;

	});


});

// Didn't enter a sub menu, just hide any sub menus still shown.
function hideSubMenu() {
	if(!bInSubMenu) subLists.hide();
	
}