/*
linkAboutUs
linkSoftwareDev
linkTraining
linkQA
linkCerts
subPlaceHolder
*/
//TODO replace this with something dynamic
function HideMenus()
{
    var linkAboutUs = document.getElementById("linkAboutUs");
    var linkSoftwareDev = document.getElementById("linkSoftwareDev");
    var linkTraining = document.getElementById("linkTraining");
    var linkQA = document.getElementById("linkQA");
    var linkCerts = document.getElementById("linkCerts");

    var linkAboutUsSub = document.getElementById("linkAboutUsSub");
    var linkSoftwareDevSub = document.getElementById("linkSoftwareDevSub");
    var linkTrainingSub = document.getElementById("linkTrainingSub");
    var linkQASub = document.getElementById("linkQASub");
    var linkCertsSub = document.getElementById("linkCertsSub");

    var subPlaceHolder = document.getElementById("subPlaceHolder");

    linkAboutUs.className = "topRedNav";
    linkSoftwareDev.className = "topRedNav";
    linkTraining.className = "topRedNav";
    linkQA.className = "topRedNav";
    linkCerts.className = "topRedNav";
    
    linkAboutUsSub.className = "displayNone";
    linkSoftwareDevSub.className = "displayNone";
    linkTrainingSub.className = "displayNone";
    linkQASub.className = "displayNone";
    linkCertsSub.className = "displayNone";
    subPlaceHolder.className = "displayNone";

}

function LoadNewMenus(el)
{
    HideMenus();
    var headLink = document.getElementById(el.id);
    var subLinks = document.getElementById(el.id + "Sub");
    
    if(el.id == "linkCerts" || el.id == "linkQA")
    {
        headLink.className = "topRedNavSelectedNoSubMenu";
    }
    else
    {
        headLink.className = "topRedNavSelected";
    }
    subLinks.className = "topSubMenu";
}