// ====================================================================

function toggleSubMenu(objid)
{            
    // show the submenu:
    var currentdisplay = document.getElementById(objid).style.display;
    document.getElementById(objid).style.display = (currentdisplay == "none" || currentdisplay == "") ? "block" : "none";

    // if a menu has been opened and then closed, and they are NOT
    // the same menu:
    if(openmenu != null && openmenu != objid)
    {
        // change the open menu's visibility
        document.getElementById(openmenu).style.display = "none";
        
        // then set the class (they're different for open/shut - because of the arrow graphic).
        // if the menu item is the last one the class name is different so check.
        fromclass = (document.getElementById(opensection).className == "section open lastsection") ? "section lastsection" : "section";
        
        // toggle the open section's style
        toggleClass(opensection, fromclass, document.getElementById(opensection).className);        
    }
    
    openmenu = objid;
    setcookie("shopwatch_openmenu", openmenu, "/", "", "");
}

// ====================================================================

function setClass(obj, classname)
{   obj.className = classname;  }

// ====================================================================

function toggleClass(objid, classname1, classname2)
{
    // set GLOBAL variable
    opensection  = objid; 
    setcookie("shopwatch_opensection", opensection, "/", "", "");        
    
    var obj          = document.getElementById(objid);
    var currentclass = obj.className;
    
    if(currentclass == classname1)
        var newclassname = classname2;
    else if(currentclass == classname2)
        var newclassname = classname1;
    
    setClass(obj, newclassname);
}

// ====================================================================

// Ensure menu is collapsed only if Javascript is enabled in browser
document.write('<style type="text/css">');
document.write('    ul.subnav {display:none}');
document.write('</style>');

// ====================================================================