// jDiv - a jQuery plugin
// (c) Skyrocket Labs
// http://www.skyrocketlabs.com
// fred@skyrocketlabs.com
// Created: 10.24.2009
// Last updated: 01.31.2010

// DISPLAYS HIDDEN DIVS AS SUBMENUS ON HOVER

$(document).ready(function() {
        var hide = false;
        // Shows the DIV on hover with a fade in
	$("#menu1").hover(function(){          
		if (hide) clearTimeout(hide);
		$("#quienes_somos").fadeIn();   
		// The main nav menu item is assigned the 'active' CSS class
			$(this).addClass("active");
			
			//Yo agregué esto
			hide = setTimeout(function() {$("#servicios").fadeOut("fast");});
			$("#menu2").removeClass("active");
			
        }, function() {
		// Fades out the DIV and removes the 'active' class from the main nav menu item
			hide = setTimeout(function() {$("#quienes_somos").fadeOut("fast");});
			$("#menu1").removeClass("active");
			
        });
	// Ensures the DIV displays when your mouse moves away from the main nav menu item
        $("#quienes_somos").hover(function(){
            if (hide) clearTimeout(hide);
            $("#menu1").addClass("active");
	    
	    //Yo agregue esto y funcionó y habrá que agregarlo para cada uno de los submenus que halla a un lado de este
	    hide = setTimeout(function() {$("#servicios").fadeOut("fast");});
		$("#menu2").removeClass("active");
		
        }, function() {
            // If your mouse moves out of the displayed hidden DIV, the DIv fades out and removes the 'active' class
			hide = setTimeout(function() {$("#quienes_somos").fadeOut("fast");});
			$("#menu1").removeClass("active");
			
        });
	
	//Repetir el código anterior pero con el id del menu y el div que se quiera mostrar en cada uno
	var hide = false;
        // Shows the DIV on hover with a fade in
	$("#menu2").hover(function(){          
		if (hide) clearTimeout(hide);
		$("#servicios").fadeIn();   
		// The main nav menu item is assigned the 'active' CSS class
			$(this).addClass("active");
			
		//Yo agregué esto
		hide = setTimeout(function() {$("#quienes_somos").fadeOut("fast");});
			$("#menu1").removeClass("active");
			
        }, function() {
		// Fades out the DIV and removes the 'active' class from the main nav menu item
			hide = setTimeout(function() {$("#servicios").fadeOut("fast");});
			$("#menu2").removeClass("active");
        });
	// Ensures the DIV displays when your mouse moves away from the main nav menu item
        $("#servicios").hover(function(){
            if (hide) clearTimeout(hide);
            $("#menu2").addClass("active");
	    
	    //Yo agregué esto
	    hide = setTimeout(function() {$("#quienes_somos").fadeOut("fast");});
		$("#menu1").removeClass("active");
	    
        }, function() {
            // If your mouse moves out of the displayed hidden DIV, the DIv fades out and removes the 'active' class
			hide = setTimeout(function() {$("#servicios").fadeOut("fast");});
			$("#menu2").removeClass("active");
        });
	
});