function aufruf (page) {
	var seiten = new Array('home', 'gruppe', 'musik', 'kontakt', 'neues', 'impressum');
	var exist = 0;
	
	for(var d=0; d<seiten.length; d++) {
		var moment = seiten[d];
		 document.getElementById(moment+"_d").style.backgroundColor = "";
		 document.getElementById(moment+"_lk").style.color = "#FFF";
		if(page == moment) {
			exist = 5;
		}
		// alert("Farbe: "+document.getElementById(moment).style.backgroundColor);
	}
	if(exist == 0) {
		page = "home";
	}
	document.getElementById(page+"_d").style.backgroundColor = "#03F";
	document.getElementById(page+"_lk").style.color = "#FF0";
	
	var get = new XMLHttpRequest();
	get.open("GET", page+".php", false);
	get.send(null);
	var antwort = get.responseText;
	document.getElementById("content").innerHTML = antwort;
	if(page == "home") {
		// rufe funktion auf, um die bilder zu zeigen
		neuBild = setInterval("bildwechsel()", 6000);
	}
	else {
		//beende funktion
		clearInterval(neuBild);
	}
}


function show (bildnr) {
	
	document.getElementById('openedPic').src = imgPath+imgNames[bildnr][0];
	var width = 800;
	var height = Math.round(800/ imgNames[bildnr][1] * imgNames[bildnr][2]);
	if(height > 800) {
		width = Math.round(800/ imgNames[bildnr][2] * imgNames[bildnr][1]);
		height = 800;
	}
	document.getElementById('openedPic').style.marginLeft = "-" + (width/2) + "px";
	document.getElementById('openedPic').style.width = width+"px";
	document.getElementById('openedPic').style.height = height+"px";
	
	document.getElementById('diashow').style.visibility = "visible";
}
function schliessen () {
	document.getElementById('diashow').style.visibility = "hidden";
}

/*
PreLoader
*/

function getObj(objId) {
	return document.getElementById(objId);
};

function initPage() {

	oStatusBox = getObj( "statusBox" );
	oStatusBar = getObj( "statusBar" );
	oStatusText = getObj( "statusText" );
	
	//oTheImageLinks = getObj( "theImageLinks" );
	//oTheImage = getObj( "theImage" );
	
	statusBoxWidth = parseInt( oStatusBox.clientWidth );
	
	imagesLoaded = 0;
	images2Preload = imgNames.length;
	
	for (var i = 0 ; i < imgNames.length ; i++ ) {
		var newImage = new Image();
		newImage.onload = function () { imageIsLoaded( this ) };
		newImage.src = imgPath + imgNames[i][0];
		
		imageIsLoaded( newImage );
	};

};

function imageIsLoaded( newImage ) {
	if ( newImage.alreadyLoaded || newImage.width == 0) 
		return true;

		newImage.alreadyLoaded = true;

		++imagesLoaded;

		var alreadyLoaded = Math.round( 100 * imagesLoaded / images2Preload );

		oStatusText.innerHTML = alreadyLoaded + " %";

		oStatusBar.style.width = ( statusBoxWidth * alreadyLoaded / 100 ) + "px";

		if ( alreadyLoaded >= 100 ) {
			// Alle Bilder wurden geladen
			init();
		};
	
};
var bx = 0;
var links = 5;
var aktiv = "";
function init () {
	var pfad = document.getElementById('pics');
	var anzahl = imgNames.length;
	
	var Ttext = "";
	for (bx=0; bx<anzahl; bx++) {
		//Daten auslesen
		var bildpfad = imgPath + imgNames[bx][0];
		var Tbreite = imgNames[bx][1];
		var Thoehe = imgNames[bx][2];
		//Abmessungen berechnen
		var breite = Math.round(100 / Thoehe * Tbreite);
		var hoehe = 100;
		//HTML Code basteln
		Ttext += '<div id="bild' + bx + '" style="position:absolute; left:' + links + 'px;"><a href="#" onclick="show(' + bx + '); return false;" title="Klicken zum &Ouml;ffnen der Galerieansicht"><img src="' + bildpfad + '" height="' + hoehe + '" width="' + breite + '" alt="Bilder" id="kbild' + bx + '" style="border="0" /></a><div style="position:absolute; bottom:0px; background-image:url(bilder/dark.png); height:15px; width:100%; text-align:center; font-size:12px;">'+imgNames[bx][3]+'</div></div> ';
		//abstand zum nächsten bild berechnen
		links += (breite+5);
	}
	Ttext += '<img src="includes/close.png" alt="Diashow schliessen" onclick="clearInterval(aktiv); return false;" width="16" height="16" title="Scrollen stoppen, um Ressourcen zu sparen" style="position:absolute; right:0px; top:0px;" border="0" />';
	
	pfad.innerHTML = Ttext;
	
	if(links >= 1015) {
		aktiv = window.setInterval("scrolling()", 100);
	}
	
}

var ri_links = true;

function scrolling () {
//alert("lang: "+lang+" ri_li: "+ri_links+" long: "+long);
	var o = bx;
	
	for (a = 0; a <= o; a++) {
		var auslesen = document.getElementById("bild"+a).style.left;
		auslesen = auslesen.split("px")[0];
		if(ri_links) {
			var neu = Number(auslesen) - 2;
			
		} else if(!ri_links) {
			var neu = Number(auslesen) + 2;
		}
		
		if(document.getElementById("bild0").style.left.split("px")[0] <= (1015-links)) {
			ri_links = false;
		}
		if(document.getElementById("bild0").style.left.split("px")[0] >= 5) {
			ri_links = true;
		}
	
		document.getElementById("bild"+a).style.left = neu + "px";
		
	}
	
}

var counta = 0;
var change = false;
var neuBild = "";
var startpicbilderaktuell = 0;

function bildwechsel () {
	var aktBild = startpicbilderaktuell;
	var anzahl = document.getElementById('piczahl').innerHTML;
	if(anzahl > (aktBild+1)) {
		document.getElementById('startPic'+(aktBild)).style.display = "none";
		document.getElementById('startPic'+(aktBild+1)).style.display = "block";
		startpicbilderaktuell = aktBild+1;
	}
	else {
		document.getElementById('startPic'+(aktBild)).style.display = "none";
		document.getElementById('startPic'+0).style.display = "block";
		startpicbilderaktuell = 0;
	}
	/*
	
	for(r=0;r<anzahl;r++) {
		var moment = allPics[r][0];
		var suche = aktBild.indexOf(moment);
		
		if(suche < 0) {
			
		}
		else {
			
			if((r+1)< allPics.length) {
				//prüfen, ob letztes bild
				var neuPic = allPics[r+1][0];
				var beschr = allPics[r+1][3];
				var breite = 500;
				var hoehe = Math.round(500 / allPics[r+1][1] * allPics[r+1][2]);
			}
			else {
				var neuPic = allPics[0][0];
				var beschr = allPics[0][3];
				var breite = 500;
				var hoehe = Math.round(500 / allPics[0][1] * allPics[0][2]);
			}
			document.getElementById('homePic').width = breite;
			document.getElementById('homePic').height = hoehe;
			document.getElementById('homePic').src = ordner + neuPic;
			document.getElementById('discription').innerHTML = beschr;
		}
	}
	*/
}


function eingaben_ueberpruefen(){
	var fehler = false;
	var anrede = document.Formular.anrede.value;
	var vname = document.Formular.vorname;
	var nname = document.Formular.nachname;
	var mail = document.Formular.email.value;
	var betreff = document.Formular.betreff;
	var captcha = document.Formular.zahl.value;
	var msg = document.Formular.nachricht;
	var kopie = document.Formular.kopie.checked;
	
	
	if (vname.value.length < 3) { // Vorname mindestens 2 Zeichen
		alert("Sie haben noch keinen Vornamen eingegeben!\n(mind. 2 Zeichen)")
		vname.focus();
		fehler = true;
	}
	else if (nname.value.length < 3) { // Nachname mindestens 2 Zeichen
		alert("Bitte geben Sie Ihren Nachnamen ein!\n(mind. 2 Zeichen)");
		nname.focus();
		fehler = true;
	}
	else if (mail.length < 6 || mail.indexOf ('@',0) == -1 || mail.indexOf ('.',0) == -1) { // Mail mindestens 5 Zeichen
		alert("Bitte geben Sie eine gültige E-Mail-Adresse ein!\n(mind. 6 Zeichen)")
		document.Formular.email.select();
		fehler = true;
	}
	else if (betreff.value.length < 6) { // Betreff mindestens 5 Zeichen
		alert("Bitte geben Sie einen Betreff ein!\n(mind. 5 Zeichen)")
		betreff.focus();
		fehler = true;
	}
	else if (msg.value.length < 2) { // Nachricht mindestens 1 Zeichen
		alert("Bitte geben Sie eine Nachricht ein!")
		msg.focus();
		fehler = true;
	}
	if(!fehler) {
		var absenden = "check2.php?js=y&a="+anrede+"&v="+vname.value+"&n="+nname.value+"&e="+mail+"&b="+betreff.value+"&s="+captcha+"&m="+msg.value+"&k="+kopie;
		var gesendet = absenden.replace(/\n/g, "<br />");
		
		var form = new XMLHttpRequest();
		form.open("GET", gesendet, false);
		form.send(null);
		var accept = form.responseText;
		if(accept == "true"){
			alert('Ihre Nachricht wurde erfolgreich gesendet');
			aufruf('kontakt');
		}
		else if(accept == "secure") {
			alert('Ihre Nachricht konnte nicht gesendet werden!\nBitte geben Sie das richtige Ergebnis des Sicherheitscodes ein!');
		}
		else {
			alert('Ihre Nachricht konnte nicht gesendet werden!\nVersuchen Sie es bitte noch einmal');
		}
	}
	return false;
}