$(function(){
	/*
	var $el, leftPos, newWidth,
	$mainNav2 = $("#mainMenu");
	$("<div id='magic-line-two'></div>").prependTo($mainNav2);
	
	$mainNav2.css({position: 'relative'}).addClass('magic');
	
	var $magicLineTwo = $("#magic-line-two").css({position: 'absolute', top: 0, left: 0});
    $magicLineTwo
        .width($("#mainMenu ul li.active").innerWidth())
        .height($mainNav2.height())
        .css("left", $("#mainMenu ul li.active a").position().left)
		.css("backgroundColor",$("#mainMenu ul li.active a").attr("rel"))
        .data("origLeft", $("#mainMenu ul li.active a").position().left)
        .data("origWidth", $("#mainMenu ul li.active").width())
        .data("origColor", $("#mainMenu ul li.active a").attr("rel"));
                
    $("#mainMenu ul li").each(function(index) {
		if (!$(this).hasClass('active')) {
			$(this).find("a").hover(function() {
				$("#mainMenu ul li").addClass('inactive');
				
		        $el = $(this);
		        leftPos = $el.position().left;
		        newWidth = $el.parent().width();
		        $magicLineTwo.stop().animate({
		            left: leftPos,
		            width: newWidth,
		            backgroundColor: $el.attr("rel")
		        })
		    }, function() {
		        $magicLineTwo.stop().animate({
		            left: $magicLineTwo.data("origLeft"),
		            width: $magicLineTwo.data("origWidth"),
		            backgroundColor: $magicLineTwo.data("origColor")
		        },{complete: function() {					
					$("#mainMenu ul li").removeClass('inactive');
				}
				});    
		    });
		}
	});
	*/
	
	$('#mainMenu ul li a').each(function(index) {		
		var subMenu = $('#' + $(this).attr('class'));
		subMenu.parent = $(this);
		var timer = null;
		
		$(this).mouseenter(function() {
			$('#menuWrap .subMenu').css({display: 'none'});
			$("#mainMenu ul li[rel='hover']").removeClass('active');
			
			subMenu.css({display: 'block'});
			if (!$(this).parent().hasClass('active')) {
				$(this).parent().addClass('active');
				$(this).parent().attr('rel','hover');
			}
		});
		
		$('#menuWrap').mouseleave(function() {
			if(subMenu.parent.parent().attr('rel') == 'active') {				
				timer = setTimeout(function() {
					subMenu.css({display: 'none'});
				},200);				
			} else {
				timer = setTimeout(function() {
					subMenu.css({display: 'none'});
					subMenu.parent.parent().removeClass('active');
				},200);
			}
		});
		
		$('#menuWrap a').mouseenter(function() {
			clearTimeout(timer);
		});
	});
});