// Header 
window.addEvent('domready', function(e){
	$$('.headerfoto').each(function(e) {
									e.setStyle('opacity','0');
									});
	$('headerfoto1').setStyle('opacity','1');
	setTimeout("FadeToImg()", 4000);	
	
});


var i = 1;

function FadeToImg(){
	var images = $$('.headerfoto');
	var total = images.length;
	if(total > 1 ){ 
		var fx = new Fx.Style('headerfoto'+i, 'opacity', {duration: 2000});
		fx.start(0);
		//var myEffect = new Fx.Morph('headerfoto'+i, {duration: 'long', transition: Fx.Transitions.Sine.easeOut});
		 
		// hierboven aangemaakte effect starten
		/*myEffect.start({
			'opacity': 0 
		});*/
		//$('headerfoto'+i).setStyle('display', 'none');
		
		i++;
		if(i > total) {
			i = 1;
		}
		
		var fx = new Fx.Style('headerfoto'+i, 'opacity', {duration: 2000});
		fx.start(1);

		/*
		var myEffect2 = new Fx.Morph('headerfoto'+i, {duration: 'long', transition: Fx.Transitions.Sine.easeOut});
		 
		// hierboven aangemaakte effect starten
		myEffect2.start({
			'opacity': 1 
		});  */
		//$('headerfoto'+i).setStyle('display', 'none');
		setTimeout("FadeToImg()", 4000);
	}
}