// 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

$(document).ready(function () {
    var hide = false;
    // Shows the DIV on hover with a fade in
    $("#menu1").hover(function () {
        if (hide) clearTimeout(hide);
        $("#hidden-div").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-div").hide(); });
        $("#menu1").removeClass("active");
    });
    // Ensures the DIV displays when your mouse moves away from the main nav menu item
    $("#hidden-div").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-div").hide(); });
        $("#hidden-div").stop().show();
        $("#menu1").removeClass("active");
    });
});