var timer;
var timeOutMilli = 500;

function showSubNav(container, containers)
{
    hideAllSubNav(containers, container);
    
    showContainer = document.getElementById(container);
    
    showContainer.style.display = "";
    
   
}

function parentShowSubNav(container, containers, parentContainer, parentContainers)
{
    unselectAllParent(parentContainers);
    showSubNav(container, containers);    

    classContainer =  document.getElementById(parentContainer);  
    classContainer.setAttribute("class", "selected");
    classContainer.setAttribute("className", "selected");
}

function hideSubNav(container)
{
    hideContainer = document.getElementById(container);
    
    hideContainer.style.display = "none";
}

function hideAllSubNav(containers, thisContainer)
{
    for (container in containers)
    {
        if (container != thisContainer)
        {
            hideContainer = document.getElementById(containers[container]);
        
            hideContainer.style.display = "none";
        }
    }
}

function unselectAllParent(parentContainers)
{
    for (container in parentContainers)
    {
        classContainer = document.getElementById(parentContainers[container]);
    
        classContainer.setAttribute("class", "");
        classContainer.setAttribute("className", "");
    }
}