/* **************
*** 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];
}

/* *** 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()", 2000);
}

/* 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()", 3000);
}

/* 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);
	}
}