function navigatePanelShowPage(pagesId, pageId, nodeUrl, nodeId)
{
    var pages = document.getElementById(pagesId);
    if (pages){
        var pageDivs = pages.childNodes;
        for(var i = 0, index = 0; i < pageDivs.length; i++){        
            if (pageDivs[i].nodeName.toLowerCase() == 'div'){            
                if (pageDivs[i].id != pageId){
                    pageDivs[i].style.display = 'none';
                } else {
                    pageDivs[i].style.display = 'block'; 
                    setActiveIndex(index);
                }
                ++index;
            }
        }
    }
    var leftPanel = document.getElementById('link-panel');
    navigationPanelResize(leftPanel);
    
    if (nodeUrl) {
      page = document.getElementById(pageId);
      var treeDiv = page.getElementsByTagName('div')[0];
      EntTree.ensureNavPageLoaded(treeDiv, nodeUrl, nodeId);
    }
}
function setActiveIndex(index)
{
    var actIndex = document.getElementById('ActiveIndex');
    if (actIndex)
    {
        actIndex.value = index;
    }
}

function navigationPanelResize(lp)
{
    var buttonContainer = getElementByClass(lp.childNodes, "link-panel-buttons-container");
    var pagesContainer = getElementByClass(lp.childNodes, "link-panel-pages-container");
    var currentPage;
    var pageCol = pagesContainer.childNodes;    
    for(i = 0; i < pageCol.length; i++)
    {
        if (pageCol[i].nodeName.toLowerCase() == 'div'
        && pageCol[i].className == 'link-panel-page'
        && pageCol[i].style.display != 'none' )
        {
            currentPage = pageCol[i];
        }
    }
    if (!currentPage)
    {
        return;
    }
    var pageTitle = getElementByClass(currentPage.childNodes, "link-panel-page-title");
    var pageTree = getElementByClass(currentPage.childNodes, "link-panel-page-tree");
    
    var pageHeight =  lp.offsetHeight - buttonContainer.offsetHeight;
    var pageTreeHeight = pageHeight - pageTitle.offsetHeight;
    
    if (pageTreeHeight < 25)
    {
        pageTree.style.display = 'none';
    }
    else    
    {
        pageTree.style.height = pageTreeHeight - 8 + 'px';
        if (pageTree.style.display == 'none')
        {
            pageTree.style.display = '';
        }
    }       
}
function getElementByClass(col, n)
{
    for(i = 0; i < col.length; i++)
    {
        if (col[i].className == n)
        {
            return col[i];
        }
    }
    return null;
}