var af21ba_akt_bild = 0;
var af21ba_akt_show = 0;
var wp_slideshow_text_style = "width: 100%; text-align: center; position: relative; top: 0px; color: black; background: white";
/* TODO:
	-Sortierung
	-Selektoren auf das Galeriediv anpassen (für mehrere Slideshows!)
*/
function af21ba_bild_wechseln() {
	//Das obere Bild ausblenden während das untere angezeigt wird. (1/3 der anzeigezeit übergangseffekt)
	$("#af21ba_slideshow_"+(1-af21ba_akt_show)).css("display", "block");
	$("#af21ba_slideshow_"+af21ba_akt_show).fadeOut(Math.floor(af21ba_dauer*1000/3.25), af21ba_cache_new);
	//Anzeige wechseln
	af21ba_akt_show = 1-af21ba_akt_show;
}

function af21ba_cache_new() {
	//Diese Funktion wird erst aufgerufen, wenn das obere Bild komplett ausgeblendet ist!
	//Das ausgeblendete Bild wird nach unten geschoben
	$("#af21ba_slideshow_"+(1-af21ba_akt_show)).css("z-index", 1);
	$("#af21ba_slideshow_"+af21ba_akt_show).css("z-index", 2);
	var af21ba_size_x = af21ba_groessen[af21ba_akt_bild]["x"];
	var af21ba_size_y = af21ba_groessen[af21ba_akt_bild]["y"];
	//Neues Bild cachen und in den inaktiven div laden, wenn fertig geladen (die Funktion wird vom div aufgerufen, deswegen this!)
	var af21ba_bild_cache = "<img ccc=ccc src=\"/auto_image.php?image="+af21ba_ordner+"/"+af21ba_galerie+"/"+af21ba_bilder[af21ba_akt_bild]+"&x="+af21ba_groessen[af21ba_akt_bild]["x"]+"&y="+af21ba_groessen[af21ba_akt_bild]["y"]+"\" style=\"top: "+(Math.floor((af21ba_hoehe-af21ba_groessen[af21ba_akt_bild]["y"])/2))+"px; left: "+(Math.floor((af21ba_breite-af21ba_groessen[af21ba_akt_bild]["x"])/2))+"px;\" width=\""+af21ba_size_x+"\" height=\""+af21ba_size_y+"\" />";
	// wenn alt_text_show=1, dann zeige auch den Alternativtext unter dem Bild an (muss nicht gecacht werden)
	if (af21ba_alt_text_show == 1) {
		af21ba_bild_cache = af21ba_bild_cache + "<div style='"+wp_slideshow_text_style+"'>" + af21ba_alt_text[af21ba_akt_bild] + "</div>";
	}
	
	$(this).html(af21ba_bild_cache);
	af21ba_akt_bild = (af21ba_akt_bild + 1) % (af21ba_bilder.length -1);
	$(this).ready(function() {setTimeout("af21ba_bild_wechseln()", af21ba_dauer*1000);});
}
 
$(document).ready(function() {
	//alert("init mit af21ba_");
	//Die ersten 2 Bilder laden und in die divs setzen. Wenn das zweite Bild geladen ist, den Timer starten.
	var af21ba_size_x = af21ba_groessen[0]["x"];
	var af21ba_size_y = af21ba_groessen[0]["y"];
	var af21ba_bild = "<img bbb=bbb src=\"/auto_image.php?image="+af21ba_ordner+"/"+af21ba_galerie+"/"+af21ba_bilder[0]+"&x="+af21ba_size_x+"&y="+af21ba_size_y+"\" style=\"top: "+(Math.floor((af21ba_hoehe-af21ba_groessen[0]["y"])/2))+"px; left: "+(Math.floor((af21ba_breite-af21ba_groessen[0]["x"])/2))+"px;\" width=\""+af21ba_size_x+"\" height=\""+af21ba_size_y+"\" />";
	// wenn alt_text_show=1, dann zeige auch den Alternativtext unter dem Bild an
	if (af21ba_alt_text_show == 1) {
		af21ba_bild = af21ba_bild + "<div style='"+wp_slideshow_text_style+"'>" + af21ba_alt_text[0] + "</div>";
	}
	
	var af21ba_size_x = af21ba_groessen[1 % (af21ba_bilder.length -1)]["x"];
	var af21ba_size_y = af21ba_groessen[1 % (af21ba_bilder.length -1)]["y"];
	var af21ba_bild_cache = "<img aaa=aaa src=\"/auto_image.php?image="+af21ba_ordner+"/"+af21ba_galerie+"/"+af21ba_bilder[1 % (af21ba_bilder.length -1)]+"&x="+af21ba_groessen[1 % (af21ba_bilder.length -1)]["x"]+"&y="+af21ba_groessen[1 % (af21ba_bilder.length -1)]["y"]+"\" style=\"top: "+(Math.floor((af21ba_hoehe-af21ba_groessen[1 % (af21ba_bilder.length -1)]["y"])/2))+"px; left: "+(Math.floor((af21ba_breite-af21ba_groessen[1 % (af21ba_bilder.length -1)]["x"])/2))+"px;\" width=\""+af21ba_size_x+"\" height=\""+af21ba_size_y+"\" />";
	// wenn alt_text_show=1, dann zeige auch den Alternativtext unter dem Bild an (muss nicht gecacht werden)
	if (af21ba_alt_text_show == 1) {
		af21ba_bild_cache = af21ba_bild_cache + "<div style='"+wp_slideshow_text_style+"'>" + af21ba_alt_text[1 % (af21ba_bilder.length -1)] + "</div>";
	}
	
	af21ba_akt_bild = (af21ba_akt_bild + 2) % (af21ba_bilder.length -1);
	$("#af21ba_slideshow_0").html(af21ba_bild).css("backgroundColor", af21ba_farbe);
	$("#af21ba_slideshow_1").html(af21ba_bild_cache).css("backgroundColor", af21ba_farbe);
	$("#af21ba_slideshow_1").ready(function() {setTimeout("af21ba_bild_wechseln()", af21ba_dauer*1000);});
});