var animSpeed = 500;

var openSubNav = "";

function showSubNav(lnk, id) {
    var otherTabs = $(".subNavOpen:not(#" + id + ")");
    otherTabs.stop(true, true);
    otherTabs.fadeOut(animSpeed);
    var tab = $("#" + id);
    tab.css("left", $(lnk).position().left + $("#navigation").position().left + "px");
    tab.fadeIn(animSpeed);
    tab.addClass("subNavOpen");
    var curtain = $("#curtain");
    curtain.show();
    curtain.one("mouseover", function() {
        hideSubNav();
    });
    return false;
}

function hideSubNav() {
    var openTabs = $(".subNavOpen");
    openTabs.stop(true, true);
    openTabs.fadeOut(animSpeed, function() {
        openTabs.removeClass("subNavOpen");
        var curtain = $("#curtain");
        curtain.hide();
    });
}