// Copyrighted by Timeless Design
// in opdracht van Cordia Sportsworld Zevenaar
// Kopieren of gebruik zonder toestemming is niet toegestaan 


function toggleDiv(id,flagit) {
if (flagit=="1"){
if (document.layers) document.layers[''+id+''].visibility = "show"
else if (document.all) document.all[''+id+''].style.visibility = "visible"
else if (document.getElementById) document.getElementById(''+id+'').style.visibility = "visible"
}
else
if (flagit=="0"){
if (document.layers) document.layers[''+id+''].visibility = "hide"
else if (document.all) document.all[''+id+''].style.visibility = "hidden"
else if (document.getElementById) document.getElementById(''+id+'').style.visibility = "hidden"
}
}


/* Variabelen worden ingesteld */ 
var secs
var timerID = null
var timerRunning = false
var delay = 1000
var show
show = 1

function InitializeTimer()
{
    // Hier bepaal je de snelheid van het omswitchen
    secs = 5
	StopTheClock()
    StartTheTimer()
}

function StopTheClock()
{
    if(timerRunning)
        clearTimeout(timerID)   
}

function StartTheTimer()
{
    if (secs==0)
    {
 
		StopTheClock()	 
		
		
		if(show==1) {
		
		
		jQuery("#rotatie-timer-1").css("border","1px solid white");
		jQuery("#rotatie-timer-2").css("border","1px solid #0C5E96");
		jQuery("#rotatie-timer-3").css("border","1px solid #0C5E96");
		jQuery("#rotatie-timer-4").css("border","1px solid #0C5E96");
		jQuery("#rotatie-timer-5").css("border","1px solid #0C5E96");
		jQuery("#rotatie").fadeIn("slow");


		show = show + 1
		}
		
		else if(show==2) {
			
		jQuery("#rotatie5").css("display","none");	
		jQuery("#rotatie-timer-1").css("border","1px solid #0C5E96");
		jQuery("#rotatie-timer-2").css("border","1px solid white");
		jQuery("#rotatie-timer-3").css("border","1px solid #0C5E96");
		jQuery("#rotatie-timer-4").css("border","1px solid #0C5E96");
		jQuery("#rotatie-timer-5").css("border","1px solid #0C5E96");
		

        jQuery("#rotatie2").fadeIn("slow");
		show = show + 1
		}		
		
		else if(show==3) {
		jQuery("#rotatie-timer-1").css("border","1px solid #0C5E96");
		jQuery("#rotatie-timer-2").css("border","1px solid #0C5E96");
		jQuery("#rotatie-timer-3").css("border","1px solid white");
		jQuery("#rotatie-timer-4").css("border","1px solid #0C5E96");
		jQuery("#rotatie-timer-5").css("border","1px solid #0C5E96");
		
		jQuery("#rotatie2").fadeOut("slow");
        jQuery("#rotatie3").fadeIn("slow");
		show = show + 1
		}		
		
		else if(show==4) {
		jQuery("#rotatie-timer-1").css("border","1px solid #0C5E96");
		jQuery("#rotatie-timer-2").css("border","1px solid #0C5E96");
		jQuery("#rotatie-timer-3").css("border","1px solid #0C5E96");
		jQuery("#rotatie-timer-4").css("border","1px solid white");
		jQuery("#rotatie-timer-5").css("border","1px solid #0C5E96");
		
		jQuery("#rotatie3").fadeOut("slow");
        jQuery("#rotatie4").fadeIn("slow");
		show = show + 1
		}	
		
		else if(show==5) {
		jQuery("#rotatie-timer-1").css("border","1px solid #0C5E96");
		jQuery("#rotatie-timer-2").css("border","1px solid #0C5E96");
		jQuery("#rotatie-timer-3").css("border","1px solid #0C5E96");
		jQuery("#rotatie-timer-4").css("border","1px solid #0C5E96");
		jQuery("#rotatie-timer-5").css("border","1px solid white");
	
		jQuery("#rotatie4").fadeOut("slow");
        jQuery("#rotatie5").fadeIn("slow");
		show = show +1
		}

		else {
		jQuery("#rotatie-timer-5").css("border","1px solid #0C5E96");
		jQuery("#rotatie-timer-1").css("border","1px solid white");
		
		jQuery("#rotatie1").css("display","none");
		jQuery("#rotatie2").css("display","none");
		jQuery("#rotatie3").css("display","none");		
		jQuery("#rotatie4").css("display","none");
		
		jQuery("#rotatie5").fadeOut("slow");
		jQuery("#rotatie").fadeIn("slow");
		
		show = 1
		secs = secs - 5
	
		}
		
		InitializeTimer()
		
    }
    else
    {
        self.status = secs
        secs = secs - 1
        timerRunning = true
        timerID = self.setTimeout("StartTheTimer()", delay)
    }
}