$(document).ready(function (){
	
	$('.menu-hover').hide();
	$('.sub-menu').hide();
	
	$('.menu-item').click(function(){
		if($(this).data("clicked"))
		{
			$(this).data("clicked", false)
			$(this).trigger("mouseout");
		}else{
			$(this).trigger("mouseover");
			$(this).data("clicked", true)
			
			var lastClicked = $("#menu").data("lastClicked");
			
			if(lastClicked != null)
			{
				if($("#menu").data("lastClicked") != $(this))
				{
					$("#menu").data("lastClicked").data("clicked", false)
					$("#menu").data("lastClicked").trigger("mouseout");
				}
			}
			$("#menu").data("lastClicked", $(this));
		}
	})
	
	
	$('.menu-item').mouseover(function(){
		$(this).find('.menu-hover').stop(true);
		$(this).find('.sub-menu').stop(true);
		$(this).find('.menu-hover').fadeTo(200, 1);
		$(this).find('.sub-menu').fadeTo(200,1);
	})
	
	$('.menu-item').mouseout(function(event){
		if(!$(this).data("clicked"))
		{
			$(this).find('.menu-hover').fadeTo(400, 0);
			$(this).find('.sub-menu').fadeTo(400,0, function(){$(this).hide()});
		}
	})	
})