var persisteduls=new Object()
var ddtreemenu=new Object()

//////////No need to edit beyond here///////////////////////////

ddtreemenu.createTree = function(treeid, enablepersist, persistdays){
    var ultags=document.getElementById(treeid).getElementsByTagName("ul")
    if (typeof persisteduls[treeid]=="undefined")
        persisteduls[treeid]=(enablepersist==true && ddtreemenu.getCookie(treeid)!="")? ddtreemenu.getCookie(treeid).split(",") : ""
    for (var i=0; i<ultags.length; i++)
        ddtreemenu.buildSubTree(treeid, ultags[i], i)
    if (enablepersist==true){ //if enable persist feature
        var durationdays=(typeof persistdays=="undefined")? 1 : parseInt(persistdays)
        ddtreemenu.dotask(window, function(){ddtreemenu.rememberstate(treeid, durationdays)}, "unload") //save opened UL indexes on body unload
    }
    /* WP -->*/
    var menuElements = document.getElementById(treeid).getElementsByTagName("div");
    for (var i=0; i<menuElements.length; i++){
        if (menuElements[i].className == "RootItem" ){
            var link = menuElements[i].getElementsByTagName("a")
            link[0].onclick = function (e){
                ddtreemenu.flatten(treeid, "collapse") 
            }
        }
        if (menuElements[i].className.indexOf("Selected")>0){
            // For Debug 
            var element = menuElements[i]
            ddtreemenu.expandMenu(treeid, element.parentNode)            
            ddtreemenu.expandSubMenu(treeid, element.parentNode)
        }
    }
    /*<--- WP*/
}

ddtreemenu.buildSubTree=function(treeid, ulelement, index){
    ulelement.parentNode.className="submenu"
    if (typeof persisteduls[treeid]=="object"){ //if cookie exists (persisteduls[treeid] is an array versus "" string)
        if (ddtreemenu.searcharray(persisteduls[treeid], index)){
            ulelement.setAttribute("rel", "open")
            ulelement.style.display="block"
            /* WP --->*/
            var divTitle = ulelement.parentNode.getElementsByTagName("div")[0]
            var selected = (divTitle.className.indexOf("Selected")>0)? "Selected" : ""
            divTitle.className = "SubMenuOpen" + selected
            /*<---- WP*/
        }
        else
            {ulelement.setAttribute("rel", "closed")
			ulelement.style.display="none"}
    } //end cookie persist code
    else if (ulelement.getAttribute("rel")==null || ulelement.getAttribute("rel")==false) //if no cookie and UL has NO rel attribute explicted added by user
        {ulelement.setAttribute("rel", "closed")
		ulelement.style.display="none"}
    else if (ulelement.getAttribute("rel")=="open") //else if no cookie and this UL has an explicit rel value of "open"
        {ddtreemenu.expandSubTree(treeid, ulelement) //expand this UL plus all parent ULs (so the most inner UL is revealed!)
		ulelement.style.display="none"}
    ulelement.parentNode.onclick=function(e){  
        var submenu=this.getElementsByTagName("ul")[0]                  
        if (submenu.getAttribute("rel")=="closed"){
            //submenu.style.display="block"
            //submenu.setAttribute("rel", "open")
            /* WP --->*/
            //ddtreemenu.collapseSubMenues(treeid) 
            //ddtreemenu.expandSubMenu(treeid, submenu)
            /*<---- WP*/
        }
        else if (submenu.getAttribute("rel")=="open"){
            /* WP --->*/
            var divTitle = this.getElementsByTagName("div")[0]
            // Check if the current user clicks in the same page he stay, so 
            // prevent the actual menu to collapse
            if (! ddtreemenu.hasSubMenuesSelectedItems(treeid, submenu) ){
                submenu.style.display="none"
                submenu.setAttribute("rel", "closed")
                var selected = (divTitle.className.indexOf("Selected")>0)? "Selected" : ""
                divTitle.className = "SubMenuClose" + selected
                ddtreemenu.collapseSubMenues(treeid) 
                ddtreemenu.expandSubMenu(treeid, submenu.parentNode)                       
            }
            /*<---- WP*/
        }         
        ddtreemenu.preventpropagate(e)
    }

    ulelement.onclick=function(e){
        ddtreemenu.preventpropagate(e)
    }
}

ddtreemenu.expandSubTree=function(treeid, ulelement){ //expand a UL element and any of its parent ULs
    var rootnode=document.getElementById(treeid)
    var currentnode=ulelement
    currentnode.style.display="block"
    while (currentnode!=rootnode){
        if (currentnode.tagName=="UL"){ //if parent node is a UL, expand it too
            currentnode.style.display="block"
            currentnode.setAttribute("rel", "open") //indicate it's open
        }
        currentnode=currentnode.parentNode
    }
}

ddtreemenu.flatten=function(treeid, action){ //expand or contract all UL elements
    var ultags=document.getElementById(treeid).getElementsByTagName("ul")
    for (var i=0; i<ultags.length; i++){
        ultags[i].style.display=(action=="expand")? "block" : "none"
        var relvalue=(action=="expand")? "open" : "closed"
        ultags[i].setAttribute("rel", relvalue)    
    }
}

ddtreemenu.rememberstate=function(treeid, durationdays){ //store index of opened ULs relative to other ULs in Tree into cookie
    var ultags=document.getElementById(treeid).getElementsByTagName("ul")
    var openuls=new Array()
    for (var i=0; i<ultags.length; i++){
        if (ultags[i].getAttribute("rel")=="open")
            openuls[openuls.length]=i //save the index of the opened UL (relative to the entire list of ULs) as an array element
    }
    if (openuls.length==0) //if there are no opened ULs to save/persist
        openuls[0]="none open" //set array value to string to simply indicate all ULs should persist with state being closed
    ddtreemenu.setCookie(treeid, openuls.join(","), durationdays) //populate cookie with value treeid=1,2,3 etc (where 1,2... are the indexes of the opened ULs)
}

////A few utility functions below//////////////////////

ddtreemenu.getCookie=function(Name){ //get cookie value
    var re=new RegExp(Name+"=[^;]+", "i"); //construct RE to search for target name/value pair
    if (document.cookie.match(re)) //if cookie found
        return document.cookie.match(re)[0].split("=")[1] //return its value
    return ""
}

ddtreemenu.setCookie=function(name, value, days){ //set cookei value
    var expireDate = new Date()
    //set "expstring" to either future or past date, to set or delete cookie, respectively
    var expstring=expireDate.setDate(expireDate.getDate()+parseInt(days))
    document.cookie = name+"="+value+"; expires="+expireDate.toGMTString()+"; path=/";
}

ddtreemenu.searcharray=function(thearray, value){ //searches an array for the entered value. If found, delete value from array
    var isfound=false
    for (var i=0; i<thearray.length; i++){
        if (thearray[i]==value){
            isfound=true
            thearray.shift() //delete this element from array for efficiency sake
            break
        }
    }
    return isfound
}

ddtreemenu.preventpropagate=function(e){ //prevent action from bubbling upwards
    if (typeof e!="undefined")
        e.stopPropagation()
    else
        event.cancelBubble=true
}

ddtreemenu.dotask=function(target, functionref, tasktype){ //assign a function to execute to an event handler (ie: onunload)
    var tasktype=(window.addEventListener)? tasktype : "on"+tasktype
    if (target.addEventListener)
        target.addEventListener(tasktype, functionref, false)
    else if (target.attachEvent)
        target.attachEvent(tasktype, functionref)
}

/* ITX Walter Poch [08.21.2007] */
ddtreemenu.collapseSubMenues = function (treeid){
    var liTags = document.getElementById(treeid).getElementsByTagName("li")
    for(var i=0; i<liTags.length; i++){ 
        var divTitle = liTags[i].getElementsByTagName("div")[0]
        if(divTitle.id!="Item" && !ddtreemenu.hasRootMenuSelectedItems(treeid, divTitle)){ 
            // Change the styles    
            var classValue=(divTitle.className.indexOf("Selected")>0)? "SubMenuCloseSelected" : "SubMenuClose" 
            divTitle.className = classValue  
            // Collapse the submenues
            var ultags = liTags[i].getElementsByTagName("ul")
            for (var j=0; j<ultags.length; j++){
                ultags[j].style.display = "none"
                ultags[j].setAttribute("rel", "closed")    
            }                                 
        }
    } 
}

ddtreemenu.expandSubMenu=function(treeid, ulelement){ //expand a UL element and any of its parent ULs
    var rootnode=document.getElementById(treeid)
    var currentnode=ulelement
    currentnode.style.display="block"
    while (currentnode!=rootnode){
        if (currentnode.tagName=="UL"){ //if parent node is a UL, expand it too
            currentnode.style.display="block"
            currentnode.setAttribute("rel", "open")
            var divTitle = currentnode.parentNode.getElementsByTagName("div")[0]
            if(divTitle.id != "Item"){                        
                var selected = (divTitle.className.indexOf("Selected")>0)? "Selected" : ""
                divTitle.className = "SubMenuOpen" + selected 
            }           
        }
        currentnode=currentnode.parentNode
    }
}

ddtreemenu.expandMenu=function(treeid, ulelement){ //expand a UL element and any of its parent ULs
    var rootnode=document.getElementById(treeid)
    var currentnode=ulelement
    currentnode.style.display="block"
    currentnode.setAttribute("rel", "open")
    var ulTags = currentnode.getElementsByTagName("ul")
    if (ulTags.length > 0){
        var i = 0;        
        ulTags[i].style.display="block"
        ulTags[i].setAttribute("rel", "open")
        var divTitle = ulTags[i].parentNode.getElementsByTagName("div")[0]
        if(divTitle.id != "Item"){                        
            var selected = (divTitle.className.indexOf("Selected")>0)? "Selected" : ""
            divTitle.className = "SubMenuOpen" + selected 
        }                   
    }
}

ddtreemenu.hasRootMenuSelectedItems = function (treeid, subMenu){
    // Get the father if it has
    var rootMenu = subMenu
    while (rootMenu.parentNode != null && rootMenu.parentNode.id != treeid){
        rootMenu = rootMenu.parentNode
    }
    
    var childs = rootMenu.getElementsByTagName("div")
    var hasSelected = false
    for (var i = 0; i < childs.length && !hasSelected; i++){
        hasSelected = (childs[i].className.indexOf("Selected") > 0)
    }
    return hasSelected
}

ddtreemenu.hasSubMenuesSelectedItems = function (treeid, subMenu){
    var hasSelected = false
    var childs = subMenu.getElementsByTagName("div")
    for (var i = 0; i < childs.length && !hasSelected; i++){
        hasSelected = (childs[i].className.indexOf("Selected") > 0)
    }
    return hasSelected
}
/** END Walter Poch */