var active;
var leftMenu;

initMenuTable = function()
{
    leftMenu = document.getElementById("leftMenu");
    leftMenu.onmouseover = function()
    {
        leftMenu.className = 'over';
    }
    leftMenu.onmouseout = function()
    {
        leftMenu.className = 'glavmenu';
    }
    navRoot = document.getElementById("menuTable");
    active  = document.getElementById("active");
    for (i = 0; i < navRoot.childNodes.length; i++) {
        node = navRoot.childNodes[i];
        if (node.nodeName == "TBODY" || node.nodeName == "THEAD" || node.nodeName == "TFOOT") {
            initMenuBody(node);
        }
        else if (node.nodeName == "TR") {
            initMenuRow(node);
        }
    }
}

initMenuBody = function(bodyObject)
{
    for (i = 0; i < bodyObject.childNodes.length; i++) {
        node = bodyObject.childNodes[i];
        if (node.nodeName == 'TR') {
            initMenuRow(node);
        }
    }
}

initMenuRow = function(rowObject)
{
    for (i = 0; i < rowObject.childNodes.length; i++) {
        node = rowObject.childNodes[i];
        if (node.nodeName == 'TD') {
            node.onmouseover = function()
            {
                active.setAttribute('id', '');
                this.setAttribute('id', 'active');
            }
            node.onmouseout = function()
            {
                this.setAttribute('id', '');
                active.setAttribute('id', 'active');
            }
            node.onclick = function()
            {
                active = this;
            }
        }
    }
}