getElementsByClassName = function(cl){
    var retnode = [];
    var myclass = new RegExp('\\b'+cl+'\\b');
    var elem = document.getElementsByTagName('*');
    for (var i = 0; i < elem.length; i++){
        var classes = elem[i].className;
        if (myclass.test(classes)) retnode.push(elem[i]);
    }
    return retnode;
};

function tab(id){
    $(".tab").css({"background": "#C4E3F0", "borderBottom": "solid 1px #C4E3F0", "height": "17px"});
    $(".tabBox").css({"display": "none"});
    
    $("#"+id+"-tab").css({"background": "#FFF", "borderBottom": "solid 0px #C4E3F0", "height": "18px"});
    $("#"+id).css({"display": "block"});
}

function submissionTab(id){
    $(".tab").css({"background": "#C4E3F0", "borderBottom": "solid 1px #C4E3F0", "height": "17px"});
    $(".tabBox").css({"display": "none"});
    
    $("#"+id+"-tab").css({"background": "#FFF", "borderBottom": "solid 0px #C4E3F0", "height": "18px"});
    $("#"+id).css({"display": "block"});
    $("#"+id+"-list").css({"display": "block"});
}

function subTab(id){
    $(".subTab").css({"background": "#C4E3F0", "borderBottom": "solid 1px #C4E3F0", "height": "17px"});
    $(".subTabBox").css({"display": "none"});
    $("#"+id+"-tab").css({"background": "#FFF", "borderBottom": "solid 0px #C4E3F0", "height": "18px"});
    $("#"+id).css({"display": "block"});
}

function minitab(id){
    $(".miniTab").css({"background": "#C6DDDD", "borderBottom": "solid 1px #C4E3F0", "height": "17px"});
    $(".miniTabBox").css({"display": "none"});
    $("#"+id+"-tab").css({"background": "#D6EDED", "borderBottom": "solid 0px #C4E3F0", "height": "18px"});
    $("#"+id).css({"display": "block"});
}

function showLogin(){
    $("#loginOpen").css({"display": "none"});
    $("#loginClose").css({"display": "block"});
    $("#loginBox").animate({"top": "-3px"}, 500);
}

function hideLogin(){
    $("#loginOpen").css({"display": "block"});
    $("#loginClose").css({"display": "none"});
    $("#loginBox").animate({"top": "-161px"}, 500);
}



var heights = new Array();
$(".nav-menu").each(function(){
    heights[this.id] = $(this).find("div:eq(0)").height()+25;
});
var timeouts = new Array();


function triggerNavOpen(id){
    clearTimeout(timeouts[id]);
    if($("#"+id).height()<heights[id]){
        $("#"+id).animate({
            height: heights[id],
            opacity: 0.93,
        }, 400);
    }
    //alert("open");
}

function triggerNavClose(id){
    timeouts[id] = setTimeout("closeNav('"+id+"')", 100);
}

function closeNav(id){
    $("#"+id).animate({
        height: 0,
        opacity: 0,
    }, 400);
}