var jsArray = new Array();
jsArray[0] = "http://www.pieterskerk.com/img/foto1.jpg";
jsArray[1] = "http://www.pieterskerk.com/img/foto2.jpg";
jsArray[2] = "http://www.pieterskerk.com/img/foto3.jpg";

var counter = 2;
var topLayerIsVisible = true;
var topLayer, bottomLayer;
var secsInBeeld = 7500;
var secsForFade = 7500;
var stepsInFade = 100;

function setLayer(aLayer){
	// alert(aLayer);
	if(counter==jsArray.length) counter = 0;
	aLayer.src = jsArray[counter];
	counter++;
	setTimeout("doFade()", secsInBeeld);
}

function doFade(){
	var fadeTo = (topLayerIsVisible) ? ".01" : ".99";
	var changeLayer = (topLayerIsVisible) ? topLayer : bottomLayer;
	new Rico.Effect.FadeTo( topLayer, fadeTo, secsForFade, stepsInFade, {complete:function() {setLayer(changeLayer);}});
	topLayerIsVisible = !topLayerIsVisible;
}

function initFading(){
	bottomLayer = $("layer1");
	topLayer = $("layer2");
	setTimeout("doFade()", secsInBeeld);
}

addEvent(window,"load",initFading);