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

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

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

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

// anfangswert der opacity
g_opacity = 100;

// schrittgroesse der opacity
stepSize = 10;

// fadeflag veraltet
var fade_flag = 0;

//schwarzes bild für bilderübergang -> veraltet
black_img = "images/black.jpg";

// 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 = 8;

// pfad zu den bildern und anfang des dateinamens der bei allen gleich sein muss.
var pfad = "fileadmin/images/2007-website-bild";

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

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

var init = 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;
        images[k] = pfad + 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(){
    init = true;
	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;
}



/* ---------------------------------------------------------------------------- */
/* ------anfang Debug---------------------------------------------------------- */


// für den debugmodus siehe datei: debug.html-----------------------------------
	function addDebug(inhalt){
		if(debugMode){
			g_inhalt = g_inhalt.concat(inhalt);
			g_inhalt = g_inhalt + " # ";
	//		g_inhalt = g_inhalt.concat(g_timers['portfolio']);
			document.getElementById('debug').innerHTML = g_inhalt;
		}else{
			document.getElementById('debug').style.visibility = 'hidden';
		}
	}
	function clearDebug(){
		g_inhalt = "";
		document.getElementById('debug').innerHTML = g_inhalt;
	}
	
	function closeDebug(){
			debugMode = false;
			document.getElementById('debug').style.visibility = 'hidden';
			document.getElementById('clearDebug').style.visibility = 'hidden';
			document.getElementById('closeDebug').style.visibility = 'hidden';
	}
/* die 2 divs sind zur anzeige des debug-modes in die entsprechende html-datei einzufügen.
	die inhalte werden über addDebug(anzuzeigenderInhalt) hinzugefügt:

	<div id="debug" style="width:100%; height:330px; border:1px solid black; overflow:auto; text-align: left;"></div>
	<div id="clearDebug"><button onClick="clearDebug()" type="button">clear Debug</button></div>


 ende Debug------------------------------------------------------------------------ */
/* ---------------------------------------------------------------------------- */




function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}



/*
interval = 100;
g_opacity = 100;
var fade_flag = 0;
black_img = "../../pics/quer_bus_black.jpg";

function fadeOut(n){

	if(	g_opacity <= 5){
		hide();
		document.getElementById("busbild").src = images[n];
		img_opacity(5);
		g_opacity = 5;
		fadeIn(n);
		show();
		fade_flag = 1;		
		addDebug("fade_flag: " + fade_flag + " nr.: " + n + "<br>");		
		return;
	}else{
		window.setTimeout( 'fadeOut(\''+n+'\')', interval);		
	}
	//if( g_opacity <= 5 ) document.getElementById("busbild").src = black_img;	
	g_opacity -= 5;	
	img_opacity(g_opacity);
	addDebug("fade_flag: " + fade_flag + " nr.: " + n + " opacity: " + g_opacity + "<br>");		
}



function fadeIn(n){

	if(document.all){
		img_opacity(g_opacity);
	}else{
		if(g_opacity >= 100){
			document.getElementById("busbild").style.opacity = '0.99';	
			document.getElementById("busbild").style.mozOpacity = '0.99';			
		}else{
			img_opacity(g_opacity);
		}
	}	

	//if( g_opacity >= 5 ) document.getElementById("busbild").src = images[n];
	if(	g_opacity >= 100){
		fade_flag = 0;	
		addDebug("fade_flag: " + fade_flag + " nr.: " + n + "<br>");		
		return;
	}else{
		g_opacity += 5;
		window.setTimeout( 'fadeIn(\''+n+'\')', interval);		
	}
		addDebug("fade_flag: " + fade_flag + " nr.: " + n + " opacity: " + g_opacity + "<br>");		
}
*/