$(document).ready(function()
{
	
	var menuTimer;
	var inView = false;
	function reset()
	{
		menuTimer = setTimeout(function()
			{
				$("#dropdown").fadeOut();
				inView = false;
			}, 800);	
	}				
	
	$("#menu ul li.portfolio a").live("mouseover", function()
	{
		if( !inView )
		{
			//ON
			if( $("#dropdown").length )
			{
				$("#dropdown").fadeIn();
			}
			else //only load it if it hasn't been loaded before
			{
				var menu = $("<div id='dropdown' style='display:none;'></div>").appendTo('#menu');
				menu.load("inc/submenu.inc.php", function()
				{
					menu.fadeIn();
				});
			}
			inView = true;
		}
	});
	
	$("#dropdown, #menu ul li.portfolio").live("mouseover", function()
	{
		clearTimeout( menuTimer );
	});	
	
	$("#dropdown").live("mouseout", function()
	{
		//OFF
		reset();
	});				
});