function SetNavClassForCurrentPage() {
    var pageName = getPageName().toLowerCase().replace(".aspx", "");
    switch (pageName) {
        case "home":
            document.getElementById("navHome").className = "nav1 nav1on navon";
            break;            
        case "about":
        case "practices":
        case "people":
        case "news":
        case "newsdetail":
        case "careers":
        case "careerdetail":
            document.getElementById("navAbout").className = "nav2 nav2on navon";
            break;
        case "work":
        case "workdetail":
        case "clients":
            document.getElementById("navWork").className = "nav3 nav3on navon";
            break;
        case "connect":
        case "blog":
        case "blogpost":
        case "events":
        case "eventdetail":
        case "salon":
            document.getElementById("navConnect").className = "nav4 nav4on navon";
            break;
    }
}

function SetSubNavClassForCurrentPage() {
    var pageName = getPageName().toLowerCase();

    // Display correct sub nav
    switch (pageName) {
        case "about":
        case "practices":
        case "people":
        case "news":
        case "newsdetail":
        case "careers":
        case "careerdetail":
            document.getElementById("subnavAbout").style.display = "block";
            break;

        case "connect":
        case "blog":
        case "blogpost":
        case "events":
        case "eventdetail":
        case "salon":
            document.getElementById("subnavConnect").style.display = "block";
            break;
    }

    // Indicate current page
    switch (pageName) {
        case "about":
            document.getElementById("subnavOverview").className = "subnavon";
            break;
        case "practices":
            document.getElementById("subnavPractices").className = "subnavon";
            break;
        case "people":
            document.getElementById("subnavPeople").className = "subnavon";
            break;
        case "news":
        case "newsdetail":
            document.getElementById("subnavNews").className = "subnavon";
            break;
        case "careers":
        case "careerdetail":
            document.getElementById("subnavCareers").className = "subnavon";
            break;
        case "blog":
        case "blogpost":
            document.getElementById("subnavBlog").className = "subnavon";
            break;
        case "events":
        case "eventdetail":
            document.getElementById("subnavEvents").className = "subnavon";
            break;
        case "salon":
            document.getElementById("subnavSalon").className = "subnavon";
            break;
    }
}

function getPageName() {
    var pathName = window.location.pathname;
    var pageName = pathName.substring(pathName.lastIndexOf('/') + 1);
    if (pathName.toLowerCase().match("about/news") != null) pageName = "news";
    if (pathName.toLowerCase().match("work/workdetail") != null) pageName = "work";
    if (pathName.toLowerCase().match("connect/events") != null) pageName = "events";
    if (pathName.toLowerCase().match("connect/blog") != null) pageName = "blog";
    return pageName;
}

function displaySubNav(navName) {
    var pageName = getPageName().toLowerCase().replace(".aspx", "");
    if (pageName == "home" || pageName == "") {

        // Hide all subnav
        document.getElementById("subnavAbout").style.display = "none";
        document.getElementById("subnavConnect").style.display = "none";

        // Display subnav based on navName
        switch (navName) {
            case "about":
                document.getElementById("subnavAbout").style.display = "block";
                break;

            case "connect":
                document.getElementById("subnavConnect").style.display = "block";
                break;
        }
    }
}