/* #################     IMAGES     ################# */
/*
    imagePlus = 'images/list_plus.gif';
    imageMinus = 'images/list_minus.gif';
    imageFolderOpen = 'images/folderopen.gif';
    imageFolderClose = 'images/folder.gif';
    imageFolderPage = 'images/list_page.gif';
    imageListEmpty = 'images/list_empty.gif';
    imageListJoin = 'images/list_join.gif';
    imageListJoinBottom = 'images/list_joinbottom.gif';
    imageListLine = 'images/list_line.gif';
    imageListBase = 'images/list_base.gif';
    imageListMinus = 'images/list_minusbottom.gif';
    imageListPlus = 'images/list_plusbottom.gif';
*/
    imagePlus = 'img/bullet-brown-p.gif';
    imageMinus = 'img/bullet-brown-m.gif';
    imageNone = 'img/bullet-brown-n.gif';
    imageFolderOpen = 'img/space.gif';
    imageFolderClose = 'img/space.gif';
    imageFolderPage = 'img/space.gif';
    imageListEmpty = 'img/bullet-green-n.gif';
    imageListJoin = 'img/bullet-green-n.gif';
    imageListJoinBottom = 'img/bullet-green-n.gif';
    imageListLine = 'img/bullet-green-n.gif';
    imageListBase = 'img/bullet-green-n.gif';
    imageListMinus = 'img/bullet-green-m.gif';
    imageListPlus = 'img/bullet-green-p.gif';
    
    /* #################     IMAGES     ################# */
    clevel = 0; 
    function buildMenu() { 
        var i; 
        var buffer; 
        var imgSpace; 
        buffer = '<table cellpadding="0" cellspacing="0" border=0 width="100%">'; 
        for (i in Tree[1]) {
            if (!Tree[i]) {
                space = '<a href="' + Tree[1][i][1] + '" class="a-menu" id="href_' + i + '">' + Tree[1][i][0] + '</a>';
            } else {
                space = '<a href="' + Tree[1][i][1] + '" class="a-menu" id="href_' + i + '">' + Tree[1][i][0] + '</a>';
            }
            if (Tree[1][i]) {
                tmpImage = imageListPlus;
            } else {
                tmpImage = imageListMinus;
            }
            //alert (Tree[i]);
            if (Tree[i] == null) {
                tmpImage = imageListJoinBottom;
                imgSpace = '<a href="' + Tree[1][i][1] + '" id="link_' + i + '" class="image-menu"><img src="' + tmpImage + '" class="image-menu" id="img_' + i + '"></a>';
            } else {
                imgSpace = '<img src="' + tmpImage + '" id="img_' + i + '" OnClick="collapse_r(' + i + ')" class="image-menu">';
            }
            buffer += '<tr>';
            buffer += '<td class="nodeClass-1" valign="top">' + imgSpace + '</td>';
            buffer += '<td id="node_' + i + '" class="td-menu-js-1">' + space + '</td>';
            buffer += '</tr>';
            lastNode = i;
        }
        buffer += '</table>';
        document.getElementById('tree').innerHTML = buffer;
        if (!Tree[lastNode]) {
            document.getElementById('img_' + lastNode).src = imageListJoin;
        } else {
            document.getElementById('img_' + lastNode).src = imageListPlus;
        }
        if (Tree[lastNode] == null)
            document.getElementById('img_' + lastNode).parentNode.parentNode.className = 'nodeClass-last';
        else
            document.getElementById('img_' + lastNode).parentNode.className = 'nodeClass-last';
        document.getElementById('node_' + lastNode).className = 'td-menu-js-last';
    }
    function collapse(node) {
        if (document.getElementById('table_' + node) == null) {
            var i;
            var buffer;
            var imgSpace;
            buffer = '<table cellpadding="0" cellspacing="0" id="table_' + node + '" border="0">';
            counterNodes = 0;
            for (i in Tree[node]) {
                space = '<a href="' + Tree[node][i][1] + '" class="a-menu" id="href_' + i + '">' + Tree[node][i][0] + '</a>';
                if (Tree[i] == null) {
                    tmpImage = imageListJoinBottom;
                }else
                    if (Tree[node][i]) {
                        tmpImage = imageListPlus;
                    }
                imgSpace = '<img src="' + tmpImage + '" id="img_' + i + '" OnClick="collapse_r(' + i + ')" class="image-menu">';
                if (Tree[i] == null) {
                    imgSpace = '<a href="' + Tree[node][i][1] + '" id="link_' + i + '"><img src="' + tmpImage + '" class="image-menu" id="img_' + i + '"></a>';
                }
                buffer += '<tr>';
                buffer += '<td class="nodeClass" valign="top">' + imgSpace + ' </td>';
                buffer += '<td id="node_' + i + '" class="td-menu-js"><img src="' + imageFolderPage + '" class="image-menu">' + space + '</td>';
                buffer += '</tr>';
                lastNode = i;
                counterNodes++;
            }
            buffer += '</table>'; 
            document.getElementById('node_' + node).innerHTML += buffer; 
            if (Tree[node]) 
                document.getElementById('img_' + node).src = imageMinus;
            if (!Tree[lastNode]) {
                document.getElementById('img_' + lastNode).src = imageListJoin;
            } else {
                document.getElementById('img_' + lastNode).src = imageListPlus;
            }
            if (counterNodes == 0) {
                document.getElementById('img_' + node).src = imageNone;
                document.getElementById('link_' + node).src = imageNone;
            }
        } else {
            parentObj = document.getElementById('table_' + node).parentNode;
            childObj = document.getElementById('table_' + node);
            parentObj.removeChild(childObj);
            document.getElementById('img_' + node).src = imagePlus;
            if (Tree[node] =="undefined") {
                document.getElementById('img_' + node).src = imageNone;
            }
        }
    }
    function collapse_r(node) {
        level = getLevel(node,0) - 1 ;
        var list = new Array()
        buildMenu();
        var idss= node;
        for (var i=0; i < level; i++) {
            list.push (idss);
            idss = getParent(idss);
        }
        list.reverse();
        for (var i=0; i < level; i++) {
            collapse (list[i]);
        }
    }
    function getLevel(inID, inLevel) {
        id = inID;
        if (id == 0) {
            return inLevel;
        } else {
            parentas = getParent(id);
            if (parentas > 0 || parentas == 0) {
                return getLevel(parentas, inLevel+1);
            } else {
                return inLevel;
            }
        }
    }
    function getParent(inID)
    {
        for (var i=0; i < List.length; i++) {
            if (List[i][1] == inID ) {
                return List[i][0];
            }
        }
        return -1;
    }
    function changeStyle(node,action) {
        document.getElementById('href_' + node).className = action;
    }