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() + 75);
    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("black");
    // display curtain
}

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

function toggleSubNav(id) {
    $("#" + id).toggle(animSpeed);
}

function showVideo(id, width, height, html) {
    var w = $(window);
    var d = $(document);
    var b = $(document.body);
    var top = ((w.height() - height) / 2) + d.scrollTop();
    var left = (b.width() - width) / 2;
    // create curtain
    var c = $("<div id=\"curtain\" style=\"position: absolute; background-color: #005f1c; opacity: 0.3; filter: alpha(opacity=30); -moz-opacity: 0.3; top: 0; left: 0;\" onclick=\"hideVideo();\">&nbsp;</div>");
    c.css("width", d.width());
    c.css("height", d.height());
    b.append(c);
    // create popup
    var e = $("<div id=\"video" + id + "\" class=\"videoPopup\">" + html + "</div>");
    e.css("top", top);
    e.css("left", left);
    b.append(e);
    // fade in
    c.fadeTo(animSpeed, 0.3);
    e.fadeTo(animSpeed, 1.0);
}

function hideVideo() {
    $("#curtain").remove();
    $(".videoPopup").remove();
}

function randomParam() {
    return "&rand=" + Math.random() * 1000000;
}

function randomQS() {
    return "?rand=" + Math.random() * 1000000;
}

function highlightNew() {
  var regex = new RegExp(">([^<]*)?(\\bNEW\\b)([^>]*)?<", "ig");
  var c = $("#content");
  c.html(c.html().replace(regex, ">$1<span class=\"new\">$2</span>$3<"));
}