function SectionsNav(SectionNumber) {
    var allSectionsNavButtons = document.getElementById("header_nav_sections").getElementsByTagName("a");
    var allSubSectionsNavContainers = document.getElementById("header_nav_sections_sub_navigation_container_inner").getElementsByTagName("ul");
    var originalSection = "";
    var i;

    document.getElementById("default_sub_section").style.display = "none";
        
        for (i = 0; i < allSectionsNavButtons.length; i++) {
//            if (allSectionsNavButtons[i].className.indexOf("on ") != -1) {
//                originalSection = i;
//            }
            allSectionsNavButtons[i].className = allSectionsNavButtons[i].className.replace("on ", "off ");
            allSubSectionsNavContainers[i].style.display = "none";
        }
        allSectionsNavButtons[SectionNumber].className = allSectionsNavButtons[SectionNumber].className.replace("off ", "on ");
        allSectionsNavButtons[SectionNumber].blur();
        allSubSectionsNavContainers[SectionNumber].style.display = "block";

        var allCurrentSubNavLinks = allSubSectionsNavContainers[SectionNumber].getElementsByTagName("a");
        var k;
        for (k = 0; k < allCurrentSubNavLinks.length; k++) {
            if (allCurrentSubNavLinks[k].href == document.URL) {
                allCurrentSubNavLinks[k].className = allCurrentSubNavLinks[k].className.replace("off", "on");
            }
        }
}

function nav(mode) {
    var URL = document.URL;
    if (URL.indexOf("?Department=") != -1) {
        var Department = URL.split("?Department=")[1];
    }
    var MainNavButtons = new Array();
    MainNavButtons[0] = "Mezzanine_Floors";
    MainNavButtons[1] = "Shelving";
    MainNavButtons[2] = "Racking";
    MainNavButtons[3] = "Cantilever_Racking";
    MainNavButtons[4] = "Security_Cages";
    MainNavButtons[5] = "Partitioning";
    MainNavButtons[6] = "Small_Parts_Storage";
    
    if (mode == "") {
        return;
    }
    else {
        // run header nav
        if (mode == "header") {
            var AllHeaderLinksContainer = document.getElementById("storplan_racking_header_navigation_top_line");
            var AllHeaderLinks = AllHeaderLinksContainer.getElementsByTagName("a");
            var i;
            for (i = 0; i < AllHeaderLinks.length; i++) {
                if (AllHeaderLinks[i].href == URL) {
                    AllHeaderLinks[i].className = AllHeaderLinks[i].className.replace("off", "on");
                }
            }
        }

        // run main nav
        else if (mode == "main") {
            if (Department == "") {
                return;
            }
            else {
                var SectionNumber;
                for (SectionNumber = 0; SectionNumber < MainNavButtons.length; SectionNumber++) {
                    if (MainNavButtons[SectionNumber] == Department) {
                        SectionsNav(SectionNumber);
                        break;
                    }
                }
            }
        }

        // run left column nav
        else if (mode == "left_column") {
            if (Department == "") {
                return;
            }
            else {
                var AllLeftColumnLinksContainer = document.getElementById("StorplanRacking_LeftColumn").getElementsByTagName("ul")[0];
                var AllLeftColumnLinks = AllLeftColumnLinksContainer.getElementsByTagName("a");
                var i;
                for (i = 0; i < AllLeftColumnLinks.length; i++) {
                    if (AllLeftColumnLinks[i].href == URL) {
                        AllLeftColumnLinks[i].className = AllLeftColumnLinks[i].className.replace("off", "on");
                        break;
                    }
                    else if (i == AllLeftColumnLinks.length - 1) {
                        var k;
                        for (k = 0; k < AllLeftColumnLinks.length; k++) {
                            var departmentName = AllLeftColumnLinks[k].href.split("?Department=")[1];
                            if (departmentName == Department) {
                                AllLeftColumnLinks[k].className = AllLeftColumnLinks[k].className.replace("off", "on");
                                break;
                            }
                        }
                    }
                }
            }
        }
        // run footer nav
        else if (mode == "footer") {
            var AllFooterNavLinksContainer = document.getElementById("storplan_racking_footer_navigation")
            var AllFooterNavLinks = AllFooterNavLinksContainer.getElementsByTagName("a");
            var i;
            for (i = 0; i < AllFooterNavLinks.length; i++) {
                if (AllFooterNavLinks[i].href == URL) {
                    AllFooterNavLinks[i].className = AllFooterNavLinks[i].className.replace("off", "on");
                    break;
                }
                else if (i == AllFooterNavLinks.length - 1) {
                    var k;
                    for (k = 0; k < AllFooterNavLinks.length; k++) {
                        var departmentName = AllFooterNavLinks[k].href.split("?Department=")[1];
                        if (departmentName == Department) {
                            AllFooterNavLinks[k].className = AllFooterNavLinks[k].className.replace("off", "on");
                            break;
                        }
                    }
                }
            }
        }

        // else return
        else {
            return;
        }
    }
}

function resetGallery() {
    var allLargeImages = document.getElementById("Large_Image_Container").getElementsByTagName("img");
    var allZoomButtons = document.getElementById("Zoom_Container").getElementsByTagName("a");
    var allDescriptions = document.getElementById("Gallery_Description_Container").getElementsByTagName("p");
    var allControls = document.getElementById("Gallery_Controls_Container").getElementsByTagName("a");
    
    var i;
    for (i = 0; i < allLargeImages.length; i++) {
        allLargeImages[i].style.display = "none";
    }
    var j;
    for (i = 0; i < allZoomButtons.length; i++) {
        allZoomButtons[i].style.display = "none";
    }
    var k;
    for (i = 0; i < allDescriptions.length; i++) {
        allDescriptions[i].style.display = "none";
    }
    var l;
    for (i = 0; i < allControls.length; i++) {
        allControls[i].className = "off";
    }
    return;
}
function swapGalleryImage(imageName) {
    // reset the gallery
    resetGallery();

    // turn relative controls on
    document.getElementById("image_" + imageName).style.display = "block";
    document.getElementById("zoom_" + imageName).style.display = "block";
    document.getElementById("description_" + imageName).style.display = "block";
    document.getElementById("control_" + imageName).className = "on";
}


function opacity(OrigSite, opacStart, opacEnd, millisec) {

    var speed = Math.round(millisec / 100);
    var timer = 0;

    //determine the direction for the blending, if start and end are the same nothing happens
    if (opacStart > opacEnd) {
        for (i = opacStart; i >= opacEnd; i--) {
            setTimeout("changeOpac(" + i + ",'" + OrigSite + "')", (timer * speed));
            timer++;
        }
    } else if (opacStart < opacEnd) {
        for (i = opacStart; i <= opacEnd; i++) {
            setTimeout("changeOpac(" + i + ",'" + OrigSite + "')", (timer * speed));
            timer++;
        }
    }
}

function changeOpac(opac, OrigId) {
    var object = document.getElementById(OrigId).style;
    
    if (opac == "0") {

        var AllSitesContainer = document.getElementById("webdesign-web-design_related_sites_container_inner");
        var AllSites = AllSitesContainer.getElementsByTagName("a");
        var i;
        for (i = 0; i < AllSites.length; i++) {
            AllSites[i].style.display = "none";
        }
        OrigId = CurrentSite;
        opacity(OrigId, 1, 100, 300);
        document.getElementById(CurrentSite).style.display = "block";
    }

    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opac + ")";

}