// JavaScript Document
images = new Array('toren.jpg','sneeuw.jpg','vloer.jpg');
showtime = 10000; //milliseconds

function randOrd(a, b){
return (Math.round(Math.random())-0.5); }

images.sort(randOrd );

function InitImages() {
	nextImage(0);
	}

function setOpacity(opacity) {
image = document.getElementById("plaatje");

  image.style.filter = "alpha(opacity:"+opacity+")";
  
  // Safari<1.2, Konqueror
  image.style.KHTMLOpacity = opacity/100;
  
  // Older Mozilla and Firefox
  image.style.MozOpacity = opacity/100;
  
  // Safari 1.2, newer Firefox and Mozilla, CSS3
  image.style.opacity = opacity/100;
}

function FadeIn(opacity) {
if(opacity <= 99)
	{
		setOpacity(opacity);
		opacity += 5;
		window.setTimeout("FadeIn("+opacity+")", 50);		
	}
}

function FadeOut(opacity,i) {
if(opacity >= 0)
	{
		setOpacity(opacity);
		opacity -= 5;
		window.setTimeout("FadeOut("+opacity+","+i+")", 50);		
	}
	else
	{
	nextImage(i);
	}
}

function nextImage(i) {
	//setOpacity(0);	
	//FadeOut(100);
	document.getElementById("plaatje").src = "../images/collages/"+images[i];
	FadeIn(1);
	setOpacity(100);
	if(i < images.length -1)
		{
			i++
		}
		else
		{
			i = 0
		}	
	setTimeout("FadeOut("+99+","+i+")",showtime);
	setOpacity(0);
	}