var secs, index
var timerID = null
var timerRunning = false
var delay = 1000


function InitializeTimer()
{
    // Set the length of the timer, in seconds
	index = 0
    document.getElementById("js_image").innerHTML = '<a href="'+urls[index]+'"><img src="/includes/getimage.php?type=flash&id='+images[index]+'" alt="'+titles[index]+'" width="700" border="0"></a>'
    document.getElementById("js_title").innerHTML = titles[index]
    document.getElementById("js_description").innerHTML = descriptions[index]
	newImage = "url(image/player_button_on.jpg)"
	document.getElementById("button_"+(index+1)).style.backgroundImage = newImage
	
    secs = 0
    StopTheClock()
    StartTheTimer()
	
}

function StopTheClock()
{
    if(timerRunning)
        clearTimeout(timerID)
    timerRunning = false
}

function StartTheTimer()
{
    if (secs==5)
    {
	    secs = 0
        StopTheClock()
        // Here's where you put something useful that's
        // supposed to happen after the allotted time.
        // For example, you could display a message:
        //alert("You have just wasted 5 seconds of your life.")
		index = index + 1
		if(index >= total) {
			index = 0
		}
		document.getElementById("js_image").innerHTML = '<a href="'+urls[index]+'"><img src="/includes/getimage.php?type=flash&id='+images[index]+'" alt="'+titles[index]+'" width="700" border="0"></a>'
		document.getElementById("js_title").innerHTML = titles[index]
		document.getElementById("js_description").innerHTML = descriptions[index]
		newImage = "url(image/player_button_on.jpg)"
		document.getElementById("button_"+(index+1)).style.backgroundImage = newImage
		var temp = index
		if(index == 0) {
			temp = total
		}
		temp = 1
		while(temp <= total) {
			if(temp != (index+1)) {
				newImage = "url(image/player_button.jpg)"
				document.getElementById("button_"+temp).style.backgroundImage = newImage
			}
			temp = temp + 1
		}
    	StartTheTimer()
    }
    else
    {
        //document.getElementById("countdown").innerHTML = minutes+":"+seconds
        secs = secs + 1
        timerRunning = true
        timerID = self.setTimeout("StartTheTimer()", delay)
    }
}

function setIndex(num) {
	StopTheClock()
	index = num - 1
	secs = 5
	StartTheTimer()
	document.getElementById("js_pause").innerHTML = '<a href="javascript:pauseIndex();">||</a>'
}

function upIndex() {
	StopTheClock()
	secs = 5
	StartTheTimer()
	document.getElementById("js_pause").innerHTML = '<a href="javascript:pauseIndex();">||</a>'
}

function downIndex() {
	StopTheClock()
	index = index - 2
	if(index == -2) {
		index = total - 2
	}
	secs = 5
	StartTheTimer()
	document.getElementById("js_pause").innerHTML = '<a href="javascript:pauseIndex();">||</a>'
}

function pauseIndex() {
	StopTheClock()
	document.getElementById("js_pause").innerHTML = '<a href="javascript:startIndex();">></a>'
}

function startIndex() {
	StartTheTimer()
	document.getElementById("js_pause").innerHTML = '<a href="javascript:pauseIndex();">||</a>'
}