$(function()
{
	var itemIsSelected = false;
	function megaHoverOver()
	{
		var subWidth 	= 	940;
		var marginLi 	= 	10;
		var position 	=	$(this).position();
		var subLeft		= 	-209;
		var subTop		=	85;
		
		//Set property value
		$(this).find(".sub").stop().fadeTo('fast', 1).show(); //Find sub and fade it in
		$(this).find(".sub").css({'width' :subWidth}); //Set width
		$(this).find(".sub").css({'left' :subLeft, 'top': subTop}); //Set width
		
		if($(this).children("a").hasClass("selected"))itemIsSelected=true;
		
		//Set selected class to children
		if(!itemIsSelected)
		{
			$(this).children("a").addClass("selected");
			$(this).addClass("selected");
		}
		
	}
	//On Hover Out
	function megaHoverOut(){
		$(this).find(".sub").stop().fadeTo('fast', 0, function() { //Fade to 0 opactiy
			$(this).hide();  //after fading, hide it
		});
		
		//Remove selected class to children
		if(!itemIsSelected)
		{
			$(this).children("a").removeClass("selected");
			$(this).removeClass("selected");
		}
	}
	
	//HoverIntent jQuery configuration
	var config = {
		sensitivity: 	5, // number = sensitivity threshold (must be 1 or higher)
		interval: 		0, // number = milliseconds for onMouseOver polling interval
		over: 			megaHoverOver, // function = onMouseOver callback (REQUIRED)
		timeout: 		100, // number = milliseconds delay before onMouseOut
		out: 			megaHoverOut // function = onMouseOut callback (REQUIRED)
	};
   
	$("ul#main-menu li .sub").css({'opacity':'0'}); //Fade sub nav to 0 opacity on default
	$("ul#main-menu li").hoverIntent(config); //Trigger Hover intent with custom configurations
});