// JScript File

var HiSpeed = 15;
var LowSpeed = 45;

var Left=0;
var t1;
var t2;
var TransSpeed=LowSpeed;
var SelectorWidth;
var HoveringPanelWidth;

function HoveringPanelInit(){
    var HovPanel=document.getElementById('HoveringPanel');
    var Selector=document.getElementById('Selector');
    var j=0;    
    if (HovPanel!=null){
        var ChildrenCount=document.getElementById('HoveringPanel').childNodes;
        var i;

        for (i=0;i<ChildrenCount.length-1;i++){
            if(ChildrenCount[i].tagName!=undefined)
                j=j+1;
        }
        HovPanel.style.width=(86*j)+'px';
        SelectorWidth=Selector.offsetWidth;
        HoveringPanelWidth=HovPanel.offsetWidth;
    }
}

function Hover_Right(){
    var HovPanel=document.getElementById('HoveringPanel');
    var LeftImage=document.getElementById('LeftButton');
    
    if (Left<0){
        LeftImage.style.cursor="pointer";
        if (TransSpeed==LowSpeed)
            LeftImage.src="images/LeftButton2.gif";
        else
            LeftImage.src="images/LeftButton3.gif";
        Left=Left+5;
        HovPanel.style.left=Left+'px';
        t1=setTimeout("Hover_Right()",TransSpeed);
    }else{
        LeftImage.src="images/LeftButton1.gif";
        LeftImage.style.cursor="auto";
    }
}

function Hover_Left(){
    var HovPanel=document.getElementById('HoveringPanel');
    var RightImage=document.getElementById('RightButton');
    
    if (Left>SelectorWidth-HoveringPanelWidth+15){
        RightImage.style.cursor="pointer";
        if (TransSpeed==LowSpeed)
            RightImage.src="images/RightButton2.gif";
        else
            RightImage.src="images/RightButton3.gif";
        Left=Left-5;
        HovPanel.style.left=Left+'px';
        t1=setTimeout("Hover_Left()",TransSpeed);
    }else{
        RightImage.src="images/RightButton1.gif";
        RightImage.style.cursor="auto";
    }
}

function Stop_Hover(){
    clearTimeout(t1);
    clearTimeout(t2);
    TransSpeed=LowSpeed;
    var LeftImage=document.getElementById('LeftButton');
    LeftImage.src="images/LeftButton1.gif";
    var RightImage=document.getElementById('RightButton');
    RightImage.src="images/RightButton1.gif";
}

function SpeedUp1()
{
    TransSpeed=HiSpeed;
    var LeftImage=document.getElementById('LeftButton');
}

function SpeedDown1()
{
    TransSpeed=LowSpeed;
    var LeftImage=document.getElementById('LeftButton');
}
function SpeedUp2()
{
    TransSpeed=HiSpeed;
    var RightImage=document.getElementById('RightButton');
}

function SpeedDown2()
{
    TransSpeed=LowSpeed;
    var RightImage=document.getElementById('RightButton');
}


function PreviewPic(ImagePath,MainImage){
    var MainImage=document.getElementById(MainImage);
    MainImage.src=ImagePath;
}