var a4cad2_akt_bild = 0;
var a4cad2_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 a4cad2_bild_wechseln() {
	//Das obere Bild ausblenden während das untere angezeigt wird. (1/3 der anzeigezeit übergangseffekt)
	$("#a4cad2_slideshow_"+(1-a4cad2_akt_show)).css("display", "block");
	$("#a4cad2_slideshow_"+a4cad2_akt_show).fadeOut(Math.floor(a4cad2_dauer*1000/3.25), a4cad2_cache_new);
	//Anzeige wechseln
	a4cad2_akt_show = 1-a4cad2_akt_show;
}

function a4cad2_cache_new() {
	//Diese Funktion wird erst aufgerufen, wenn das obere Bild komplett ausgeblendet ist!
	//Das ausgeblendete Bild wird nach unten geschoben
	$("#a4cad2_slideshow_"+(1-a4cad2_akt_show)).css("z-index", 1);
	$("#a4cad2_slideshow_"+a4cad2_akt_show).css("z-index", 2);
	var a4cad2_size_x = a4cad2_groessen[a4cad2_akt_bild]["x"];
	var a4cad2_size_y = a4cad2_groessen[a4cad2_akt_bild]["y"];
	//Neues Bild cachen und in den inaktiven div laden, wenn fertig geladen (die Funktion wird vom div aufgerufen, deswegen this!)
	var a4cad2_bild_cache = "<img ccc=ccc src=\"/auto_image.php?image="+a4cad2_ordner+"/"+a4cad2_galerie+"/"+a4cad2_bilder[a4cad2_akt_bild]+"&x="+a4cad2_groessen[a4cad2_akt_bild]["x"]+"&y="+a4cad2_groessen[a4cad2_akt_bild]["y"]+"\" style=\"top: "+(Math.floor((a4cad2_hoehe-a4cad2_groessen[a4cad2_akt_bild]["y"])/2))+"px; left: "+(Math.floor((a4cad2_breite-a4cad2_groessen[a4cad2_akt_bild]["x"])/2))+"px;\" width=\""+a4cad2_size_x+"\" height=\""+a4cad2_size_y+"\" />";
	// wenn alt_text_show=1, dann zeige auch den Alternativtext unter dem Bild an (muss nicht gecacht werden)
	if (a4cad2_alt_text_show == 1) {
		a4cad2_bild_cache = a4cad2_bild_cache + "<div style='"+wp_slideshow_text_style+"'>" + a4cad2_alt_text[a4cad2_akt_bild] + "</div>";
	}
	
	$(this).html(a4cad2_bild_cache);
	a4cad2_akt_bild = (a4cad2_akt_bild + 1) % (a4cad2_bilder.length -1);
	$(this).ready(function() {setTimeout("a4cad2_bild_wechseln()", a4cad2_dauer*1000);});
}
 
$(document).ready(function() {
	//alert("init mit a4cad2_");
	//Die ersten 2 Bilder laden und in die divs setzen. Wenn das zweite Bild geladen ist, den Timer starten.
	var a4cad2_size_x = a4cad2_groessen[0]["x"];
	var a4cad2_size_y = a4cad2_groessen[0]["y"];
	var a4cad2_bild = "<img bbb=bbb src=\"/auto_image.php?image="+a4cad2_ordner+"/"+a4cad2_galerie+"/"+a4cad2_bilder[0]+"&x="+a4cad2_size_x+"&y="+a4cad2_size_y+"\" style=\"top: "+(Math.floor((a4cad2_hoehe-a4cad2_groessen[0]["y"])/2))+"px; left: "+(Math.floor((a4cad2_breite-a4cad2_groessen[0]["x"])/2))+"px;\" width=\""+a4cad2_size_x+"\" height=\""+a4cad2_size_y+"\" />";
	// wenn alt_text_show=1, dann zeige auch den Alternativtext unter dem Bild an
	if (a4cad2_alt_text_show == 1) {
		a4cad2_bild = a4cad2_bild + "<div style='"+wp_slideshow_text_style+"'>" + a4cad2_alt_text[0] + "</div>";
	}
	
	var a4cad2_size_x = a4cad2_groessen[1 % (a4cad2_bilder.length -1)]["x"];
	var a4cad2_size_y = a4cad2_groessen[1 % (a4cad2_bilder.length -1)]["y"];
	var a4cad2_bild_cache = "<img aaa=aaa src=\"/auto_image.php?image="+a4cad2_ordner+"/"+a4cad2_galerie+"/"+a4cad2_bilder[1 % (a4cad2_bilder.length -1)]+"&x="+a4cad2_groessen[1 % (a4cad2_bilder.length -1)]["x"]+"&y="+a4cad2_groessen[1 % (a4cad2_bilder.length -1)]["y"]+"\" style=\"top: "+(Math.floor((a4cad2_hoehe-a4cad2_groessen[1 % (a4cad2_bilder.length -1)]["y"])/2))+"px; left: "+(Math.floor((a4cad2_breite-a4cad2_groessen[1 % (a4cad2_bilder.length -1)]["x"])/2))+"px;\" width=\""+a4cad2_size_x+"\" height=\""+a4cad2_size_y+"\" />";
	// wenn alt_text_show=1, dann zeige auch den Alternativtext unter dem Bild an (muss nicht gecacht werden)
	if (a4cad2_alt_text_show == 1) {
		a4cad2_bild_cache = a4cad2_bild_cache + "<div style='"+wp_slideshow_text_style+"'>" + a4cad2_alt_text[1 % (a4cad2_bilder.length -1)] + "</div>";
	}
	
	a4cad2_akt_bild = (a4cad2_akt_bild + 2) % (a4cad2_bilder.length -1);
	$("#a4cad2_slideshow_0").html(a4cad2_bild).css("backgroundColor", a4cad2_farbe);
	$("#a4cad2_slideshow_1").html(a4cad2_bild_cache).css("backgroundColor", a4cad2_farbe);
	$("#a4cad2_slideshow_1").ready(function() {setTimeout("a4cad2_bild_wechseln()", a4cad2_dauer*1000);});
});