var box = document.getElementById("slideBox");
var theLink = document.getElementById('slideLink');

var current = 1;
var started = 1;

var run = setInterval("advanceSlide()", transition);

function startShow() {
	run = setInterval("advanceSlide()", transition);
	document.getElementById("play").src = url + "images/pause.png";
	started = 1;
}

function clearButtons() {
	
	for(var i = 1; i <= count; i++){
		document.getElementById("slide_" + i).src = url + "images/button_off.png";
	}
	
}

function setButton(id){
	document.getElementById("slide_" + id).src = url + "images/button_on.png";
}

function advanceSlide(){
	
	if(current == count){
		var advance = 1;
	} else {
		var advance = current + 1;
	}
	
	box.style.backgroundImage = "url('" + slideImage[advance] + "')";
	theLink.href = slideLink[advance];
	current = advance;
	clearButtons();
	setButton(advance);
	
}

function nextSlide(){
	
	stopAuto();
	
	if(current == count){
		var next = 1;
	} else {
		var next = current + 1;
	}
	
	box.style.backgroundImage = "url('" + slideImage[next] + "')";
	theLink.href = slideLink[next];
	current = next;
	clearButtons();
	setButton(next);
	
}

function prevSlide(){
	
	stopAuto();
	
	if(current == 1){
		var prev = count;
	} else {
		var prev = current - 1;
	}
	
	box.style.backgroundImage = "url('" + slideImage[prev] + "')";
	theLink.href = slideLink[prev];
	current = prev;
	clearButtons();
	setButton(prev);
	
}

function setSlide(id){
	
	stopAuto();
	box.style.backgroundImage = "url('" + slideImage[id] + "')";
	theLink.href = slideLink[id];
	current = id;
	clearButtons();
	setButton(id);
	
}

function showControl(){
	if(started == 1){
		stopAuto();
	} else {
		startShow();
	}
}

function stopAuto() {
	document.getElementById("play").src = url + "images/play.png";
	clearInterval(run);
	started = 0;
}

function beginShow(){
	setSlide(1);
	startShow();
}