var diashow = 0;
var imageSrc = "";

function Galerie(pfad,startbild) {
	
	//Bilder auf Anfang setzen
	neuesbild = "";
	
	//Lightbox erstellen
	var lightbox = document.createElement("div");
	lightbox.id = "light";
	lightbox.className = "white_content_galerie";
	
	//Hintergrund erstellen
	var hintergrund = document.createElement("div");
	hintergrund.id = "fade";
	hintergrund.className = "black_overlay";
	
	//Image hinzufügen
	var fotoDiv = document.createElement("div");
	fotoDiv.style.height = "540px";
	var img = document.createElement("img");
	if(typeof startbild == "undefined")
		GetBild(pfad,"","v",img,"","full");
	else
		img.src = "fileadmin/gallery/"+pfad+"/"+startbild;
	img.alt = "Bild der Pfadi Trogen";
	img.id = "foto1";
	img.className = "foto";
	img.onclick = new Function("weiter('v')");
	fotoDiv.appendChild(img);
	lightbox.appendChild(fotoDiv);
	
	//Navigation laden
	var divNavi = document.createElement("div");
	divNavi.id = "navi";
	
	//zurück anzeigen
	var aZuruck = document.createElement("a");
	aZuruck.href = "javascript:void(0)";
	aZuruck.onclick = new Function("weiter('r')");
	var aZuruckImg = document.createElement("img");
	aZuruckImg.src = "fileadmin/icons/g_zuruck.png";
	aZuruckImg.alt = "zurück"
	aZuruck.appendChild(aZuruckImg);
	divNavi.appendChild(aZuruck);
	
	//Schliessen anzeigen
	var schliessen = document.createElement("a");
	schliessen.href="javascript:void(0)";
	schliessen.onclick = new Function('fadeOutLightbox("100")');
	var schliessenImg = document.createElement("img");
	schliessenImg.alt = "schliessen";
	schliessenImg.src = "fileadmin/icons/g_schliessen_k.png";
	schliessen.appendChild(schliessenImg);
	divNavi.appendChild(schliessen);
	
	//Diashow
	var diashow = document.createElement("a");
	diashow.href="javascript:void(0)";
	diashow.onclick = new Function('doDiashow()');
	var diashowImg = document.createElement("img");
	diashowImg.alt = "Diashow";
	diashowImg.src = "fileadmin/icons/g_diashow.png";
	diashow.appendChild(diashowImg);
	divNavi.appendChild(diashow);
	
	//Galerie
	var galerie = document.createElement("a");
	galerie.href= document.URL+"&modus=GALLERY&pfad="+pfad;
	var galerieImg = document.createElement("img");
	galerieImg.alt = "Galerie";
	galerieImg.src = "fileadmin/icons/g_galerie.png";
	galerie.appendChild(galerieImg);
	divNavi.appendChild(galerie);
	
	//Speichern
	var speichern = document.createElement("a");
	speichern.target='_blank';
	speichern.id = "speichern";
	var speichernImg = document.createElement("img");
	speichernImg.alt = "Speichern";
	speichernImg.src = "fileadmin/icons/g_speichern.png";
	speichern.appendChild(speichernImg);
	divNavi.appendChild(speichern);
	
	//Facebook
	//var facebook = document.createElement("a");
	//facebook.target='_blank';
	//facebook.id = "facebook";
	//var facebookImg = document.createElement("img");
	//facebookImg.alt = "Galerie";
	//facebookImg.src = "fileadmin/icons/g_facebook.png";
	//facebook.appendChild(facebookImg);
	//divNavi.appendChild(facebook);
	
	//weiter anzeigen
	var aWeiter = document.createElement("a");
	aWeiter.href = "javascript:void(0)";
	aWeiter.onclick = new Function("weiter('v')");
	var aWeiterImg = document.createElement("img");
	aWeiterImg.src = "fileadmin/icons/g_weiter.png";
	aWeiterImg.alt = "weiter"
	aWeiter.appendChild(aWeiterImg);
	divNavi.appendChild(aWeiter);
	
	//Navigation zur Lightbox hinzufügen
	lightbox.appendChild(divNavi);
	
	//Lightbox und Hintergrund ins Dokument einfügen
	document.getElementById("mitte").insertBefore(lightbox, document.getElementById("inhalt_m"));
	document.getElementById("mitte").insertBefore(hintergrund, document.getElementById("inhalt_m"));
	
	//Lightbox und Hintergrund anzeigen, durchsichtig
	document.getElementById('light').style.opacity = 0;
	document.getElementById('light').style.filter = "alpha(opacity=0)"; // IE
	document.getElementById('fade').style.opacity = 0;
	document.getElementById('fade').style.filter = "alpha(opacity=0)"; // IE
	document.getElementById('light').style.display='block';
	document.getElementById('fade').style.display='block';
	
	//Langsam laden
	fadeInLightbox(0);
	
}

function fadeInLightbox(step) {
	step = step + 8;
	
	document.getElementById('light').style.opacity = step/100;
	document.getElementById('light').style.filter = "alpha(opacity=" + step + ")"; // IE
	if(step < 80) {
		document.getElementById('fade').style.opacity = step/100;
		document.getElementById('fade').style.filter = "alpha(opacity=" + step + ")"; // IE
	}
	
	if(step<100)
		window.setTimeout(function () { fadeInLightbox(step); }, 1);
}

function fadeOutLightbox(step) {
	step = step - 8;
	
	document.getElementById('light').style.opacity = step/100;
	document.getElementById('light').style.filter = "alpha(opacity=" + step + ")"; // IE
	if(step < 80) {
		document.getElementById('fade').style.opacity = step/100;
		document.getElementById('fade').style.filter = "alpha(opacity=" + step + ")"; // IE
	}
	
	if(step>0)
		window.setTimeout(function () { fadeOutLightbox(step); }, 1);
	else {
		document.getElementById('light').style.display='none';
		document.getElementById('fade').style.display='none';
		document.getElementById("mitte").removeChild(document.getElementById("light"));
		document.getElementById("mitte").removeChild(document.getElementById("fade"));
	}
}

function weiter(richtung) {
	var image = document.getElementById("foto1");
	
	//Uberblendender div einblinden
	var fadeDiv = document.createElement("div");
	fadeDiv.style.position = "absolute";
	fadeDiv.style.top = "20px";
	fadeDiv.style.left = "0px";
	fadeDiv.style.width = "840px";
	fadeDiv.style.textAlign = "center";
	fadeDiv.id = "fadeDiv"
	document.getElementById("light").appendChild(fadeDiv);
	
	var fadeImg = document.createElement("img");	
	//fadeImg.style.position = "absolute";
	//fadeImg.style.top = "20px";
	//fadeImg.style.left = "19px"
	fadeImg.style.opacity = 0;
	fadeImg.style.filer = "alpha(opacity=0)";
	fadeImg.alt = "Uberblendendes Bild";
	fadeImg.id = "fadeImg";
	fadeImg.className = "foto";
	fadeDiv.appendChild(fadeImg);
	
	//Bild langsam einblenden
		GetBild(image.src.slice(image.src.search('fileadmin/gallery/.{32}.+')+18, image.src.search('fileadmin/gallery/.{32}.+')+50), image.src.slice(image.src.search('fileadmin/gallery/.{32}/.+')+51),richtung,fadeImg,"","full");
	
	fadeInNewImg(0,fadeImg,image);
}

function fadeInNewImg(step,img,bgImg) {
	step = step + 3;
	
	img.style.opacity = step/100;
	img.style.filter = "alpha(opacity=" + step + ")"; // IE
	
	if(step<100)
		window.setTimeout(function () { fadeInNewImg(step,img,bgImg); }, 1);
	else {
		//Hintergrundbild laden
		bgImg.src = img.src;
		//fadeImg löschen
		document.getElementById("light").removeChild(document.getElementById("fadeDiv"));
	}
	
}

function doDiashow(modus) {
	if(diashow == 1)
		diashow = 0;
	else
		diashow = 1;
	
	diashowLoop();

}

function diashowLoop() {
	if(diashow == 1) {
		weiter("v");
		window.setTimeout(function () { diashowLoop(); }, 2700);
	}
}