// Einstellungen
var datei = "/js/animation.php5";	// Name der Json-Datei mit den Bildern
var container = "head_img";	// ID des Div-Containers
var div_class = "ani_div";			// Name der Div-Klasse
var speed = 5000; 					// Wechselgeschwindigkeit
var op_speed = 1500;				// Alphageschwindigkeit


$(document).ready(function() {
	var noCache = Date();
	$.getJSON(datei, { "noCache": noCache }, function(data) {
		
		var str = new Array();
		var id_str = "";
		var int_zaehler = 0;
		var my_div = "<div></div>";

		var laenge = data.length;
		var vorgaenger = false;
				
		for (var i=0;i<laenge;i++) {
			str[i] = new Image();
			
			str[i].onload = function() {
				
				id_str = "ani_div_"+int_zaehler;				
				int_zaehler++;
				
				$("<div></div>").appendTo("#"+container).attr("class",div_class).attr("id",id_str);
				$("#"+id_str).append("<img />");
				
				if(vorgaenger) {
					var warten = speed;
					var alpha_speed = op_speed;
				}
				else {
					var warten = 0;
					var alpha_speed = 0;
				}
				
				$("#"+id_str+" img:eq(0)")
						.attr({ 'src' : this.src })
						.delay(warten)
						.animate({opacity: 1},alpha_speed,function() {
							if (vorgaenger) {
								$("#"+vorgaenger).detach();
							}
							vorgaenger = "ani_div_"+(int_zaehler-1); 

							if (int_zaehler==laenge) {
								int_zaehler = 0;
							}
							if(laenge>1) {
								str[int_zaehler].src = data[int_zaehler];
							}
						});
						//.animate({width: '880px',height: '385px'},speed);
						
			}
		}
		
		str[0].src = data[0];
		
	});
});