var aba222_akt_bild = 0;
var aba222_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 aba222_bild_wechseln() {
	//Das obere Bild ausblenden während das untere angezeigt wird. (1/3 der anzeigezeit übergangseffekt)
	$("#aba222_slideshow_"+(1-aba222_akt_show)).css("display", "block");
	$("#aba222_slideshow_"+aba222_akt_show).fadeOut(Math.floor(aba222_dauer*1000/3.25), aba222_cache_new);
	//Anzeige wechseln
	aba222_akt_show = 1-aba222_akt_show;
}

function aba222_cache_new() {
	//Diese Funktion wird erst aufgerufen, wenn das obere Bild komplett ausgeblendet ist!
	//Das ausgeblendete Bild wird nach unten geschoben
	$("#aba222_slideshow_"+(1-aba222_akt_show)).css("z-index", 1);
	$("#aba222_slideshow_"+aba222_akt_show).css("z-index", 2);
	var aba222_size_x = aba222_groessen[aba222_akt_bild]["x"];
	var aba222_size_y = aba222_groessen[aba222_akt_bild]["y"];
	//Neues Bild cachen und in den inaktiven div laden, wenn fertig geladen (die Funktion wird vom div aufgerufen, deswegen this!)
	var aba222_bild_cache = "<img ccc=ccc src=\"/auto_image.php?image="+aba222_ordner+"/"+aba222_galerie+"/"+aba222_bilder[aba222_akt_bild]+"&x="+aba222_groessen[aba222_akt_bild]["x"]+"&y="+aba222_groessen[aba222_akt_bild]["y"]+"\" style=\"top: "+(Math.floor((aba222_hoehe-aba222_groessen[aba222_akt_bild]["y"])/2))+"px; left: "+(Math.floor((aba222_breite-aba222_groessen[aba222_akt_bild]["x"])/2))+"px;\" width=\""+aba222_size_x+"\" height=\""+aba222_size_y+"\" />";
	// wenn alt_text_show=1, dann zeige auch den Alternativtext unter dem Bild an (muss nicht gecacht werden)
	if (aba222_alt_text_show == 1) {
		aba222_bild_cache = aba222_bild_cache + "<div style='"+wp_slideshow_text_style+"'>" + aba222_alt_text[aba222_akt_bild] + "</div>";
	}
	
	$(this).html(aba222_bild_cache);
	aba222_akt_bild = (aba222_akt_bild + 1) % (aba222_bilder.length -1);
	$(this).ready(function() {setTimeout("aba222_bild_wechseln()", aba222_dauer*1000);});
}
 
$(document).ready(function() {
	//alert("init mit aba222_");
	//Die ersten 2 Bilder laden und in die divs setzen. Wenn das zweite Bild geladen ist, den Timer starten.
	var aba222_size_x = aba222_groessen[0]["x"];
	var aba222_size_y = aba222_groessen[0]["y"];
	var aba222_bild = "<img bbb=bbb src=\"/auto_image.php?image="+aba222_ordner+"/"+aba222_galerie+"/"+aba222_bilder[0]+"&x="+aba222_size_x+"&y="+aba222_size_y+"\" style=\"top: "+(Math.floor((aba222_hoehe-aba222_groessen[0]["y"])/2))+"px; left: "+(Math.floor((aba222_breite-aba222_groessen[0]["x"])/2))+"px;\" width=\""+aba222_size_x+"\" height=\""+aba222_size_y+"\" />";
	// wenn alt_text_show=1, dann zeige auch den Alternativtext unter dem Bild an
	if (aba222_alt_text_show == 1) {
		aba222_bild = aba222_bild + "<div style='"+wp_slideshow_text_style+"'>" + aba222_alt_text[0] + "</div>";
	}
	
	var aba222_size_x = aba222_groessen[1 % (aba222_bilder.length -1)]["x"];
	var aba222_size_y = aba222_groessen[1 % (aba222_bilder.length -1)]["y"];
	var aba222_bild_cache = "<img aaa=aaa src=\"/auto_image.php?image="+aba222_ordner+"/"+aba222_galerie+"/"+aba222_bilder[1 % (aba222_bilder.length -1)]+"&x="+aba222_groessen[1 % (aba222_bilder.length -1)]["x"]+"&y="+aba222_groessen[1 % (aba222_bilder.length -1)]["y"]+"\" style=\"top: "+(Math.floor((aba222_hoehe-aba222_groessen[1 % (aba222_bilder.length -1)]["y"])/2))+"px; left: "+(Math.floor((aba222_breite-aba222_groessen[1 % (aba222_bilder.length -1)]["x"])/2))+"px;\" width=\""+aba222_size_x+"\" height=\""+aba222_size_y+"\" />";
	// wenn alt_text_show=1, dann zeige auch den Alternativtext unter dem Bild an (muss nicht gecacht werden)
	if (aba222_alt_text_show == 1) {
		aba222_bild_cache = aba222_bild_cache + "<div style='"+wp_slideshow_text_style+"'>" + aba222_alt_text[1 % (aba222_bilder.length -1)] + "</div>";
	}
	
	aba222_akt_bild = (aba222_akt_bild + 2) % (aba222_bilder.length -1);
	$("#aba222_slideshow_0").html(aba222_bild).css("backgroundColor", aba222_farbe);
	$("#aba222_slideshow_1").html(aba222_bild_cache).css("backgroundColor", aba222_farbe);
	$("#aba222_slideshow_1").ready(function() {setTimeout("aba222_bild_wechseln()", aba222_dauer*1000);});
});