function FadingImageCarrousel(topImageElement, bottomImageElement, imageContainerElement, secondsToFade, stepsInFade, secondsTillNextFade) {
	var topimage = $(topImageElement);
	var botimage = $(bottomImageElement);
	var fadeseconds = secondsToFade;
	var fadesteps = stepsInFade;
	var fadeinterval = secondsTillNextFade;
	var definedimages = $(imageContainerElement).getElementsByTagName("img");
	var currentImage = 1;
	var changelayer = botimage;
	var isFaded = false;
	var timerID;
	
	dofade = function(){
		var fadeTo = (isFaded) ? ".999" : ".01";
		changelayer = (isFaded) ? botimage : topimage;
		new Rico.Effect.FadeTo( topimage, fadeTo, fadeseconds, fadesteps,{complete: changeImage});
		isFaded = !isFaded;
	};
	
	changeImage = function(){
		clearTimeout(timerID);
		currentImage++;
		if(currentImage>=definedimages.length) currentImage = 0;
		changelayer.src = definedimages[currentImage].src;
		timerID = setTimeout(dofade, fadeinterval);
	};
	
	this.init = function(){
		timerID = setTimeout(dofade, fadeinterval);
	};
};

function initOnload(){
	fadingImageCarrousel = new FadingImageCarrousel("top-layer", "bottom-layer", "images-to-fade-container", 3000, 50, 3500);
	fadingImageCarrousel.init();
}

 addEvent(window, "load", initOnload);