window.addEvent('domready', function() {
	
	/** Diese Werte ändern wenn nötig **/
				var fade_out_time = 5000; // 5 sek
				var waiting_time = 10000; // 10 sek 
	/** **/

	//Klassen und z-index hinzufügen
	var i = 0;
	$$('#startseitengalerie ul li').each(function(el){
		//el.addClass('z'+i);
		el.set('id','z'+i);
		i++;
	});
	var anz = $$('#startseitengalerie ul li').length;
	
	if (anz > 1){
				
		var startseitenTimer;
		
		//z-index für die einzelnen Bilder setzen
		function setZ(){
			// für alle
			for(var c = 0; c < anz; c++){
				//$$('.z'+c).setStyle('zIndex',c);
				$('z'+c).setStyle('zIndex',c);
			}
			// das Bild hinten wieder einblenden für die nächste Runde
			//$$('.z'+0).setStyle('display','block');
			$('z'+0).setStyle('visibility','visible');
			$('z'+0).setStyle('opacity',1);
			startseitenTimer = window.setTimeout(vanish, waiting_time); // neu starten
		}
								
		// Klassen durchtauschen
		function swap(){			
			// der Oberste nach ganz hinten
			//$$('.z'+(anz-1)).removeClass($$('.z'+(anz-1)).get('class'));//Klasse weg
			//$$('.z'+(anz-1)).addClass('class','z'+(-1));//Klasse neu
			$('z'+(anz-1)).set('id','z'+(-1));//Klasse neu
			// jetzt ALLE einen vorrücken
			for(var s = (anz-2); s >= -1; s--){				
				//$$('.z'+s).removeClass($$('.z'+s).get('class'));
				//$$('.z'+s).addClass('z'+(s+1));
				$('z'+s).set('id','z'+(s+1));
			}						
			setZ(); // jetzt den z-index angleichen
		}

		
		//bild ausblenden
		function vanish(){
			//innerhalb von 2 Sekunden ausblenden - dann 3 Sekunden warten
			//das oberste Bild
			var element = $('z'+(anz-1));
			var fadeOut = new Fx.Tween(element, {
				'duration': fade_out_time
			});
			//(fade_out_time,function(){startseitenTimer = window.setTimeout(swap, waiting_time)});				
			fadeOut.start('opacity',1,0);
			fadeOut.addEvent('complete', function(){
				swap();
			});
		}				
		startseitenTimer = window.setTimeout(vanish, waiting_time); // einmal starten
	}
});