function SwitchImage(ID,ImgUrl,ParentID,OnTop)
{
     document.getElementById(ID).childNodes[0].setAttribute('src',ImgUrl);  
    
    if (OnTop==true)
    {
        document.getElementById(ParentID).style.zIndex=2;          
    }
    else
    {
        document.getElementById(ParentID).style.zIndex=1;   
    }
    
}
    
    

var NumPages =0;
var CurrentIndex=0;
var PageWidth=961;


function Start(_NumPages,_CurrentIndex)
{
    NumPages=_NumPages;
    CurrentIndex=_CurrentIndex;
    ActivePage(_CurrentIndex);
}

function ActivePage(Index)
{  


        if (Index==0)
        {
           document.getElementById('NavRight').onclick=RightClick;
           document.getElementById('NavLeft').onclick='';
        }
        else if (Index >= (NumPages -1))
        {
            document.getElementById('NavLeft').onclick=LeftClick;
            document.getElementById('NavRight').onclick='';
        }
        else
        {
            document.getElementById('NavRight').onclick=RightClick;
            document.getElementById('NavLeft').onclick=LeftClick;
        }
        
        CurrentIndex=Index;

        var StartPos=((document.documentElement.clientWidth/2)-(PageWidth/2))
        var CurrentPos=StartPos-(Index * (961+10));
        
       document.getElementById('NavLeft').style.left= (StartPos) + 'px';
       document.getElementById('NavRight').style.left= (StartPos + PageWidth - 23) + 'px';

        HideNav()

        moveElement('InnerContainer',CurrentPos,0,20);   
        
        for (i=0;i<NumPages;i++)
        {
           
            if (i==CurrentIndex)
            {
//                document.getElementById('Page' + i).style.cursor='auto';
                

            }
            else
            {
//                document.getElementById('Page' + i).style.cursor='pointer';
                document.getElementById('Page' + i).onClick=RightClick;
                

            }
            
        }            
        
}

function HideNav()
{
    changeOpac(0,'NavLeft')
    changeOpac(0,'NavRight')
}

function ShowNav()
{
    if (CurrentIndex!=0)
    {
        opacity('NavLeft',0,100,100);
    }
    
    if (CurrentIndex < (NumPages -1))
    {
        opacity('NavRight',0,100,100);
    }
    
}

function LeftClick()
{
    ActivePage(CurrentIndex - 1);
}

function RightClick()
{
    ActivePage(CurrentIndex + 1);
}