// Animation bei onload starten, dann sind alle Bilder sicher geladen
	jQuery(window).load(function() {
		var $ = jQuery,
			slideDuration = 8000,
			fadeDuration = 2000;
		
		// es kann mehrere Bildanimationen geben
		$("ul.image-animation").each(function() {
			// sichtbarer Bereich pro Animation
			var viewport = {
				width: $(this).width(),
				height: $(this).height()
			}
			// Bilder pro Animation, immer von hinten noch vorne
			var images = $("li", this),
				currentIndex = images.length-1;
				//currentImage = $(images.get(currentIndex));
			
			/*
			1. current image 7s sliden (abh?ndig von H?he und Breite)
			2. nach 6s dann 1s land ausblenden und 
				falls current image das erste Bild, dann nicht ausblenden, sondern letztes Bild einblenden
				current image = folgendes Bild und f?r dieses Schritt 1. (also 5s sliden)
				
			*/
			//return;
			function fadeImage(currentImage) {
				/*
				// abh?ngig von CCS-Klassen am currentImage entscheiden, wie zu scrollen ist
				var overflowX = viewport.width - currentImage.width(),
					overflowY = viewport.height - currentImage.height();
				
				if (currentImage.hasClass("image-animation-rtol")) {
					// Animation von rechts nach links
					var startAt = overflowX,
						stopAt = 0;
				}
				else {
					// standardmaessig Animation von links nach rechts := .image-animation-ltor
					var startAt = 0,
						stopAt = overflowX;
				}
				*/
				// Alternative: immer abwechselnd links/recht scrollen
				var startAt = currentIndex % 2 ? 0 : -100,
					stopAt = currentIndex % 2 ? -100 : 0;
				
				
				
				
				currentImage.show().css("left", startAt).animate({left:stopAt}, {queue:false, duration: slideDuration, easing: "linear"});
				window.setTimeout(function() {
					currentIndex = currentIndex > 0 ? currentIndex-1 : images.length-1;
					var nextImage = $(images.get(currentIndex));
					// nicht ausfaden, wenn letztes Bild
					if (currentIndex == images.length-1) {
						nextImage.fadeIn(fadeDuration);
					}
					else {
						currentImage.fadeOut(fadeDuration);
					}
					
					fadeImage(nextImage);
				}, slideDuration-fadeDuration);
			}
			fadeImage($(images.get(currentIndex)));
			
		});
		
	});