// JavaScript Document

function setClassName() {
  var current = 1;
  document.getElementById("f2").className = "hiddenDiv";
  document.getElementById("f3").className = "hiddenDiv";
}
var t;
var current = 1;
function startFades() {
	change(current,'forward');
	if(current == 3) {
		current = 1;
	} else {
		current++;
	}
	t=setTimeout("startFades()",5000);
}
function stopCount() {
	clearTimeout(t);
}
function change(id,direction) {
	var current = id;
	if(direction == "back") {
		for(var i = 1; i < 4; i++) {
			document.getElementById("f" + i).className = "hiddenDiv";
		}
		if(current == 1) {
			current = 3;
		} else {
			current--;
		}
		document.getElementById("f" + current).className = "visibleDiv";
	} else if(direction == "forward") {
		for(var i = 1; i < 4; i++) {
			document.getElementById("f" + i).className = "hiddenDiv";
		}
		if(current == 3) {
			current = 1;
		} else {
			current++;
		}
		document.getElementById("f" + current).className = "visibleDiv";
	}
}