var animSpeed = 500;

function showMenuHover(lnk, id) {
    hideMenu();
    // display popup
    var lnk = $(lnk);
    var menu = $("#" + id);
    var ul = menu.children("ul");
    menu.css("visibility", "hidden");
    menu.css("display", "block");
    menu.css("left", lnk.offset().left - $("#primaryNav").offset().left - 25);
    menu.css("top", lnk.offset().top - 5);
    menu.css("height", ul.height() + 10);
    menu.children(".popupNavL,.popupNavR,.popupNavC").css("height", ul.height());
    menu.children(".popupNavTab").css("width", lnk.width() + 50);
    menu.css("visibility", "visible");
    menu.bind("mouseleave", null, hideMenu);
    $("#header").bind("mouseover", null, hideMenu);
    // add active highlight
    lnk.addClass("orange");
    // display curtain
}

function hideMenu(e) {
    // remove active highlight
    $(".orange").removeClass("orange");
    // hide all menus
    var e = $(".popupNav");
    e.stop();
    e.hide();
}

function toggleSubNav(anchor) {
    // find <ul> located in next <li> of parent <ul> (eg. next sibling of current <li>)
    var a = $(anchor);
    var e = a.parent().next().children("ul");
    e.toggle(animSpeed);
}