function InitTree(Id, sId){
    if (!document.getElementById) return;
    
    var ul = document.getElementById(Id);
    if (!ul.childNodes || ul.childNodes.length == 0) return;
    
    var node = document.getElementById(sId)
    if (node != null){
        if (node.childNodes != null || node.childNodes.length >= 1){
            var subul = node.childNodes[1];
            if (subul != null) subul.className = "open";
        }
        
        //show parentnodes
        while (node.parentNode != null){
            if (node.nodeName == 'LI') {
                 if (node.childNodes != null || node.childNodes.length >= 0){
                    node.childNodes[0].className = "highlight";   
                }
                if (node.parentNode.id != Id) { 
                    node.parentNode.className = "open";
                }
            }
            node = node.parentNode;
        }
   }
    
   var a = ul.getElementsByTagName('A');
   for(var i=0;i<a.length;i++){
        a[i].onclick = expandNode;
   } 
}

function expandNode(e, node){
    if(!node)node=this;
    
    // show sibling ul
    var ul = node.nextSibling;
    if (ul != null) {
        if (ul.className == "open"){
            ul.className = "";    
        } else {
            ul.className = "open";    
        }
    }
}