$(document).ready(function(){
	var indexActive = -1;
	var classUl;
	var menuTimeout;
		
	$('#menu td').hover(
		function(){
			clearTimeout(menuTimeout);
			$(this).parents("td").eq(0).find("a").removeClass("active");
			$(this).addClass("active");
			$("div.submenu").eq(0).css("display", "none");
			$(this).find("div.submenu").eq(0).css("display", "block");
			$(this).parents("td").eq(0).css("z-index", 2);
			
			doSubMenuPosition($(this));			
		}, 
		function(){
			clearTimeout(menuTimeout);
			$(this).removeClass("active");
			$(this).parents("td").eq(0).css("z-index", "");
			
			var menuItem = $(this);
			
			menuTimeout = setTimeout(function(){
				$(menuItem).find("div.submenu").eq(0).css("display", "none");
				if(indexActive >= 0){
					$('#menu td').eq(indexActive).addClass("active");				
				}
			}, 500);
		}
	);
	function doSubMenuPosition(li){
		var pos = li.position();
		var ul = li.find("div.submenu").eq(0);
		var left = pos.left - ul.width()/2;		
		
		//ul.css("left", pos.left - 10 + "px");	
	}
	
	$('#menu td').each(function(index){
		doSubMenuPosition($(this));	
		if($(this).hasClass("active")){
			indexActive = index;			
			return false;
		}
	});
});