// JScript File
var i=0;
var oLength;
var oInterval;
var oCtrl = "currentSlideImage";

var pauseImage = "&nbsp;<img onclick='Pause()' title='Pause' style='CURSOR: hand;' src='images/ico_pause.jpg' alt='Pause' width='24' height='24'>";
var startImage = "&nbsp;<img onclick='Start()' title='Play' style='CURSOR: hand;' src='images/ico_play.jpg' alt='Play' width='24' height='24'>";
var prevImage = "&nbsp;<img onclick='Prev()' title='Back' style='CURSOR: hand;' src='images/ico_back.jpg' alt='Back' width='24' height='24'>";
var nextImage = "&nbsp;<img onclick='Next()' title='Forward' style='CURSOR: hand;' src='images/ico_forward.jpg' alt='Forward' width='24' height='24'>";
var stopImage = "&nbsp;<img onclick='Stop()' title='Stop' style='CURSOR: hand;' src='images/ico_stop.jpg' alt='Stop' width='24' height='24'>";

function Start()
{
    //called after pause
    var interval = document.getElementById('ctl00_pcrjcontent_idInterval').value;
    interval = interval * 1000;
    oInterval = window.setInterval("SlideShow()", interval);    
    oLength = document.getElementById("imageList").length;
    
    document.getElementById('pauseT').innerHTML = pauseImage;
    document.getElementById('pauseB').innerHTML = pauseImage;
    document.getElementById('stopT').innerHTML = stopImage;
    document.getElementById('stopB').innerHTML = stopImage;    
    document.getElementById('startT').innerHTML = "";
    document.getElementById('startB').innerHTML = "";    
    document.getElementById('prevT').innerHTML = "";
    document.getElementById('prevB').innerHTML = "";
    document.getElementById('nextT').innerHTML = "";
    document.getElementById('nextB').innerHTML = "";
}

function Pause()
{
    stopSlideShow();
    document.getElementById('pauseT').innerHTML = "";
    document.getElementById('pauseB').innerHTML = "";
    document.getElementById('startT').innerHTML = startImage;
    document.getElementById('startB').innerHTML = startImage;
    displayNext();
    displayPrev();    
}

function Prev()
{
    i=i-1;        
    setImage();
    displayNext();
    displayPrev();
}

function Next()
{
    i=i+1;
    setImage();
    displayNext();
    displayPrev();
}

function Stop()
{
    stopSlideShow();
    i = 0;    
    displayNext();
    document.getElementById('startT').innerHTML = startImage;        
    document.getElementById('startB').innerHTML = startImage;        
    document.getElementById('prevT').innerHTML = "";
    document.getElementById('prevB').innerHTML = "";
    document.getElementById('pauseT').innerHTML = "";
    document.getElementById('pauseB').innerHTML = "";
    document.getElementById('stopT').innerHTML = "";
    document.getElementById('stopB').innerHTML = "";
}

function displayNext()
{
    if(i >= oLength - 1)
    {        
        document.getElementById('nextT').innerHTML = "";
        document.getElementById('nextB').innerHTML = "";
    }
    else
    {
        document.getElementById('nextT').innerHTML = nextImage;
        document.getElementById('nextB').innerHTML = nextImage;
    }
}

function displayPrev()
{
    if( i > 0 )
    {
        document.getElementById('prevT').innerHTML = prevImage;
        document.getElementById('prevB').innerHTML = prevImage;
    }
    else
    {
        document.getElementById('prevT').innerHTML = "";
        document.getElementById('prevB').innerHTML = "";
    }    
}

function startSlideShow(iv)
{
    i = iv;
    oLength = document.getElementById("imageList").length;
    setImage();
    var interval = document.getElementById('ctl00_pcrjcontent_idInterval').value;
    interval = interval * 1000;
    oInterval = window.setInterval("SlideShow()", interval);
        
    document.getElementById('pauseT').innerHTML = pauseImage;
    document.getElementById('pauseB').innerHTML = pauseImage;
    document.getElementById('stopT').innerHTML = stopImage;    
    document.getElementById('stopB').innerHTML = stopImage;    
    document.getElementById('startT').innerHTML = "";
    document.getElementById('startB').innerHTML = "";
    document.getElementById('prevT').innerHTML = "";
    document.getElementById('prevB').innerHTML = "";
    document.getElementById('nextT').innerHTML = "";
    document.getElementById('nextB').innerHTML = "";
}

function setImage()
{
    try
    {
        var img = document.getElementById(oCtrl);
        img.src = document.getElementById("imageList").options[i].text;
    }
    catch(e)
    {
        img.src = "";
    }
    try
    {
        img.style.filter = "FILTER: progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=0.25,wipestyle=0,motion=forward)";
        img.filters[0].Duration=1;
        img.filters[0].Apply();            
        img.filters[0].Play();
    }
    catch(e)
    {
        
    }   
}

function SlideShow()
{
    i=i+1;
    if ( i >= oLength )
    {
        i = 0;
    }	   
	if ( i < 0 )
	{
	    i = 0;
	}
	    
    setImage();    
}
//stop/pause slide show.
function stopSlideShow()
{
    if (oInterval==null)
        return;
    if(oInterval!="")
	{
		window.clearInterval(oInterval);
		oInterval="";
	}
	else
	{
	    return;
	}
}