(function($){
	$(function() {
			   $("#effect").hide();
        var hide = true;
        // Shows the DIV on hover with a fade in
		$("#button").hover(function(){          
		   if (hide) clearTimeout(hide);
            $("#effect").fadeIn();   
            // The main nav menu item is assigned the 'active' CSS class
//			$(this).addClass("active");
        }, function() {
            // Fades out the DIV and removes the 'active' class from the main nav menu item
			hide = setTimeout(function() {$("#effect").fadeOut("fast");});
//			$("#button").removeClass("active");
        });
		// Ensures the DIV displays when your mouse moves away from the main nav menu item
        $("#effect").hover(function(){
            if (hide) clearTimeout(hide);
//            $("#button").addClass("active");			
        }, function() {
            // If your mouse moves out of the displayed hidden DIV, the DIv fades out and removes the 'active' class
			hide = setTimeout(function() {$("#effect").fadeOut("fast");});
//			$("#button").removeClass("active");
        });
		
		});
})(jQuery);