function initial() {
/*
To add a new nav item/sub nav to this
    1. add a new 'root a' var
    2. a new 'sub ul' var
    3. add a new 'display none' for the subnav
    4. add a new javascript function to the href
    5. add a new if statement seeing if the body id matches the title of the root subnav item, if it does show the subnav and change the function on the root a to a hide function
    6. add a new 'display none' to the show() function
    7. add a new 'show' javascript function to the link
That should be it, probably best to keep the same id scheme, where the a tag has an id of snxxx (sn = subnav, xxx = the first three letters of the li) and the subnav ul has the same id prefixed with a u
*/
    //set vars
    
    //** 1 **
    //root a
        var snabo = document.getElementById("snabo");
        var snsof = document.getElementById("snsof");
        var snser = document.getElementById("snser");
        var snpar = document.getElementById("snpar");
        var snsup = document.getElementById("snsup");
        var sncont = document.getElementById("sncont");
        var snedu = document.getElementById("snedu");
        
    //** 2 **   
    //sub uls
        var usnabo = document.getElementById("usnabo");
        var usnsof = document.getElementById("usnsof");
        var usnser = document.getElementById("usnser");
        var usnpar = document.getElementById("usnpar");
        var usnsup = document.getElementById("usnsup");
        var usncont = document.getElementById("usncont");
        var usnedu = document.getElementById("usnedu");
        
    //** 3 **
    //hide the subnav elements
    usnabo.style.display = "none";
    usnsof.style.display = "none";
    usnser.style.display = "none";
    usnpar.style.display = "none";
    usnsup.style.display = "none";
    usncont.style.display = "none";
    usnedu.style.display = "none";
    
    //** 4 **
    /* add the show links to the root a links, a hide link will be added to
    the one that is selected below */
    snabo.href = 'javascript:show("snabo", "usnabo");';
    snsof.href = 'javascript:show("snsof", "usnsof");';
    snser.href = 'javascript:show("snser", "usnser");';
    snpar.href = 'javascript:show("snpar", "usnpar");';
    snsup.href = 'javascript:show("snsup", "usnsup");';
    sncont.href = 'javascript:show("sncont", "usncont");';
    snedu.href = 'javascript:show("snedu", "usnedu");';
    
    //** 5 **
    //find out the body id to show the appropriate subnav and add a hide function
    var theBodyId = document.getElementsByTagName("body")[0].getAttribute('id');
    //if the page id is one of these show the subnav
    if (theBodyId == "about") {
        usnabo.style.display = "block";
        snabo.href = 'javascript:hide("snabo", "usnabo");';
    };
    if (theBodyId == "software") {
        usnsof.style.display = "block";
        snsof.href = 'javascript:hide("snsof", "usnsof");';
    };
    if (theBodyId == "education") {
        usnedu.style.display = "block";
        snedu.href = 'javascript:hide("snedu", "usnedu");';
    };    
    if (theBodyId == "services") {
        usnser.style.display = "block";
        snser.href = 'javascript:hide("snser", "usnser");';
    };
    if (theBodyId == "partners") {
        usnpar.style.display = "block";
        snpar.href = 'javascript:hide("snpar", "usnpar");';
    };
    if (theBodyId == "support") {
        usnsup.style.display = "block";
        snsup.href = 'javascript:hide("snsup", "usnsup");';
    };
    if (theBodyId == "contact") {
        usncont.style.display = "block";
        sncont.href = 'javascript:hide("sncont", "usncont");';
    };
}

function show(link, ul) {
    //set vars
    
    //** 6 **
    //sub uls, we hide all before exposing selected
        document.getElementById("usnabo").style.display = "none";
        document.getElementById("usnsof").style.display = "none";
        document.getElementById("usnser").style.display = "none";
        document.getElementById("usnpar").style.display = "none";
        document.getElementById("usnsup").style.display = "none";
        document.getElementById("usncont").style.display = "none";
        document.getElementById("usnedu").style.display = "none";
        
    //** 7 ** Since we've hidden the blocks we need to reset links to 'show' mode
        document.getElementById("snabo").href = 'javascript:show("snabo", "usnabo");';
        document.getElementById("snsof").href = 'javascript:show("snsof", "usnsof");';
        document.getElementById("snser").href = 'javascript:show("snser", "usnser");';
        document.getElementById("snpar").href = 'javascript:show("snpar", "usnpar");';
        document.getElementById("snsup").href = 'javascript:show("snsup", "usnsup");';
        document.getElementById("sncont").href = 'javascript:show("sncont", "usncont");';
        document.getElementById("snedu").href = 'javascript:show("snedu", "usnedu");';
        
    document.getElementById(ul).style.display = "block";
    document.getElementById(link).href = 'javascript:hide("'+link+'", "'+ul+'");';
}
function hide(link, ul) {
    document.getElementById(ul).style.display = "none";
    document.getElementById(link).href = 'javascript:show("'+link+'", "'+ul+'");';
}
