function navigatePanelShowPage(pagesId, pageId)
{

    var pages = document.getElementById(pagesId);
	
    if (pages)
	{
        var pageDivs = pages.childNodes;	
		
		var index = 0;
        for(i = 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;
                }		
				
            }		
		
        }		
}
function setActiveIndex(index)
{
    var actIndex = document.getElementById('ActiveIndex');
    if (actIndex)
    {
        actIndex.value = index;
        //alert(actIndex.value);
    }
}


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;
}