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

/// Bilder fuer alle Seiten ///
logo = new Image(); logo.src = "zubehoer/logo.png";
schatten = new Image(); schatten.src = "zubehoer/schatten.jpg";
schattenweiss = new Image(); schattenweiss.src = "zubehoer/schattenweiss.jpg";

pausebutton = new Image(); pausebutton.src = "zubehoer/pause.png";
playbutton = new Image(); playbutton.src = "zubehoer/play.png";
vorbutton = new Image(); vorbutton.src = "zubehoer/vor.png";
zurueckbutton = new Image(); zurueckbutton.src = "zubehoer/zurueck.png";
	
	
/// 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.backgroundImage = 'url('+bildurl+')'; 		// 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 text_sichtbar = true;

// wird in funktionen vor + zurueck + anzeige eingebunden
function textfeldanzeige(textnummer){
	var element1 = document.getElementById("transp_textbox");
	var element2 = document.getElementById("text");
	var element3 = document.getElementById("textclose");
	
	//text nur dynamisch einbinden, sofern menupunkt nicht "home", dh. wenn ="home" wird text statisch angezeigt (da fuer fallback eh schon ausgegeben)
	//wenn variable text_sichtbar true, heisst dass das Textfeld nicht weggeklickt wurde
	if (menupunkt!="home" && text_sichtbar == true){		
		//folgendes bewirkt: wenn kein text da, wird keine box gezeigt bzw. hintergrundfarbe auf transparent gesetzt
		
		if (eval("karussell_"+menupunkt+"["+textnummer+"][1]")==""){
			element1.style.display="none"; 
			element2.style.display="none";
		}
		else {
			element1.style.display="inline";
			element2.style.display="inline";
			//Wegklick-X einbinden
			element3.innerHTML = "X";
			element3.onclick=function(){textclose()};
			//Drueberfahr-Start-Stop initiieren
			if(a>1){ //wenn mehr als ein bild, sprich slideshow
			element2.onmouseover=hoverstop
			element2.onmouseout=hoverstart
			}
		}
	
		element2.innerHTML= eval("karussell_"+menupunkt+"["+textnummer+"][1]"); //eval() gibt hier die variable Variable zurueck
	}	
	
	if (menupunkt=="home" && text_sichtbar == true){
		//Wegklick-X einbinden
		element3.innerHTML = "X";
		element3.onclick=function(){textclose()};
		//Drueberfahr-Start-Stop initiieren
		element2.onmouseover=hoverstop
		element2.onmouseout=hoverstart
	}
}


function zurueck(menupunkt){
	
	element = document.getElementById("hgbild");
	
	//folgende Abfrage, damit beim fade_vorgang nicht weitergeglickt werden kann ... evtl. noch was suchen, dass den vorgang abbricht
	if(element.style.MozOpacity==1 || element.style.opacity==1 || element.style.filter == "Alpha(opacity=100)"){
	
	var a=eval("karussell_"+menupunkt+".length");
	
	stop = true;
	document.getElementById("playpausebutton").style.background  = "url(zubehoer/play.png) no-repeat";
	window.clearTimeout(auszeit);
	
	if(x==0){x=a-1}
	else{x--;}
	
	document.getElementById('hghgbild').style.background  = "url("+ eval("karussell_"+menupunkt+"["+x+"][0]") +") no-repeat";
	
	if(x==0){
		textfeldanzeige(a-1);
		einblenden(eval("karussell_"+menupunkt+"["+(a-1)+"][0]"), "hgbild");
	}
	else{
		textfeldanzeige(x-1);
		einblenden(eval("karussell_"+menupunkt+"["+(x-1)+"][0]"), "hgbild");	
	}
	}
}

function vor(menupunkt){
	element = document.getElementById("hgbild");
	
	//folgende Abfrage, damit beim fade_vorgang nicht weitergeglickt werden kann ... evtl. noch was suchen, dass den vorgang abbricht
	if(element.style.MozOpacity==1 || element.style.opacity==1 || element.style.filter == "Alpha(opacity=100)"){
	
	
	var a=eval("karussell_"+menupunkt+".length");
	
	stop = true;
	document.getElementById("playpausebutton").style.background  = "url(zubehoer/play.png) no-repeat";
	clearTimeout(auszeit);
	
	textfeldanzeige(x);
	
	if(x==0){
		document.getElementById('hghgbild').style.background  = "url("+ eval("karussell_"+menupunkt+"["+(a-1)+"][0]") +") no-repeat"; 
	}
	else{
		document.getElementById('hghgbild').style.background  = "url("+ eval("karussell_"+menupunkt+"["+(x-1)+"][0]") +") no-repeat"; 
	}
	
	einblenden(eval("karussell_"+menupunkt+"["+x+"][0]"), "hgbild");
	
	if (x<a-1){x++;}
	else{x=0;}
	}
}


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

function anzeige(menupunkt)
{	
	a=eval("karussell_"+menupunkt+".length");
	
	if(a>1){ //wenn mehr als ein bild, sprich slideshow
	document.getElementById("zurueckbutton").style.background  = "url(zubehoer/zurueck.png) no-repeat";
	document.getElementById("zurueckbutton").style.cursor = "pointer";
 	document.getElementById("zurueckbutton").onclick = function(){zurueck(menupunkt)};
 	
 	document.getElementById("vorbutton").style.background  = "url(zubehoer/vor.png) no-repeat";	
 	document.getElementById("vorbutton").style.cursor = "pointer";
 	document.getElementById("vorbutton").onclick = function(){vor(menupunkt)};
	}
	
	if (stop==false){
	
	if(a>1){ //wenn mehr als ein bild, sprich slideshow
	document.getElementById("playpausebutton").style.background  = "url(zubehoer/pause.png) no-repeat";
	document.getElementById("playpausebutton").style.cursor = "pointer";
	document.getElementById("playpausebutton").onclick = pausieren;
	}
	
	textfeldanzeige(x);
		
	if (durchlaeufe>0){
		if(x==0){
			document.getElementById('hghgbild').style.background  = "url("+ eval("karussell_"+menupunkt+"["+(a-1)+"][0]") +") no-repeat"; //beim Einblenden des 1. Bildes wir das letzte unterlegt
		}
		else{
			document.getElementById('hghgbild').style.background  = "url("+ eval("karussell_"+menupunkt+"["+(x-1)+"][0]") +") no-repeat"; //ansonsten das vorhergehende
		}
	}
	
	einblenden(eval("karussell_"+menupunkt+"["+x+"][0]"), "hgbild");
	
	if(a>1){ //wenn mehr als ein bild, sprich slideshow
	auszeit = window.setTimeout(function(){anzeige(menupunkt);},anzeigezeit); //nur anzeige(menupunkt) funktioniert nicht bei setTimeout, deshalb nochmal in Fkt. gepackt
			
	durchlaeufe++;
	
	if (x<a-1){x++;}
	else{x=0;}
	}
	}
}	


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/pause.png) no-repeat";
			anzeige(menupunkt); 
		}
 	}
	else {
		stop = true;
		clearTimeout(auszeit);
 		document.getElementById("playpausebutton").style.background  = "url(zubehoer/play.png) no-repeat";
 	}	
}	


//folgende 2 Funktione fuer Textblock onmouseover-Startstop
function hoverstop() {
	stop = true;
	document.getElementById("playpausebutton").style.background  = "url(zubehoer/play.png) no-repeat";
	clearTimeout(auszeit);
}	
function hoverstart(e) {
	if (!e){e = window.event}
	wohin = e.relatedTarget || e.toElement;
	
	if (wohin.id == "hgbild" || wohin.id == "textclose" || wohin.id == "inhalt"){	
		if(element.style.MozOpacity==1 || element.style.opacity==1 || element.style.filter == "Alpha(opacity=100)"){
			stop = false;
			document.getElementById("playpausebutton").style.background  = "url(zubehoer/pause.png) no-repeat";
			anzeige(menupunkt); 
		}
	}
}
/* alte funktion
function hoverstart() {
	if(element.style.MozOpacity==1 || element.style.opacity==1 || element.style.filter == "Alpha(opacity=100)"){
		stop = false;
		document.getElementById("playpausebutton").style.background  = "url(zubehoer/pause.png) no-repeat";
		anzeige(menupunkt); 
	}
}
*/

function textclose(){
	text_sichtbar = false;
	document.getElementById("transp_textbox").style.display = "none";			
	document.getElementById("text").style.display = "none";
	document.getElementById("textclose").style.display = "none";
}

function login_formular () {
 	if (document.getElementById("loginformular").style.display == "inline"){
 		document.getElementById("loginformular").style.display  = "none";
 	}
 	else {
  		document.getElementById("loginformular").style.display  = "inline";		
  	}
}