/* Bewegende afbeeldingen voor Biodiesel website.  */

var x = -220;
var pos = "";
var plaatje, plaatjePreload;

function initImages() {
	plaatjePreload = "url(../images/subimage" + ( Math.floor(Math.random() * 4) + 1) + ".jpg)";
	document.getElementById('subImageOnder').style.backgroundImage = plaatjePreload; 
	plaatjePreload = "url(../images/subimage" + ( Math.floor(Math.random() * 4) + 1) + ".jpg)";
	document.getElementById('subImagePreload').style.backgroundImage = plaatjePreload; 
	setTimeout("nextImage()", 3000);
}

function nextImage() {
	plaatje = plaatjePreload;
	document.getElementById('subImageBoven').style.display = "inline";
	/* Bepaal alvast het volgende plaatje ivm preload. Voorkom dat hetzelfde plaatje getoond wordt */
	do {
		plaatjePreload = "url(../images/subimage" + ( Math.floor(Math.random() * 4) + 1) + ".jpg)";
	} while (plaatjePreload == plaatje)
	document.getElementById('subImagePreload').style.backgroundImage = plaatjePreload; 
	document.getElementById('subImageBoven').style.backgroundPosition = "-217px 0px";
	document.getElementById('subImageBoven').style.backgroundImage = plaatje; 
	moveImage();
}

function moveImage() {
	if ( x < 0 ) {
		x+=1;
		pos = "" + x + "px 0px";
		document.getElementById('subImageBoven').style.backgroundPosition = pos;
		setTimeout("moveImage()", 10);  
	} else {
		x = -220;
		document.getElementById('subImageOnder').style.backgroundPosition = "0px 0px";
		document.getElementById('subImageOnder').style.backgroundImage = plaatje;
		setTimeout("nextImage()", 5000);
	}
}