// funktion sollte einmal beim laden der Seite und dann alle x Sekunden mit window.setInterval() aufgerufen werden
function changeTeaser(changeIt) {
  // vorgehensweise:
  // bild ausfaden, clone dahinter wird sichtbar
  // clone wird zum teaserNow, z index auf 99
  // neuer Clone wird erstellt
  // warten bis zum nächsten aufruf
	if ($("#teaserClone").length>0 && !changeIt)
	{
		$("#teaserNow").fadeOut(fadeLength,function() {
			$("#teaserNow")
				.attr("id","")
				.remove();
			$("#teaserClone")
				.attr("id", "teaserNow")
				.css("z-index","99");
			changeTeaser(true); // neuen clone erstellen
		});
	} else { // if ($("#teaserClone").length==0 || changeIt)
		//alert(ActualTeaserPicture);
		$('<img src="'+TeaserPictures[ActualTeaserPicture].src+'" />"')
			.appendTo($("#teaserNow").parent())
			.css("z-index","98")
			.attr("id","teaserClone")
			.show();
		ActualTeaserPicture = ActualTeaserPicture+1;
		if (ActualTeaserPicture==TeaserPictures.length) 
			ActualTeaserPicture = ActualTeaserPicture - TeaserPictures.length;
	}
 }
$(document).ready(function() {

	// preload images
	for (i=0;i<TeaserPictures.length;i++) {
		var tmpsrc = TeaserPictures[i];
		TeaserPictures[i] = new Image();
		TeaserPictures[i].src = tmpsrc;
	}
	$(imgSelector)
		.css("z-index","99")
		.attr("id","teaserNow");
	window.setInterval("changeTeaser(false)", fadeInterval); // interval in ms
	changeTeaser(true);
});