function selectSlide(selectedIndex)
{
    var x=document.getElementById('slide-outer');
    for(var ii=0;ii<x.childNodes.length;ii++)
        if(x.childNodes.item(ii).nodeType==3  && x.childNodes.item(ii).nodeValue!=/\S/) 
        {x.removeChild(x.childNodes.item(ii));}
    for(var i=0;i<x.childNodes.length;i++)
        if(x.childNodes.item(i).nodeType==1)
        {
            if(i==selectedIndex)
                x.childNodes.item(i).style.display='';  
            else
                x.childNodes.item(i).style.display='none';       
       }
}
function selectNav(selectedIndex)
{
    var ulCont=document.getElementById('ulcontainer');
    for(var ii=0;ii<ulCont.childNodes.length;ii++)
        if(ulCont.childNodes.item(ii).nodeType==3  && ulCont.childNodes.item(ii).nodeValue!=/\S/) 
        {ulCont.removeChild(ulCont.childNodes.item(ii));}
    for(var j=0;j<ulCont.childNodes.length;j++)
    {
        if(ulCont.childNodes.item(j).nodeName=="LI")
        {
            if(j==selectedIndex)
                ulCont.childNodes.item(j).firstChild.className="navi-active";
            else
                ulCont.childNodes.item(j).firstChild.className="navi";
        }
    }
}
function selectPane(selectedIndex)
{   
        document.getElementById('txtIndex').value=selectedIndex;
        var ItemsCount=document.getElementById('txtItemsCount').value;
        if(selectedIndex>=ItemsCount)
            selectedIndex=selectedIndex;
        selectNav(selectedIndex);
        selectSlide(selectedIndex);
}