var ab11f3_akt_bild = 0;
var ab11f3_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 ab11f3_bild_wechseln() {
	//Das obere Bild ausblenden während das untere angezeigt wird. (1/3 der anzeigezeit übergangseffekt)
	$("#ab11f3_slideshow_"+(1-ab11f3_akt_show)).css("display", "block");
	$("#ab11f3_slideshow_"+ab11f3_akt_show).fadeOut(Math.floor(ab11f3_dauer*1000/3.25), ab11f3_cache_new);
	//Anzeige wechseln
	ab11f3_akt_show = 1-ab11f3_akt_show;
}

function ab11f3_cache_new() {
	//Diese Funktion wird erst aufgerufen, wenn das obere Bild komplett ausgeblendet ist!
	//Das ausgeblendete Bild wird nach unten geschoben
	$("#ab11f3_slideshow_"+(1-ab11f3_akt_show)).css("z-index", 1);
	$("#ab11f3_slideshow_"+ab11f3_akt_show).css("z-index", 2);
	var ab11f3_size_x = ab11f3_groessen[ab11f3_akt_bild]["x"];
	var ab11f3_size_y = ab11f3_groessen[ab11f3_akt_bild]["y"];
	//Neues Bild cachen und in den inaktiven div laden, wenn fertig geladen (die Funktion wird vom div aufgerufen, deswegen this!)
	var ab11f3_bild_cache = "<img ccc=ccc src=\"/auto_image.php?image="+ab11f3_ordner+"/"+ab11f3_galerie+"/"+ab11f3_bilder[ab11f3_akt_bild]+"&x="+ab11f3_groessen[ab11f3_akt_bild]["x"]+"&y="+ab11f3_groessen[ab11f3_akt_bild]["y"]+"\" style=\"top: "+(Math.floor((ab11f3_hoehe-ab11f3_groessen[ab11f3_akt_bild]["y"])/2))+"px; left: "+(Math.floor((ab11f3_breite-ab11f3_groessen[ab11f3_akt_bild]["x"])/2))+"px;\" width=\""+ab11f3_size_x+"\" height=\""+ab11f3_size_y+"\" />";
	// wenn alt_text_show=1, dann zeige auch den Alternativtext unter dem Bild an (muss nicht gecacht werden)
	if (ab11f3_alt_text_show == 1) {
		ab11f3_bild_cache = ab11f3_bild_cache + "<div style='"+wp_slideshow_text_style+"'>" + ab11f3_alt_text[ab11f3_akt_bild] + "</div>";
	}
	
	$(this).html(ab11f3_bild_cache);
	ab11f3_akt_bild = (ab11f3_akt_bild + 1) % (ab11f3_bilder.length -1);
	$(this).ready(function() {setTimeout("ab11f3_bild_wechseln()", ab11f3_dauer*1000);});
}
 
$(document).ready(function() {
	//alert("init mit ab11f3_");
	//Die ersten 2 Bilder laden und in die divs setzen. Wenn das zweite Bild geladen ist, den Timer starten.
	var ab11f3_size_x = ab11f3_groessen[0]["x"];
	var ab11f3_size_y = ab11f3_groessen[0]["y"];
	var ab11f3_bild = "<img bbb=bbb src=\"/auto_image.php?image="+ab11f3_ordner+"/"+ab11f3_galerie+"/"+ab11f3_bilder[0]+"&x="+ab11f3_size_x+"&y="+ab11f3_size_y+"\" style=\"top: "+(Math.floor((ab11f3_hoehe-ab11f3_groessen[0]["y"])/2))+"px; left: "+(Math.floor((ab11f3_breite-ab11f3_groessen[0]["x"])/2))+"px;\" width=\""+ab11f3_size_x+"\" height=\""+ab11f3_size_y+"\" />";
	// wenn alt_text_show=1, dann zeige auch den Alternativtext unter dem Bild an
	if (ab11f3_alt_text_show == 1) {
		ab11f3_bild = ab11f3_bild + "<div style='"+wp_slideshow_text_style+"'>" + ab11f3_alt_text[0] + "</div>";
	}
	
	var ab11f3_size_x = ab11f3_groessen[1 % (ab11f3_bilder.length -1)]["x"];
	var ab11f3_size_y = ab11f3_groessen[1 % (ab11f3_bilder.length -1)]["y"];
	var ab11f3_bild_cache = "<img aaa=aaa src=\"/auto_image.php?image="+ab11f3_ordner+"/"+ab11f3_galerie+"/"+ab11f3_bilder[1 % (ab11f3_bilder.length -1)]+"&x="+ab11f3_groessen[1 % (ab11f3_bilder.length -1)]["x"]+"&y="+ab11f3_groessen[1 % (ab11f3_bilder.length -1)]["y"]+"\" style=\"top: "+(Math.floor((ab11f3_hoehe-ab11f3_groessen[1 % (ab11f3_bilder.length -1)]["y"])/2))+"px; left: "+(Math.floor((ab11f3_breite-ab11f3_groessen[1 % (ab11f3_bilder.length -1)]["x"])/2))+"px;\" width=\""+ab11f3_size_x+"\" height=\""+ab11f3_size_y+"\" />";
	// wenn alt_text_show=1, dann zeige auch den Alternativtext unter dem Bild an (muss nicht gecacht werden)
	if (ab11f3_alt_text_show == 1) {
		ab11f3_bild_cache = ab11f3_bild_cache + "<div style='"+wp_slideshow_text_style+"'>" + ab11f3_alt_text[1 % (ab11f3_bilder.length -1)] + "</div>";
	}
	
	ab11f3_akt_bild = (ab11f3_akt_bild + 2) % (ab11f3_bilder.length -1);
	$("#ab11f3_slideshow_0").html(ab11f3_bild).css("backgroundColor", ab11f3_farbe);
	$("#ab11f3_slideshow_1").html(ab11f3_bild_cache).css("backgroundColor", ab11f3_farbe);
	$("#ab11f3_slideshow_1").ready(function() {setTimeout("ab11f3_bild_wechseln()", ab11f3_dauer*1000);});
});