var setPause = 4.5; // tijd tot verschijnen volgende afbeelding, in te stellen in sec

	document.write('<style type="text/css">')
	document.write('   #carrousel li { position: absolute; /* voor IE! */ }');
	document.write('   #carrousel img { display: none; position: absolute; z-index: 1; }');
	document.write('   #carrousel #thumb-1 { display: block; opacity: 1; }');
	document.write('<\/style>');
	
// carrousel.js
//
// Copyright 2010 francky: www.developerscorner.nl
// See http://developerscorner.nl/css-exercitions/foto-carrousel.php
// Fading script inspired by: http://hungred.com/how-to/tutorial-how-does-image-fade-in-when-picture-loaded/ 
// Published under Creative Commons License "Attribution-Noncommercial-Share Alike 3.0 Unported"
// Toegestaan is: 
//      kopieren, verspreiden en doorgeven,
//      en bewerking naar eigen smaak; :-)
//      op voorwaarde van opnemen van deze bronvermelding in de broncode;
//      alleen voor niet-commercieel gebruik;
//      verspreiden van een bewerking kan alleen onder dezelfde voorwaarden.
// See: http://creativecommons.org/licenses/by-nc-sa/3.0/nl/ (voor NL tekst)
//  or: http://creativecommons.org/licenses/by-nc-sa/3.0/    (for EN text)

if (!setPause){ var setPause = 5; } // veiligheidsklep voor als niet in html ingesteld

var fotoAantal;
function readImageNumber(){ // automatische afbeeldingen-teller
	fotoAantal = document.getElementById('carrousel').getElementsByTagName('img').length;
	}

var pause = setPause*1000; // nu automatisch in millisec
var func;
function waitulator(func){ // pauze inlassen voor triggeren van willekeurige functie "func"
	var t = window.setTimeout(func, pause);
}

var doorloop = 2;                  // beginnen met tweede foto in te faden
function carrousel(){
	if (doorloop == fotoAantal+1){ // als serie helemaal doorgelopen is
		doorloop = 1;              // begin opnieuw met eerste foto
	}
	waitulator('showNhide()');     // wacht even, laat deze foto infaden en verberg de rest
}

var doorloopOud = 0;
function showNhide(){
	var j;
	for (j=1; j<=fotoAantal; j++) { // alle afbeeldingen langslopen
		if (j!=doorloop) {          // als niet de huidige
			document.getElementById('thumb-'+j+'').style.zIndex = "1";     // alle andere naar de achtergrond
		}
		if (doorloopOud != 0){      // als er een vorige is
			if (j!=doorloopOud){    // voor alles behalve de vorige
				document.getElementById('thumb-'+j+'').style.display = "none"; // alle andere uitzetten
			}
		}
	}
	document.getElementById('thumb-'+doorloop+'').style.zIndex = "2";      // deze naar de voorgrond 
	document.getElementById('thumb-'+doorloop+'').style.opacity = "0";     // deze nog helemaal doorzichtig
	document.getElementById('thumb-'+doorloop+'').style.display = "block"; // deze aanzetten 
	fadeIn('thumb-'+doorloop+'');   // deze infaden over de oude afbeelding heen 
	doorloopOud = doorloop;
	doorloop++;                     // volgende klaarzetten
	carrousel();                    // en opnieuw wisselen
}		

var opacity;
function fadeIn(objId,opacity) {
	if ( !opacity ){  // no need to give a starting opacity value (i.e.: 0) in the html
		opacity = 0;
	}
	if (document.getElementById) {
		var obj = document.getElementById(objId);
		if (opacity <= 60) {                                 // soft start
			obj.style.filter = "alpha(opacity:"+opacity+")"; // older IE/Win
			obj.style.KHTMLOpacity = opacity/100;            // Safari<1.2, Konqueror
			obj.style.MozOpacity = opacity/100;              // older Mozilla and Firefox
			obj.style.opacity = opacity/100;                 // modern browsers
			opacity += 1;
			window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 16);
		}

		if ( opacity > 60 && opacity <= 100) {               // speeding up 
			obj.style.filter = "alpha(opacity:"+opacity+")"; // older IE/Win
			obj.style.KHTMLOpacity = opacity/100;            // Safari<1.2, Konqueror
			obj.style.MozOpacity = opacity/100;              // older Mozilla and Firefox
			obj.style.opacity = opacity/100;                 // modern browsers
			opacity += 2;
			window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 16);
		}
	}
}