var imageSources = new Array("images/01.jpg", "images/02.jpg", "images/03.jpg", "images/04.jpg", "images/05.jpg", "images/06.jpg", "images/07.jpg");
var text = new Array(
"",
"",
"",
"",
"",
"",
""
);
// Preload
var images = new Array(imageSources.length);
for (var i = 0; i < imageSources.length; i++) {
	images[i] = new Image();
	images[i].src = imageSources[i];
}
 
// Slide show!
var currentSlide = Math.floor(Math.random() * text.length);
var steps =20;
var timing = 75;
function showNextSlide() {
	// If no img yet, show first & skip the blabla fade
	if (document.getElementById("slide").src == "") {
		document.getElementById("slide").src = imageSources[currentSlide];
		document.getElementById("regels").innerHTML = text[currentSlide];
	}
	else {
		// Fade old slide out
		for (var i=0;i<(steps+1);i++)
			setTimeout('setOpacity('+(steps-i)+')',timing*i);
	
		// Load new slide
		setTimeout('document.getElementById(\'slide\').src = imageSources[' + currentSlide + ']', (timing*steps)+10);
		setTimeout('document.getElementById(\'regels\').innerHTML = text[' + currentSlide + ']', (timing*steps)+10);

		// Fade new slide in
		for (var i=0;i<(steps+1);i++)
			setTimeout('setOpacity('+i+')',(timing*steps)+10+timing*i);
	}
	
	currentSlide = (currentSlide+1)%imageSources.length;
	
}
function setOpacity(value)
{
	document.getElementById("slide").style.opacity = value/(100/steps);
	document.getElementById("slide").style.filter = 'alpha(opacity=' + value*(100/steps) + ')';

	document.getElementById("regels").style.opacity = value/(100/steps);
	document.getElementById("regels").style.filter = 'alpha(opacity=' + value*(100/steps) + ')';
}
window.setInterval(showNextSlide, 7000);