// start reguliere code

var pic2 = new Array();

// Het klopt dat de array bij 1 begint!
pic2[1] = '../beelden/header-vrachtwagen.png';
pic2[2] = '../beelden/header-vrachtwagen2.png';

// totaal aantal foto's (gewoon tellen vanaf 1)
var totaal2 = 2;
var teveel2 = totaal2 + 1;

// random start
var randomStartFoto2 = Math.floor(Math.random() * totaal2);
if (randomStartFoto2 == 0) {
	randomStartFoto2 = 1;
}
var ondersteFoto2	= randomStartFoto2;
var bovensteFoto2	= randomStartFoto2--;

// alle foto's preloaden
var preLoad2 = new Array();
for (i = 1; i <= totaal2; i++) {
	preLoad2[i] = new Image();
	preLoad2[i].src = pic2[i];
}

// aangeven dat dit de eerste keer is dat de loop begint
var eersteKeer2 = 1;

function wissel2() {
	if (bovensteFoto2 == 0) {
		bovensteFoto2 = totaal2;
	}

	document.getElementById('vrachtwagen2').style.backgroundImage	= "url("+ pic2[bovensteFoto2] +")";
	document.getElementById('vrachtwagen2').style.opacity			= 1.0;
	document.getElementById('vrachtwagen2').style.filter			= 'alpha(opacity = 100)';
	document.getElementById('vrachtwagen1').style.backgroundImage	= "url("+ pic2[ondersteFoto2] +")";
	
	if (eersteKeer2 == 1) {
		setTimeout("fade2('vrachtwagen2', 100, 0, 1000)", 4000);
		eersteKeer2 = 0;
	} else {
		fade2('vrachtwagen2', 100, 0, 1000);
	}

	ondersteFoto2++;

	if (ondersteFoto2 == teveel2) {
		ondersteFoto2 = 1;
	}
	
	bovensteFoto2 = ondersteFoto2 - 1;

	setTimeout("wissel2()", 4000);
}

function fade2(eID, startOpacity, stopOpacity, duration) {
	var speed = Math.round(duration / 100);
	var timer = 0;
	if (startOpacity < stopOpacity) {
		for (var i=startOpacity; i<=stopOpacity; i++) {
			setTimeout("setOpacity2('"+eID+"',"+i+")", timer * speed);
			timer++;
		} return;
	}
	for (var i=startOpacity; i>=stopOpacity; i--) {
		setTimeout("setOpacity2('"+eID+"',"+i+")", timer * speed);
		timer++;
	}
}

function setOpacity2(eID, opacityLevel) {
	var eStyle = document.getElementById(eID).style;
	eStyle.opacity = opacityLevel / 100;
	eStyle.filter = 'alpha(opacity='+opacityLevel+')';
}