var activeNav = "";
var activeDiv = "";

//set the approriate nav item to active and display the appropriate content div
function displayDiv(toActivate,toDisplay){
    var toDeactivate = document.getElementById(activeNav);
    if(toDeactivate != null)
        toDeactivate.className = '';
    var setToActiveNav = document.getElementById(toActivate);
    if(setToActiveNav != null)
        setToActiveNav.className = 'active';
    activeNav = toActivate;
    
    var toHide = document.getElementById(activeDiv);
    if(toHide != null)
        toHide.style.display = 'none';
    var toShow = document.getElementById(toDisplay);
    if(toShow != null)
        toShow.style.display = 'block';
    activeDiv = toDisplay;
    return false;
}

function hideAll(){
    var liExperience = document.getElementById("li-experience");
    if(liExperience != null)
        liExperience.className = '';
    
    var liPlan = document.getElementById("li-plan");
    if(liPlan != null)
        liPlan.className = '';
        
    var liLook = document.getElementById("li-look");
    if(liLook != null)
        liLook.className = '';
        
    var liEmail = document.getElementById("li-email");
    if(liEmail != null)
        liEmail.className = '';
        
    var experience = document.getElementById("experience");
    if(experience != null)
        experience.style.display = 'none';
    
    var plan = document.getElementById("plan");
    if(plan != null)
        plan.style.display = 'none';
        
    var look = document.getElementById("look");
    if(look != null)
        look.style.display = 'none';
        
    var email = document.getElementById("email");
    if(email != null)
        email.style.display = 'none';
    return false;
}