var timer = "";			// our timer
var timerSeconds = 6;	// interval between switches
var timerOn = 1;		// which element are we on currently
var lastSpotlight = 0;		// the last element
var playing = true;
function swap(el) {
	// they clicked, clear mouseover
	lastSpotlight = 0;
	if ( playing == false ) playing = true; // we want the playPause() to pause
	playPause();
	change(el);
}
function change(el) {
	timerOn = el;
	document.getElementById('spotlight1').style.display = "none";
	document.getElementById('spotlight2').style.display = "none";
	document.getElementById('spotlight3').style.display = "none";
	document.getElementById('spotlight4').style.display = "none";
	document.getElementById('spotlight5').style.display = "none";
	document.getElementById('spotlight6').style.display = "none";
	document.getElementById('spotlight7').style.display = "none";
	document.getElementById('spotlight8').style.display = "none";
	document.getElementById('spotlight9').style.display = "none";
	document.getElementById('spotlight10').style.display = "none";


	if ( el == 1 ) {
		document.getElementById('spotlight1').style.display = "block";
		document.getElementById('spotlight1').style.background = "#f6f4ef";
	
	}
	else if ( el == 2 ) {
		document.getElementById('spotlight2').style.display = "block";
		document.getElementById('spotlight2').style.background = "#f6f4ef";
	}
	else if ( el == 3 ) {
		document.getElementById('spotlight3').style.display = "block";
		document.getElementById('spotlight3').style.background = "#f6f4ef";
	}
		else if ( el == 4 ) {
		document.getElementById('spotlight4').style.display = "block";
		document.getElementById('spotlight4').style.background = "#f6f4ef";
	}
	else if ( el == 5 ) {
		document.getElementById('spotlight5').style.display = "block";
		document.getElementById('spotlight5').style.background = "#f6f4ef";	
	
	}
		else if ( el == 6 ) {
		document.getElementById('spotlight6').style.display = "block";
		document.getElementById('spotlight6').style.background = "#f6f4ef";
	}
	else if ( el == 7 ) {
		document.getElementById('spotlight7').style.display = "block";
		document.getElementById('spotlight7').style.background = "#f6f4ef";
	}
		else if ( el == 8 ) {
		document.getElementById('spotlight8').style.display = "block";
		document.getElementById('spotlight8').style.background = "#f6f4ef";
	}
	else if ( el == 9 ) {
		document.getElementById('spotlight9').style.display = "block";
		document.getElementById('spotlight9').style.background = "#f6f4ef";
	}
		else if ( el == 10 ) {
		document.getElementById('spotlight10').style.display = "block";
		document.getElementById('spotlight10').style.background = "#f6f4ef";
	}

	
}
function startTimer() {
	if ( timer == "" ) timer = setTimeout("doTimer()", timerSeconds * 1000)
}
function doTimer() {
	timer = "";
	if ( playing == true && lastSpotlight == 0 ) {
		timerOn++;
		if ( timerOn == 11 ) {
			timerOn = 1;
		}
		change(timerOn);
		startTimer();
	}
}

function playPause() {
	if ( playing == true ) {
		var timer = "";
		playing = false;
		document.getElementById('imgPlayPause1').src = "images/btn_play.gif";
		document.getElementById('imgPlayPause2').src = "images/btn_play.gif";
		document.getElementById('imgPlayPause3').src = "images/btn_play.gif";
		document.getElementById('imgPlayPause4').src = "images/btn_play.gif";
		document.getElementById('imgPlayPause5').src = "images/btn_play.gif";
		document.getElementById('imgPlayPause6').src = "images/btn_play.gif";
		document.getElementById('imgPlayPause7').src = "images/btn_play.gif";
		document.getElementById('imgPlayPause8').src = "images/btn_play.gif";
		document.getElementById('imgPlayPause9').src = "images/btn_play.gif";
		document.getElementById('imgPlayPause10').src = "images/btn_play.gif";
	} else {
		startTimer();
		playing = true;
		document.getElementById('imgPlayPause1').src = "images/btn_pause.gif";
		document.getElementById('imgPlayPause2').src = "images/btn_pause.gif";
		document.getElementById('imgPlayPause3').src = "images/btn_pause.gif";
		document.getElementById('imgPlayPause4').src = "images/btn_pause.gif";
		document.getElementById('imgPlayPause5').src = "images/btn_pause.gif";
		document.getElementById('imgPlayPause6').src = "images/btn_pause.gif";
		document.getElementById('imgPlayPause7').src = "images/btn_pause.gif";
		document.getElementById('imgPlayPause8').src = "images/btn_pause.gif";
		document.getElementById('imgPlayPause9').src = "images/btn_pause.gif";
		document.getElementById('imgPlayPause10').src = "images/btn_pause.gif";
	}
}

function spotlightOver(el) {
	lastSpotlight = timerOn;
//	playPause();
	change(el);
}
function spotlightOut() {
	if ( lastSpotlight > 0 ) {
		change(lastSpotlight);
		lastSpotlight = 0;
		startTimer();
	}
}
startTimer();