// BRS Drop Menu (12.14.09)
// Copyright Blue Ridge Solutions, Inc.  www.blueridges.com

// INSTRUCTIONS
// All main items must have a class of main_menu and be assigned an id of choice. (ex. <a class="main_menu" id="nav_main">)
// All drop menus must have a class of drop_menu and be assigned the same id as the main item id prepended with sub_.  (ex. <div class="drop_menu" id="sub_nav_main">)
// Not all main menu items require a drop menu

// Setup Variables
var theSpeed = 300; 			// animation speed for showing menus [300]
var closeDropMenuDelay = 400;	// delay to close the current open menu after the mouse leaves it [400]
var openDropMenuDelay = 200;	// delay to open the drop menu after the mouse goes over the main menu item [200]

var dropMenuActive = '';		// the currently active drop menu
var dropMenuRequested = '';


function onOverMenu() {
	var itemId = $(this).attr('id');
	var targetId = "sub_" + itemId;

	// stop any pending events for this menu item
	var theTimer = $(this).attr('timerid');
	if(theTimer) {
		clearTimeout(theTimer);
	}
	
	// request this submenu to open
	dropMenuRequested = targetId;
	$(this).attr('timerid', setTimeout(updateMenus, openDropMenuDelay) );
}


function onOutMenu() {
	// stop any pending events for this menu item
	dropMenuRequested = '';
	var theTimer = $(this).attr('timerid');

	if(theTimer) {
		clearTimeout(theTimer);
	}

	// schedule to close the presently active sub menu
	$(this).attr('timerid', setTimeout(updateMenus, closeDropMenuDelay) );
}

function onOverDropMenu() {
	var targetId = $(this).attr('id');

	// override the menu requested to the sub menu entered
	dropMenuRequested = targetId;
}

function onOutDropMenu() {
	// the submenu has been exited, start the timer to close the sub menu
	dropMenuRequested = '';
	
	var theTimer = $(this).attr('timerid');
	if(theTimer) {
		clearTimeout(theTimer);
	}

	// schedule to close the presently active sub menu
	$(this).attr('timerid', setTimeout(updateMenus, closeDropMenuDelay) );
}

// called via timeout to control the sub menu display
function updateMenus() {
	if(dropMenuActive == dropMenuRequested) return;  // don't do anything if the menu to display is current
	dropMenuActive = dropMenuRequested;

	// show the requested menu
	if(dropMenuActive != '')
		$('#' + dropMenuActive).addClass('active').stop(true,true).slideDown(theSpeed);
		
	// hide all others
	$('.drop_menu').each(function(i) {
			if($(this).hasClass('active') && $(this).attr('id') != dropMenuActive)
				$(this).removeClass('active').stop(true,true).slideUp(theSpeed);
	});
}


$(function(){	
	$('.drop_menu').hide().hover(onOverDropMenu, onOutDropMenu);
	$('.main_menu')
		.each(function(){
			var id = $(this).attr("id");
			var dropMenu = $('#sub_'+id); 
			//alert(dropMenu);
			var dropPosition = $(this).position(); 
			dropMenu.css({left:dropPosition.left-4+"px"}); 
		})
		.hover(onOverMenu, onOutMenu)
		.click(function(e) { if($(e.target).attr('href') == '#') e.preventDefault(); })
	;
});