/* Slideshow für Bilder -------------------------*/

/* variablen-definierung für bilder-sliding */

// elementName: ID des Bildes das ausgetauscht werden soll
elementName = 'niels_schubert';

// interval: wieviele bilder pro sekunde
framesPerSecond = 15;
interval = 1000/framesPerSecond;

//slideTime: zeit in millisekunden, wie lange ein bild angezeigt werden soll
slideTime = 12000;

// anfangswert der opacity
g_opacity = 100;

// schrittgroesse der opacity
stepSize = 10;

// fadeflag veraltet
var fade_flag = 0;

// debug-variablen: debugMode-> ein/aus,  g_inhalt -> variable für den debug-inhalt
debugMode = false;
g_inhalt = "";

// i: zufallszahl zur ermittlung des 1. bildes zur abwechslung
var i = Math.floor(Math.random()*(4));

// maxAnzahl: Anzahl der Bilder die angezeigt werden sollen.
var maxAnzahl = 24;

// pfad zu den bildern und anfang des dateinamens der bei allen gleich sein muss.
var pfad = "http://www.schubert-fotograf.de/bilder/animated/animation_";

// dateiendung der bilddateien.
var dateiEndung = ".jpg";

// soll der text in einem div ausgetauscht werden-> true/false
var text_austausch = false;


//die pfade und dateinamen der einzelnen bilder werden in einem array gespeichert.
images = new Array;
for( k = 1; k <= maxAnzahl; k++){
	// wenn k<10 wird vor die einstellige zahl ne null dazugegeben.
	if(k < 10){
		images[k] = pfad + "0" + k + dateiEndung;
	}else{
		images[k] = pfad + k + dateiEndung;
	}
}// end for-schleife



function nextimg(){
	if(fade_flag == 1){
		return;
	}
	if (i != maxAnzahl) {
		i++;
		fadeOut(i);
		image = images[i];
/*		
		if(document.getElementById) {document.getElementById('busbild').src = image;}
		else if (document.all) {document.all['busbild'].src = image;}
*/
	}else if( i == maxAnzahl) i = 0;
	imgToLoad = new Image();
	if ( i < maxAnzahl )
		imgToLoad.src = images[i + 1];
}


function startslideMyImage(){
	nextimg();
	window.setTimeout('startslideMyImage()',slideTime);	
}

/*
---------function fadeout --------------------------------------------------------------------
blendet das bild aus, ruft das nächste bild auf und ruft dann die funktion fadeIn auf zum
 einblenden des neuen bildes*/


function fadeOut(n){


	img_opacity(g_opacity);
	if(debugMode)addDebug("fade_flag: " + fade_flag + " nr.: " + n + " opacity: " + g_opacity + "<br>");		

	
	if(g_opacity == 0){
		document.getElementById(elementName).src = images[n];			 
		fadeIn(n);
		return;
	}
	g_opacity -= stepSize;
	window.setTimeout('fadeOut(' + n + ')', interval);
}


/* blendet das bild ein, in 10er schritten --------------------------------------- */
function fadeIn(n){

		img_opacity(g_opacity);
		if(debugMode)addDebug("fade_flag: " + fade_flag + " nr.: " + n + " opacity: " + g_opacity + "<br>");		
	
	if(g_opacity == 100){
		return;
	}
	g_opacity += stepSize;
	window.setTimeout('fadeIn(' + n + ')', interval);
}


/* stellt das element auf den übergebenen wert ein. trennung nach browser ----------*/
function img_opacity(opacity){
	if(document.all){
		document.getElementById(elementName).style.filter = 'alpha(opacity='+opacity+')';
	}else{
		/* firefox und co stellen bei 100er opacity kein bild dar. deswegen wird bei 100 auf 99 gesetzt */
		if(g_opacity >= 100){
			document.getElementById(elementName).style.opacity = '0.99';	
			document.getElementById(elementName).style.mozOpacity = '0.99';			
		}else{	
			/*firefox*/
			document.getElementById(elementName).style.opacity = '.'+opacity;	
			/*mozi*/
			document.getElementById(elementName).style.mozOpacity = '.'+opacity;		
		}
	}
}


bildle = eval(document.getElementById(elementName));

function show(){
	document.getElementById(elementName).style.visibility = 'visible';
//	alert("show");
}

function hide(){
	document.getElementById(elementName).style.visibility = 'hidden';
//	alert("hide");
}


function loadImage ( pfad, nr ) {
	var imgContainer = new Array();
	var imgToLoad = new Image();
	imgToLoad.src = pfad;
	imgContainer[nr] = imgToLoad;
}