//Functions

function setDIV(id,content) {
var container = document.getElementById(id);
container.innerHTML = content;
}

function getCount() {
	var text = "<div class=\"count\">("+currentSlide +" of "+maxSlides+")</div>";
	return text;
}

function setControls () {
	
	if (currentSlide == 1){
setDIV ("controls",prevOff+nextBtn+getCount());
setDIV ("controls2",prevOff+nextBtn+getCount());
	} else if (currentSlide == maxSlides) {
		setDIV ("controls",prevBtn+nextOff+getCount());
			setDIV ("controls2",prevBtn+nextOff+getCount());
	} else {
		setDIV ("controls",prevBtn+nextBtn+getCount());
		setDIV ("controls2",prevBtn+nextBtn+getCount());
	}
}

function render() {
	
	for (var i = 1; i<=5 ; i++) {
	slide = document.getElementById("slide"+i);	
	slide.style.display = "none";
	}
	
	curSlide = document.getElementById("slide"+currentSlide);
	curSlide.style.display = "inline";
	setControls();
}

function next () {


if (currentSlide < maxSlides) {
currentSlide++;
}
render();

}

function prev () {
	if (currentSlide >1) {
currentSlide--;
}
render();
	
}


//Set Up

var currentSlide = 1;
var maxSlides = 5;
var prevBtn = "<div class=\"prevCl\"><a href=\"javascript: prev();\"><img src=\"bck.gif\" alt=\"Previous\"/></a></div>";
var prevOff = "<div class=\"prevCl\"><img src=\"bck_off.gif\" /></div>";
var nextBtn = "<div class=\"nextCl\"><a href=\"javascript: next();\"><img src=\"fwd.gif\" alt=\"Next\"/></a></div>";
var nextOff = "<div class=\"nextCl\"><img src=\"fwd_off.gif\" /></div>";