var secs;
var photocounter;
var seccount = 1;
var timerID = null;
var timerRunning = false;
var delay = 1000;

function InitializeTimer() {
    // Set the length of the timer, in seconds
    secs = seccount;
    photocounter = 8;
    StopTheClock();
    StartTheTimer();
}

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

function StartTheTimer() {
	var elementToShow;

	if (secs==0) {
        secs = seccount;
        switch (photocounter) {
		case 1:
			elementToShow = document.getElementById('mainpict_photo7');
			elementToShow.style.display = "block";
			break;
		case 2:
			elementToShow = document.getElementById('mainpict_photo6');
			elementToShow.style.display = "block";
			break;
		case 3:
			elementToShow = document.getElementById('mainpict_photo5');
			elementToShow.style.display = "block";
			break;
		case 4:
			elementToShow = document.getElementById('mainpict_photo4');
			elementToShow.style.display = "block";
			break;
		case 5:
			elementToShow = document.getElementById('mainpict_photo3');
			elementToShow.style.display = "block";
			break;
		case 6:
			elementToShow = document.getElementById('mainpict_photo2');
			elementToShow.style.display = "block";
			break;
		case 7:
			elementToShow = document.getElementById('mainpict_photo1');
			elementToShow.style.display = "block";
			break;
		case 8:
			break;
		default:
			StopTheClock();
			break;
		}
		photocounter = photocounter - 1;
    }
    if (photocounter > 0) {
        // self.status = secs;
        secs = secs - 1;
        timerRunning = true;
        timerID = self.setTimeout("StartTheTimer()", delay);
    }
}