$j(function () {
    $j("#loginPanel").bind("clickoutside", function (event) {
        $j(this).hide();
        var tabDiv = $j('#login');
        tabDiv.css("background-image", "none");
    });

    $j("#sharePanel").bind("clickoutside", function (event) {
        $j(this).hide();
        var tabDiv = $j('#share');
        tabDiv.css("background-image", "none");
    });

    SetNavigationHover(1);
    SetNavigationHover(2);
    SetNavigationHover(3);
    SetNavigationHover(4);
    SetNavigationHover(5);
    SetNavigationHover(6);
    SetNavigationHover(7);
});

function SetNavigationHover(nav) {
    $j(".SubMenu" + nav).mouseenter(function () {
        HoverOverNav('nav' + nav, nav);
    });

    $j(".SubMenu" + nav).mouseleave(function () {
        HoverOffNav('nav' + nav, nav);
    });
}

function ShowPanel(panel, tabDiv, imageUrl)
{
    $j('.dropDownBox').hide();
    $j('.headerLink').css("background-image", "none");
    tabDiv.css("background", "url(" + imageUrl + ") no-repeat");
    panel.show();
}

function ShowSignupPanel() {
    var panel = $j('#loginPanel');
    var tabDiv = $j('#login');
    var imageUrl = '../_img/signin-top.png';
    ShowPanel(panel, tabDiv, imageUrl);
}

function ShowSharePanel() {
    var panel = $j('#sharePanel');
    var tabDiv = $j('#share');
    var imageUrl = "../_img/share-top.png";
    ShowPanel(panel, tabDiv, imageUrl);
}

//use with onkeypress event
function isnumeric(e)
{
    var keyNum;
    if(e.keyCode)
    {
        keyNum = e.keyCode;
    }
    else
    {
        keyNum = e.which
    }
    var keyChar = String.fromCharCode(keyNum);
    var regex = /\d|\t/
    return regex.test(keyChar)
}