/* **************
*** Variablen ***
************** */
var aktiv = 0;
var aktivnummer = 1;

/* ***************
*** Funktionen ***
*************** */
/* *** Zielposition bestimmen *** */
function zielposition(nummer)
{
	var linkbereichpos = document.getElementById('linkbereich_'+nummer).offsetTop;
	var linkbereichhoch = document.getElementById('linkbereich_'+nummer).offsetHeight;
	var pfeilhoch = document.getElementById('wechselbildpfeil').offsetHeight;
	
	position = (linkbereichpos+((linkbereichhoch/2)-(pfeilhoch/2)));
	
	return position;
}
/* *** Pfeil bewegen *** */
function bewegePfeil(nummer)
{
	var position = zielposition(nummer);
	document.getElementById('wechselbildpfeil').style.top = position+"px";
}

/* *** Bild anzeigen *** */
function zeigeBild(nummer)
{
	//document.getElementById('startwechselbild').src = bilder[nummer];
	if (nummer == aktiv){
		return true;
	} else {
		$('#startwechselbild').stop(true,true).fadeOut('slow', function(){
																		$('#startwechselbild').attr('src', bilder[nummer]);
																		$('#startwechselbild').delay(300).fadeIn('slow');
																		});
		//$('#startwechselbild').attr('src', bilder[nummer]);
		//$('#startwechselbild').stop(true,true).fadeIn('slow');
	}
}

/* *** Initialisieren *** */
function bildwechselStart(nummer)
{
	document.getElementById('linkbereich_'+nummer).className = "aktiv";
	document.getElementById('wechselbildpfeil').style.visibility = "visible";
	document.getElementById('startwechselbild').style.visibility = "visible";
	zeigeBild(nummer);
	bewegePfeil(nummer);
	
	// ID Hinterlegen
	aktiv = 1;
	
	autwechsel = window.setTimeout("bildwechselAuto()", 7000);
}

/* Automatischer Bildwechsel */
function bildwechselAuto()
{
	// Anzahl der Elemente Ermitteln
	var anzahl = (eval(bilder.length)-1);
	
	// Neue ID Hinterlegen
	if (aktivnummer == anzahl){
		aktivnummer = 1;
	} else {
		aktivnummer = (eval(aktivnummer)+1);
	}
	
	// Elemente verbergen
	document.getElementById('linkbereich_'+aktiv).className = "inaktiv";
	// Elemente anzeigen
	document.getElementById('linkbereich_'+aktivnummer).className = "aktiv";
	document.getElementById('wechselbildpfeil').style.visibility = "visible";
	document.getElementById('startwechselbild').style.visibility = "visible";
	zeigeBild(aktivnummer);
	bewegePfeil(aktivnummer);
	// Neue ID Hinterlegen
	aktiv = aktivnummer;
	
	// Funktion erneut aufrufen
	autwechsel = window.setTimeout("bildwechselAuto()", 7000);
}

/* Bilder manuell wechseln */
function bildwechsel(aktion, nummer)
{
	if (aktion == "in"){
		if (window.autwechsel){
			window.clearTimeout(autwechsel);
		}
		// Elemente verbergen
		document.getElementById('linkbereich_'+aktiv).className = "inaktiv";
		// Elemente anzeigen
		document.getElementById('linkbereich_'+nummer).className = "aktiv";
		document.getElementById('wechselbildpfeil').style.visibility = "visible";
		document.getElementById('startwechselbild').style.visibility = "visible";
		zeigeBild(nummer);
		bewegePfeil(nummer);
		// Neue ID Hinterlegen
		aktiv = nummer;
	} else {
		aktivnummer = nummer;
		autwechsel = window.setTimeout("bildwechselAuto()", 2000);
	}
}

/* Bilder manuell wechseln */
/*function bildwechsel(aktion, nummer)
{
	// Anzahl der Elemente Ermitteln
	var anzahl = (eval(bilder.length)-1);
	
	if (aktion == "in"){
		if (window.autwechsel){
			window.clearTimeout(autwechsel);
		}
		// Elemente verbergen
		document.getElementById('linkbereich_'+aktiv).className = "inaktiv";
		// Elemente anzeigen
		document.getElementById('linkbereich_'+nummer).className = "aktiv";
		document.getElementById('wechselbildpfeil').style.visibility = "visible";
		bewegePfeil(nummer);
		// Neue ID Hinterlegen
		aktiv = nummer;
		aktivnummer = nummer;
	}
	else if (aktion == "out"){
		aktiv = nummer;
		autwechsel = bildwechsel('auto',aktiv);
	}
	else {
		// Elemente verbergen
		document.getElementById('linkbereich_'+aktivnummer).className = "inaktiv";
		// Elemente anzeigen
		document.getElementById('linkbereich_'+nummer).className = "aktiv";
		document.getElementById('wechselbildpfeil').style.visibility = "visible";
		bewegePfeil(nummer);
		$aktivnummer = nummer;
		if (aktiv == anzahl){
			aktiv = 1;
		} else {
			aktiv = (eval(nummer)+1);
		}
		autwechsel = window.setTimeout("bildwechsel('auto','"+aktiv+"')", 2000);
	}
}*/