function ClearTextBox(control)
{
    var ctrl = document.getElementById(control);    
    ctrl.value = "";
}

function RotateSlidingPanel()
{
    if(counter == 1)
    {
        sp1.showPanel(0);
        counter++;
        document.getElementById("imgPnl1").src=img_on.src;
        document.getElementById("imgPnl2").src=img_off.src;
        document.getElementById("imgPnl3").src=img_off.src;
        document.getElementById("imgPnl4").src=img_off.src;
    }
    else if(counter == 2)
    {
        sp1.showPanel(1);
        counter++;
        document.getElementById("imgPnl1").src=img_off.src;
        document.getElementById("imgPnl2").src=img_on.src;
        document.getElementById("imgPnl3").src=img_off.src;
        document.getElementById("imgPnl4").src=img_off.src;
    }
    else if(counter == 3)
    {
        sp1.showPanel(2);
        counter++;
        document.getElementById("imgPnl1").src=img_off.src;
        document.getElementById("imgPnl2").src=img_off.src;
        document.getElementById("imgPnl3").src=img_on.src;
        document.getElementById("imgPnl4").src=img_off.src;
    }
    else
    {
        sp1.showPanel(3);
        counter = 1;
        document.getElementById("imgPnl1").src=img_off.src;
        document.getElementById("imgPnl2").src=img_off.src;
        document.getElementById("imgPnl3").src=img_off.src;
        document.getElementById("imgPnl4").src=img_on.src;
    }
}


img_on = new Image(); img_on.src = "/images/buttonrollover.png";
img_off = new Image(); img_off.src = "/images/button.png"; 


function handleOver(control) 
{
    document.getElementById(control).src = img_on.src;
}

function handleOut(control,panel) 
{
    if(sp1.getCurrentPanel().id == panel)
        document.getElementById(control).src=img_on.src;
    else
        document.getElementById(control).src=img_off.src;
}

function SliderClick(control)
{
    clearInterval(myInterval);
    
    if(control == "imgPnl1")
    {
        sp1.showPanel(0);
        document.getElementById("imgPnl1").src=img_on.src;
        document.getElementById("imgPnl2").src=img_off.src;
        document.getElementById("imgPnl3").src=img_off.src;
        document.getElementById("imgPnl4").src=img_off.src;
    }
    else if(control == "imgPnl2")
    {
        sp1.showPanel(1);
        document.getElementById("imgPnl1").src=img_off.src;
        document.getElementById("imgPnl2").src=img_on.src;
        document.getElementById("imgPnl3").src=img_off.src;
        document.getElementById("imgPnl4").src=img_off.src;
    }
    else if(control == "imgPnl3")
    {
        sp1.showPanel(2);
        document.getElementById("imgPnl1").src=img_off.src;
        document.getElementById("imgPnl2").src=img_off.src;
        document.getElementById("imgPnl3").src=img_on.src;
        document.getElementById("imgPnl4").src=img_off.src;
    }
    else
    {
        sp1.showPanel(3);
        document.getElementById("imgPnl1").src=img_off.src;
        document.getElementById("imgPnl2").src=img_off.src;
        document.getElementById("imgPnl3").src=img_off.src;
        document.getElementById("imgPnl4").src=img_on.src;
    }
}