//////////////////////
var ueberblendungszeit = "0"; 	//Zeit in der eingeblendet wird
var anzeigezeit = "1000";	 	//solange werden die Bilder in der Slidshow angezeigt
////////////////////////

laden = new Image(); laden.src = "/zubehoer/pics/laden.gif";
pauseIcon = new Image(); pauseIcon.src = "/zubehoer/pics/pause.jpg";
playIcon = new Image(); playIcon.src = "/zubehoer/pics/play.jpg";

/// Bilderarray und  Bilderpreload///
var karussell = new Array()
karussell[0]= ["/bilder/slideshow/slide01.jpg", ""], 
karussell[1]= ["/bilder/slideshow/slide02.jpg", ""], 
karussell[2]= ["/bilder/slideshow/slide03.jpg", ""], 
karussell[3]= ["/bilder/slideshow/slide04.jpg", ""], 
karussell[4]= ["/bilder/slideshow/slide05.jpg", ""], 
karussell[5]= ["/bilder/slideshow/slide06.jpg", ""]
karussell[6]= ["/bilder/slideshow/slide07.jpg", ""], 
karussell[7]= ["/bilder/slideshow/slide08.jpg", ""], 
karussell[8]= ["/bilder/slideshow/slide09.jpg", ""], 
karussell[9]= ["/bilder/slideshow/slide10.jpg", ""],
karussell[10]= ["/bilder/slideshow/slide11.jpg", ""], 
karussell[11]= ["/bilder/slideshow/slide12.jpg", ""], 
karussell[12]= ["/bilder/slideshow/slide13.jpg", ""], 
karussell[13]= ["/bilder/slideshow/slide14.jpg", ""], 
karussell[14]= ["/bilder/slideshow/slide15.jpg", ""], 
karussell[15]= ["/bilder/slideshow/slide16.jpg", ""], 
karussell[16]= ["/bilder/slideshow/slide17.jpg", ""], 
karussell[17]= ["/bilder/slideshow/slide18.jpg", ""], 
karussell[18]= ["/bilder/slideshow/slide19.jpg", ""], 
karussell[19]= ["/bilder/slideshow/slide20.jpg", ""],
karussell[20]= ["/bilder/slideshow/slide21.jpg", ""], 
karussell[21]= ["/bilder/slideshow/slide22.jpg", ""], 
karussell[22]= ["/bilder/slideshow/slide23.jpg", ""], 
karussell[23]= ["/bilder/slideshow/slide24.jpg", ""]
		
slide0 = new Image(); slide0.src = "/bilder/slideshow/slide01.jpg";
slide1 = new Image(); slide1.src = "/bilder/slideshow/slide02.jpg";
slide2 = new Image(); slide2.src = "/bilder/slideshow/slide03.jpg";
slide3 = new Image(); slide3.src = "/bilder/slideshow/slide04.jpg";
	
window.onload=function (){anzeige();};

/// Funktionen ///
function einblenden(bildurl, id){
	element = document.getElementById(id);	
	
	element = document.getElementById(id);				// Variable element benennen
    element.style.filter = "Alpha(opacity=0)"; 					// Transparenz (3fach) auf null setzen damit's Bild nicht kurz aufblitzt
    element.style.MozOpacity = 0; 
    element.style.opacity = 0;
    element.style.background = 'url('+bildurl+') no-repeat'; 		// Dem Element das aktuelle Bild als Hintergrundbild geben
          
    for(i = 0;i <= 100;i++){
       fade = window.setTimeout('element.style.filter = "Alpha(opacity=' + i + ')"; element.style.MozOpacity = ' + i / 100 + '; element.style.opacity = ' +  i / 100 + ';', i * ueberblendungszeit);
    }  
}


var x=0;
var stop = false;
var durchlaeufe=0; //bild-durchlaeufe bzw. bildzaehler, solange =0 wird ohne hgbild eingeblendet, also ohne bilduebergang 
var r=0;

function Bilderladen(){
	slide = "";
	
	//laedt alle Bilder mit verzoegerung nacheinander
	
	for(f = 5;f <= 24;f++){
		if (f<=9){
			fade = window.setTimeout('slide = new Image(); slide.src = "/bilder/slideshow/slide0'+f+'.jpg";', f * 950);
		}
		else{
			fade = window.setTimeout('slide = new Image(); slide.src = "/bilder/slideshow/slide'+f+'.jpg";', f * 950);
		}   
	}
}


function anzeige()
{	
	/*	
	//laedt bei jedem neu angezeigten Bild fuenftnaechste Bild (nur beim ersten Durchlauf und nur bis alle 24 geladen sind)
	if(r==0){
		slide = "";
		var bildZahl = x+5;
		
		if (bildZahl<=9){
			slide = new Image();
			slide.src = "/bilder/slideshow/slide0"+bildZahl+".jpg";
		}
	
		else {
			if (bildZahl<=24) {
				slide = new Image();
				slide.src = "/bilder/slideshow/slide"+bildZahl+".jpg";
			}
		}
	}
	*/
	
	if(x==0){Bilderladen();}
	
	var a=eval("karussell.length");
	
	if (stop==false){
	
	if(a>1){ //wenn mehr als ein bild, sprich slideshow
	document.getElementById("playpausebutton").style.background  = "url(/zubehoer/pics/pause.jpg) no-repeat";
	document.getElementById("playpausebutton").style.cursor = "pointer";
	document.getElementById("playpausebutton").onclick = pausieren;
	}
	
	
if(r%2!=0){ //wenn Nachkommastellen vorhanden, also ungerade Komplettdurchlauf-Nummer
				
	document.getElementById('hghgbild').style.background  = "url("+ eval("karussell["+(x)+"][0]") +") no-repeat"; //ansonsten das vorhergehende
		
	einblenden(eval("karussell["+x+"][0]"), "hgbild");
	
	if(a>1){ //wenn mehr als ein bild, sprich slideshow
		auszeit = window.setTimeout(function(){anzeige();},anzeigezeit); //nur anzeige() funktioniert nicht bei setTimeout, deshalb nochmal in Fkt. gepackt

		if (x>0){x--;}
		if(x==0){r++;}
	}
}
	
else {
	//document.getElementById('helfer').innerHTML = r + "," + x;
	//beim ersten Durchlauf werden die ersten 5 Bilder (abnehmend) laenger angezeigt
	if(r==0){
		if(x<6){ 
			zeit = anzeigezeit*(2-0.2*x); //der Multiplikator nimmt von 2,3 gleichmaessig zu 1 hin ab
		}	
		else { zeit = anzeigezeit; }
	}
	
	if (durchlaeufe>0){
		if(x==0){
			document.getElementById('hghgbild').style.background  = "url("+ eval("karussell["+(0)+"][0]") +") no-repeat"; //beim Einblenden des 1. Bildes wir das letzte unterlegt
		}
		else{
			document.getElementById('hghgbild').style.background  = "url("+ eval("karussell["+(x-1)+"][0]") +") no-repeat"; //ansonsten das vorhergehende
		}
	}
	
	einblenden(eval("karussell["+x+"][0]"), "hgbild");
	
	if(a>1){ //wenn mehr als ein bild, sprich slideshow
	auszeit = window.setTimeout(function(){anzeige();},zeit); //nur anzeige() funktioniert nicht bei setTimeout, deshalb nochmal in Fkt. gepackt
			
	durchlaeufe++;

	if (x<a-1){x++;}
	else{x=0;}
	}
	if(x==a-1){r++;}
}
	}
}	


function basename(path) {
    return path.replace(/\\/g,'/').replace( /.*\//, '' );
}


function pausieren () {
	if (stop==true){
		//folgende Abfrage, damit beim fade_vorgang nicht auf play geglickt werden kann ... damits nicht ruckelt
		if(element.style.MozOpacity==1 || element.style.opacity==1 || element.style.filter == "Alpha(opacity=100)"){
	 		stop = false;
 			document.getElementById("playpausebutton").style.background  = "url(/zubehoer/pics/pause.jpg) no-repeat";
			anzeige(); 
		}
 	}
	else {
		stop = true;
		clearTimeout(auszeit);
 		document.getElementById("playpausebutton").style.background  = "url(/zubehoer/pics/play.jpg) no-repeat";
 	}	
}