/*
	JavaScript: menu
	
	Author:		elementalblend.com (brandon burkett)
	
	Desc:		custom menu for actr sub navigation.  This will show subnav on mouse enter and hide mouse leave.
				
	Note:		class is custom for actr.  can be edited as needed.
*/

/* menu class */
var menu = 
{
	/* properties */
	showEM: '2.4em',
	hideEM: '-900em',
	opacity: 0.90,	

	/* methods */
	hide: function(subNavId)
	{
		$('#'+subNavId).css('top', menu.hideEM);
	},
	
	show: function(subNavId)
	{
		$('#'+subNavId).css('top', menu.showEM);
	},
	
	init: function()
	{
		// add events to main program nav to show sub nav
		$('#hilite1').bind('mouseenter', function() { menu.show('hilite1DropNav'); });
		$('#hilite2').bind('mouseenter', function() { menu.show('hilite2DropNav'); });		
		$('#hilite3').bind('mouseenter', function() { menu.show('hilite3DropNav'); });
		
		// add events to main program nav to hide sub nav
		$('#hilite1').bind('mouseleave', function() { menu.hide('hilite1DropNav'); });
		$('#hilite2').bind('mouseleave', function() { menu.hide('hilite2DropNav'); });
		$('#hilite3').bind('mouseleave', function() { menu.hide('hilite3DropNav'); });
		
		// add opacity to sub nav
		$('#hilite1DropNav, #hilite2DropNav, #hilite3DropNav').fadeTo('fast', menu.opacity);
		
	}
}

// on document load, call the forms constructor and effects constructor
$(document).ready(function() { menu.init(); });