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

// DISPLAYS HIDDEN DIVS AS SUBMENUS ON HOVER
function hideAll(e){
$(e).siblings().hide();
}
$(document).ready(function() {
    var hide = false;
    // Shows the DIV on hover with a fade in
	$("#menu1").hover(function(){
		hideAll(this);        
	   if (hide) clearTimeout(hide);
        $("#hidden-div1").show();
        // 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() {$("#hidden-div1").hide();});
		$("#menu1").removeClass("active");
    });
	// Ensures the DIV displays when your mouse moves away from the main nav menu item
    $("#hidden-div1").hover(function(){
        if (hide) clearTimeout(hide);
        $("#menu1").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() {$("#hidden-div1").hide();});
		$("#hidden-div1").stop().show();
		$("#menu1").removeClass("active");
    });
    
    
    
    var hide1 = false;    
    $("#menu2").hover(function(){
    hideAll(this);         
	   if (hide1) clearTimeout(hide1);
        $("#hidden-div2").show();
        // 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
		hide1 = setTimeout(function() {$("#hidden-div2").hide();});
		$("#menu2").removeClass("active");
    });
	// Ensures the DIV displays when your mouse moves away from the main nav menu item
    $("#hidden-div2").hover(function(){
        if (hide1) clearTimeout(hide1);
        $("#menu1").addClass("active");
    }, function() {
        // If your mouse moves out of the displayed hidden DIV, the DIV fades out and removes the 'active' class
		hide1 = setTimeout(function() {$("#hidden-div2").hide();});
		$("#hidden-div2").stop().show();
		$("#menu2").removeClass("active");
    });
    
    var hide3 = false;    
    $("#menu3").hover(function(){
    hideAll(this);        
	   if (hide3) clearTimeout(hide3);
        $("#hidden-div3").show();
        // 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
		hide3 = setTimeout(function() {$("#hidden-div3").hide();});
		$("#menu3").removeClass("active");
    });
	// Ensures the DIV displays when your mouse moves away from the main nav menu item
    $("#hidden-div3").hover(function(){
        if (hide3) clearTimeout(hide3);
        $("#menu3").addClass("active");
    }, function() {
        // If your mouse moves out of the displayed hidden DIV, the DIV fades out and removes the 'active' class
		hide3 = setTimeout(function() {$("#hidden-div3").hide();});
		$("#hidden-div3").stop().show();
		$("#menu3").removeClass("active");
    });
    
    var hide4 = false;    
    $("#menu4").hover(function(){  
    hideAll(this);        
	   if (hide4) clearTimeout(hide4);
        $("#hidden-div4").show();
        // 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
		hide4 = setTimeout(function() {$("#hidden-div4").hide();});
		$("#menu4").removeClass("active");
    });
	// Ensures the DIV displays when your mouse moves away from the main nav menu item
    $("#hidden-div4").hover(function(){
        if (hide4) clearTimeout(hide4);
        $("#menu4").addClass("active");
    }, function() {
        // If your mouse moves out of the displayed hidden DIV, the DIV fades out and removes the 'active' class
		hide4 = setTimeout(function() {$("#hidden-div4").hide();});
		$("#hidden-div4").stop().show();
		$("#menu4").removeClass("active");
    });
    
    var hide5 = false;    
    $("#menu5").hover(function(){  
    hideAll(this);        
	   if (hide5) clearTimeout(hide5);
        $("#hidden-div5").show();
        // 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
		hide5 = setTimeout(function() {$("#hidden-div5").hide();});
		$("#menu5").removeClass("active");
    });
	// Ensures the DIV displays when your mouse moves away from the main nav menu item
    $("#hidden-div5").hover(function(){
        if (hide5) clearTimeout(hide5);
        $("#menu5").addClass("active");
    }, function() {
        // If your mouse moves out of the displayed hidden DIV, the DIV fades out and removes the 'active' class
		hide5 = setTimeout(function() {$("#hidden-div5").hide();});
		$("#hidden-div5").stop().show();
		$("#menu5").removeClass("active");
    });
    
    var hide6 = false;    
    $("#menu6").hover(function(){      
    hideAll(this);     
	   if (hide6) clearTimeout(hide6);
        $("#hidden-div6").show();
        // 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
		hide6 = setTimeout(function() {$("#hidden-div6").hide();});
		$("#menu6").removeClass("active");
    });
	// Ensures the DIV displays when your mouse moves away from the main nav menu item
    $("#hidden-div6").hover(function(){
        if (hide6) clearTimeout(hide6);
        $("#menu6").addClass("active");
    }, function() {
        // If your mouse moves out of the displayed hidden DIV, the DIV fades out and removes the 'active' class
		hide6 = setTimeout(function() {$("#hidden-div6").hide();});
		$("#hidden-div6").stop().show();
		$("#menu6").removeClass("active");
    });
    
    var hide7 = false;    
    $("#menu7").hover(function(){    
    hideAll(this);       
	   if (hide7) clearTimeout(hide7);
        $("#hidden-div7").show();
        // 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
		hide7 = setTimeout(function() {$("#hidden-div7").hide();});
		$("#menu7").removeClass("active");
    });
	// Ensures the DIV displays when your mouse moves away from the main nav menu item
    $("#hidden-div7").hover(function(){
        if (hide7) clearTimeout(hide7);
        $("#menu7").addClass("active");
    }, function() {
        // If your mouse moves out of the displayed hidden DIV, the DIV fades out and removes the 'active' class
		hide7 = setTimeout(function() {$("#hidden-div7").hide();});
		$("#hidden-div7").stop().show();
		$("#menu7").removeClass("active");
    });
    
    var hide8 = false;    
    $("#menu8").hover(function(){       
    hideAll(this);    
	   if (hide8) clearTimeout(hide8);
        $("#hidden-div8").show();
        // 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
		hide8 = setTimeout(function() {$("#hidden-div8").hide();});
		$("#menu8").removeClass("active");
    });
	// Ensures the DIV displays when your mouse moves away from the main nav menu item
    $("#hidden-div8").hover(function(){
        if (hide8) clearTimeout(hide8);
        $("#menu8").addClass("active");
    }, function() {
        // If your mouse moves out of the displayed hidden DIV, the DIV fades out and removes the 'active' class
		hide8 = setTimeout(function() {$("#hidden-div8").hide();});
		$("#hidden-div8").stop().show();
		$("#menu8").removeClass("active");
    });
    
    var hide9 = false;    
    $("#menu9").hover(function(){   
    hideAll(this);        
	   if (hide9) clearTimeout(hide9);
        $("#hidden-div9").show();
        // 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
		hide9 = setTimeout(function() {$("#hidden-div9").hide();});
		$("#menu9").removeClass("active");
    });
	// Ensures the DIV displays when your mouse moves away from the main nav menu item
    $("#hidden-div9").hover(function(){
        if (hide9) clearTimeout(hide9);
        $("#menu9").addClass("active");
    }, function() {
        // If your mouse moves out of the displayed hidden DIV, the DIV fades out and removes the 'active' class
		hide9 = setTimeout(function() {$("#hidden-div9").hide();});
		$("#hidden-div9").stop().show();
		$("#menu9").removeClass("active");
    });
    
    var hide10 = false;    
    $("#menu10").hover(function(){   
    hideAll(this);        
	   if (hide10) clearTimeout(hide10);
        $("#hidden-div10").show();
        // 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
		hide10 = setTimeout(function() {$("#hidden-div10").hide();});
		$("#menu10").removeClass("active");
    });
	// Ensures the DIV displays when your mouse moves away from the main nav menu item
    $("#hidden-div10").hover(function(){
        if (hide10) clearTimeout(hide10);
        $("#menu10").addClass("active");
    }, function() {
        // If your mouse moves out of the displayed hidden DIV, the DIV fades out and removes the 'active' class
		hide10 = setTimeout(function() {$("#hidden-div10").hide();});
		$("#hidden-div10").stop().show();
		$("#menu10").removeClass("active");
    });
});