var navElement = null;
var currentlyActiveNavSetID = null;
var navTimeoutID = null;
var defaultActiveNavSetID = null;

$(document).ready(function() {
    navElement = $("#navigation > ul");
    activateNavSet(defaultActiveNavSetID);
    navElement.children().hover(navSetHover, navSetLeave);
});

function getNavSet(parentID) {
    return $(navElement).children("li#" + parentID);
}

function navSetHover() {
    if (this.id != currentlyActiveNavSetID) {
        window.clearTimeout(navTimeoutID);
        activateNavSet(this.id);
    }
}

function navSetLeave() {
    navTimeoutID = window.setTimeout("navSetIdle();", 1500);
}

function navSetIdle() {
    activateNavSet(defaultActiveNavSetID);
}

function activateNavSet(parentID) {
    if (navElement) {

        if (currentlyActiveNavSetID)
            deactivateNavSet(currentlyActiveNavSetID);

        var newNavElement = getNavSet(parentID);
        if (newNavElement) {
            newNavElement.children("ul").fadeIn();
            currentlyActiveNavSetID = parentID;
        }
    }
}

function deactivateNavSet(parentID) {
    if (navElement) {
        var existingNavElement = getNavSet(parentID);
        existingNavElement.children("ul").hide();
    }
}