var curr_no = 1;
var timer_no = 1;
var rotate_timer = "";
var max_no = $(".slide").length;
//
function showItem(no){
	if(curr_no!=no){
		/* Afbeelding animaties */
		var currentIMG = $("#slide-"+curr_no);
		var nextIMG = $("#slide-"+no);
		nextIMG.css({opacity: 0.0}).addClass('show').animate({opacity: 1.0}, 2000);
		currentIMG.animate({opacity: 0.0}, 2000).removeClass('show');
		// Knop aan / uit zetten
		$("#s"+curr_no).removeClass("aan");
		$("#s"+no).addClass("aan");
		//
		curr_no = no;
		timer_no = no;
	}
}
//
function RotateSlideshow(){
	/* Start de slideshow */
	showItem(timer_no);
	timer_no++;
	if(timer_no>max_no){
		timer_no=1;
	}
	rotate_timer = setTimeout("RotateSlideshow()", 10000);
}
//
$(function(){
	/* CSS voor de afbeeldingen */
	$(".slide").css({opacity: 0.0});
	$(".slide.show").css({opacity: 1.0});
	// Eerst kijken of er wel meer de 1 afbeelding is
	if(max_no > 1){
		// Wrapper voor de knopjes aanmaken met een breedte
		var BreedteKnopjes = max_no*22;
		$("#slide-btn").append('<div id=slide-btn-inner style="width:'+BreedteKnopjes+'px;"></div>');
		// Knopjes aanmaken aan de hand van aantal slides
		for(i=1; i<=max_no; i++){
			if(i==1){
				var BtnClass = " class=aan";
			}else{
				var BtnClass = "";
			}
			$("#slide-btn-inner").append('<a href="#"'+BtnClass+' id="s'+i+'" onclick="showItem('+i+'); return false;">'+i+'</a>');
		}
		// Slideshow kan nu starten
		RotateSlideshow();
	}
});