// JScript File

function toggle(itemName)
{
    var li = document.getElementById(itemName);
     
    if (li.attributes["class"].value == "expandednavitem")
    {      
        collapseNode(li);
    }
    else
    {
        expandNode(li);
    }     
}

function showChild(child)
{
 
    if (child.attributes["class"].value == "expandednavitem" || 
            child.attributes["class"].value == "hiddenexpandednavitem")
    {
        child.attributes["class"].value = "expandednavitem";
        setImage(child, "expandednode.jpg")
        expandNode(child);                    
    }
    else
    {
        child.attributes["class"].value = "collapsednavitem";
        setImage(child, "collapsednode.jpg")
    }
    
    
}

function expandNode(node)
{
    node.attributes["class"].value = "expandednavitem";
    setImage(node, "expandednode.jpg")
    
    for (var i = 0; i < node.children.length; i++)
    {             
        if (node.children[i].tagName == "LI")
        {
            showChild(node.children[i]);
        }
        else if (node.children[i].tagName == "UL")
        {
            for (var j = 0; j < node.children[i].children.length; j++)
            {
               if (node.children[i].children[j].tagName == "LI")
               {
                   showChild(node.children[i].children[j]);
               }
            }
        }
    }
}

function collapseNode(node)
{
    node.attributes["class"].value = "collapsednavitem";  
    setImage(node, "collapsednode.jpg")      

    for (var i = 0; i < node.children.length; i++)
    {                 
        if (node.children[i].tagName == "LI")
        {
            hideChild(node.children[i]);
        }
        else if (node.children[i].tagName == "UL")
        {
            for (j = 0; j < node.children[i].children.length; j++)
            {
                if (node.children[i].children[j].tagName == "LI")
                {
                    hideChild(node.children[i].children[j]);
                }
            }
        }
    }      
}

function hideChild(node)
{
    
    if (node.attributes["class"].value == "expandednavitem")
    {
        node.attributes["class"].value = "hiddenexpandednavitem";                   
    }
    else
    {
        node.attributes["class"].value = "hiddencollapsednavitem";                   
    } 
    
    for (var i = 0; i < node.children.length; i++)
    {         
        if (node.children[i].tagName == "LI")
        {
            hideChild(node.children[i]);
        }
        else if (node.children[i].tagName == "UL")
        {
            for (var j = 0; j < node.children[i].children.length; j++)
            {
               if (node.children[i].children[j].tagName == "LI")
               {
                   hideChild(node.children[i].children[j]);
               }
            }
        }
    }      
}

function setImage(node, image)
{
    var img = node.children['img_' + node.id];    
    var src = img.attributes["src"].value;
    src = src.replace(/collapsednode.jpg/, '');
    src = src.replace(/expandednode.jpg/, '');
    img.attributes["src"].value = src + image;    
}