var home = "http://localhost/halunken/pix/";
var path = "";
var which=Number("1");
var richtung = "";	
var pjahr ="";
var pevent ="";
var path3 = "sm/";
var newImage = new Array();
var Ausgabe = "<div>";
var submenu = "<ul>";
var bilderlinks;
var xmlDoc;
var xxx = 0;
var thumbnails = new Array();
var thumbnailsanzeige = 7;
var thumbnailsanzahl;
var test = new Array();
var next = "0";
var nextpfad = new Array();
var start = "1";
var wechsellinks = "";
var wechselrechts = "";

function bilddaten(stjahr,stevent) {

	switch (requestT.readyState) {
		// wenn der readyState 4 und der request.status 200 ist, dann ist alles korrekt gelaufen
		case 4:
			if (requestT.status != 200) {
				alert("Der Request wurde abgeschlossen, ist aber nicht OK\nFehler:"+requestT.status);
			} else {
				// Antwort des Servers -> als XML-Dokument
				xmlDoc	= requestT.responseXML;

				for (var i = 0; i< xmlDoc.getElementsByTagName('bilder')[0].childNodes.length; i++){
					submenu = submenu+"&nbsp;&middot;&nbsp;<li><a onclick='eventuebersicht(\""+xmlDoc.getElementsByTagName('bilder')[0].childNodes[i].attributes.getNamedItem('name').value+"\");'>"+xmlDoc.getElementsByTagName('bilder')[0].childNodes[i].attributes.getNamedItem('name').value+"</a></li>";

				}
				
				var breadcrumbbreadcrumb = "<ul>";
				breadcrumbbreadcrumb = breadcrumbbreadcrumb+"&nbsp;&middot;&nbsp;<li><a href='index2.php'>home</a></li>";
				breadcrumbbreadcrumb = breadcrumbbreadcrumb+"&nbsp;&middot;&nbsp;<li><a href='bilder.php'>bilder</a></li>";
				breadcrumbbreadcrumb = breadcrumbbreadcrumb+"</ul>";
				document.getElementById('breadcrumb_breadcrumb').innerHTML = breadcrumbbreadcrumb;	
				
				submenu = submenu+"</ul>";
				document.getElementById('submenu').innerHTML = submenu;	

				if(stjahr){
					eventuebersicht(stjahr,stevent);
				}
				else{
					eventuebersicht(xmlDoc.getElementsByTagName('bilder')[0].lastChild.attributes.getNamedItem('name').value);
				
				}

			}
			break;
		default:
			break;
	}
}
//////////////////////////////////////////////////////////////////////////////////////////////////
function eventuebersicht (jahr,event) {
	document.getElementById('bilderlinks').innerHTML = "";
	bilderlinks = "<ul>";

	for (var ie = 0; ie< xmlDoc.getElementsByTagName('bilder')[0].childNodes.length; ie++){
		if (xmlDoc.getElementsByTagName('bilder')[0].childNodes[ie].attributes.getNamedItem('name').value == jahr){
		//alert("ja");

			for (var je = 0; je< xmlDoc.getElementsByTagName('bilder')[0].childNodes[ie].childNodes.length; je++){
			//alert(xmlDoc.getElementsByTagName('bilder')[0].childNodes[ie].childNodes[je].attributes.getNamedItem('name').value);
			bilderlinks = bilderlinks+"<li><a onclick='bilderuebersicht(\""+jahr+"\",\""+xmlDoc.getElementsByTagName('bilder')[0].childNodes[ie].childNodes[je].attributes.getNamedItem('name').value+"\");'>"+xmlDoc.getElementsByTagName('bilder')[0].childNodes[ie].childNodes[je].attributes.getNamedItem('name').value+"</a></li>"
				if(event){
					bilderuebersicht(jahr,event);
				}
				else {
					if (je+Number(1) == xmlDoc.getElementsByTagName('bilder')[0].childNodes[ie].childNodes.length){
						bilderuebersicht(jahr,xmlDoc.getElementsByTagName('bilder')[0].childNodes[ie].childNodes[je].attributes.getNamedItem('name').value);
					}
				}
			}
		} 
	}
	bilderlinks = bilderlinks+"</ul>";
	document.getElementById('bilderlinks').innerHTML = bilderlinks;
}

function bilderuebersicht(bildjahr,bildevent) {
	test = new Array(); // Globales Array cleanen
	document.getElementById('bildrechtsp').innerHTML = "";
	document.getElementById('bildrechtsp').innerHTML = bildjahr+" &middot;"+ bildevent;

	document.getElementById('pixmini').innerHTML = "";
	for (var ig = 0; ig< xmlDoc.getElementsByTagName('bilder')[0].childNodes.length; ig++){
		// jahr angabe
		if (xmlDoc.getElementsByTagName('bilder')[0].childNodes[ig].attributes.getNamedItem('name').value == bildjahr){
			// alle events in diesem jahr durchlaufen
			for (var jh = 0; jh< xmlDoc.getElementsByTagName('bilder')[0].childNodes[ig].childNodes.length; jh++){
				// nach bestimmten event suchen
				if (xmlDoc.getElementsByTagName('bilder')[0].childNodes[ig].childNodes[jh].attributes.getNamedItem('name').value == bildevent) {
				//alert(xmlDoc.getElementsByTagName('bilder')[0].childNodes[ig].childNodes[jh].childNodes.length);
					//test = new Array();
					for (var kkk = 0; kkk< xmlDoc.getElementsByTagName('bilder')[0].childNodes[ig].childNodes[jh].childNodes.length; kkk++){

						var srcjahr	 = xmlDoc.getElementsByTagName('bilder')[0].childNodes[ig].attributes.getNamedItem('name').value // name Jahr
						var srcevent = xmlDoc.getElementsByTagName('bilder')[0].childNodes[ig].childNodes[jh].attributes.getNamedItem('name').value // name event
						var srcbild	 = xmlDoc.getElementsByTagName('bilder')[0].childNodes[ig].childNodes[jh].childNodes[kkk].firstChild.nodeValue;	// name file					
						
						thumbnails[kkk] = new Image();
						thumbnails[kkk].src = "pix/"+srcjahr+"/"+srcevent+"/"+path3+"/k_"+srcbild;
						test[kkk] = "<a><img id=\"next"+kkk+"\" onclick=\'tester(\""+srcjahr+"\",\""+srcevent+"\",\""+srcbild+"\",\""+kkk+"\");\' src='"+thumbnails[kkk].src+"' /></a>";
						nextpfad[kkk] = "pix/"+srcjahr+"/"+srcevent+"/"+srcbild;
						if (kkk == 0){
							document.getElementById('jule').src = "";
							tester(srcjahr,srcevent,srcbild,kkk);
						}
						if (kkk+Number(1) == xmlDoc.getElementsByTagName('bilder')[0].childNodes[ig].childNodes[jh].childNodes.length){
							thumbnailsanzahl = kkk;
							thumbnail(); 

							//alert(start);
						}
					}
				}
			}
		}
	}
}

function thumbnail(){
start = "1";
document.getElementById('pixmini').innerHTML = "";
document.getElementById('thumbnailsleft').innerHTML = "<img style='width:20px; border: none;' src='images/leftgrau.png' />";
Ausgabe = "<div>";

	if(thumbnailsanzahl <= thumbnailsanzeige){
		for (var w = 0; w <= thumbnailsanzahl; w++){
		Ausgabe = Ausgabe+test[w];
		}
		document.getElementById('thumbnailsright').innerHTML = "<img style='width:20px; border: none;' src='images/rightgrau.png' />";
		Ausgabe = Ausgabe+"</div>"
		document.getElementById('pixmini').innerHTML = Ausgabe;
	}
	else{ 
		for (var w = 0; w <= thumbnailsanzeige; w++){
		Ausgabe = Ausgabe+test[w];
		}
		wechsellinks = "0";
		wechselrechts = w;
		document.getElementById('thumbnailsright').innerHTML = "<a onclick=\'thumbnailrechts(\""+w+"\");\'><img style='width:20px; border: none; cursor:pointer;' src='images/rightgelb.png' /></a>";
		Ausgabe = Ausgabe+"</div>"
		document.getElementById('pixmini').innerHTML = Ausgabe; //alert(Ausgabe);
		document.getElementById('next0').style.borderColor='#ffffff';
	}	
}

function thumbnaillinks(beginn){
start = "1";
	document.getElementById('pixmini').innerHTML = "";
	Ausgabe = "";
	

	for (var www = beginn; www <= (Number(beginn)+Number(thumbnailsanzeige)); www++){
		if(www == beginn){
			var links = beginn - Number(1)-Number(thumbnailsanzeige);
		}
		Ausgabe = Ausgabe+test[www];
	}
	if(links < 0){
	document.getElementById('thumbnailsleft').innerHTML = "<img style='width:20px; border: none;' src='images/leftgrau.png' />";
	document.getElementById('thumbnailsright').innerHTML = "<a onclick=\'thumbnailrechts(\""+www+"\");\'><img style='width:20px; border: none; cursor:pointer;' src='images/rightgelb.png' /></a>";
	Ausgabe = Ausgabe+"</div>";
	document.getElementById('pixmini').innerHTML = Ausgabe;	
	wechsellinks = "0";
	wechselrechts = www;
	}
	else{
	document.getElementById('thumbnailsleft').innerHTML = "<a onclick=\'thumbnaillinks(\""+links+"\");\'><img style='width:20px; border: none; cursor:pointer;' src='images/leftgelb.png' /></a>";
	document.getElementById('thumbnailsright').innerHTML = "<a onclick=\'thumbnailrechts(\""+www+"\");\'><img style='width:20px; border: none; cursor:pointer;' src='images/rightgelb.png' /></a>";
	Ausgabe = Ausgabe+"</div>";
	Ausgabe = "<div>"+Ausgabe;
	document.getElementById('pixmini').innerHTML = Ausgabe;
	wechsellinks = links;
	wechselrechts = www;
	}
}

function thumbnailrechts(beginn){
start = "1";
	document.getElementById('pixmini').innerHTML = "";
	Ausgabe = "";

	for (var ww = beginn; ww <= (Number(beginn)+Number(thumbnailsanzeige)); ww++){

		if(ww == beginn){
		var links = beginn - Number(1)-Number(thumbnailsanzeige);
		}
		if(!test[ww]){
		Ausgabe = Ausgabe;
		var weiter = false;
///////////////////////////
		wechselrechts = ww-Number(1);
		
		}
		else{
		Ausgabe = Ausgabe+test[ww];
		}
	}
	if(weiter==false){
	document.getElementById('thumbnailsleft').innerHTML = "<a onclick=\'thumbnaillinks(\""+links+"\");\'><img style='width:20px; border: none; cursor:pointer;' src='images/leftgelb.png' /></a>";
	document.getElementById('thumbnailsright').innerHTML = "<img style='width:20px; border: none;' src='images/rightgrau.png' />";
	Ausgabe = "<div>"+Ausgabe;		
	document.getElementById('pixmini').innerHTML = Ausgabe;	
	wechsellinks = links;
	}
	else{
		if(ww == (Number(thumbnailsanzahl)+Number(1))){
		document.getElementById('thumbnailsleft').innerHTML = "<a onclick=\'thumbnaillinks(\""+links+"\");\'><img style='width:20px; border: none; cursor:pointer;' src='images/leftgelb.png' /></a>";
		document.getElementById('thumbnailsright').innerHTML = "<img style='width:20px; border: none;' src='images/rightgrau.png' />";
		Ausgabe = "<div>"+Ausgabe;
		document.getElementById('pixmini').innerHTML = Ausgabe;
		wechsellinks = links;

		}
		else{
		document.getElementById('thumbnailsleft').innerHTML = "<a onclick=\'thumbnaillinks(\""+links+"\");\'><img style='width:20px; border: none; cursor:pointer;' src='images/leftgelb.png' /></a>";
		document.getElementById('thumbnailsright').innerHTML = "<a onclick=\'thumbnailrechts(\""+ww+"\");\'><img style='width:20px; border: none; cursor:pointer;' src='images/rightgelb.png' /></a>";
		document.getElementById('pixmini').innerHTML = Ausgabe;		
		
		wechsellinks = links;
		wechselrechts = ww;
		
		}
	}
}


function tester (srcjahr3,srcevent3,srcbild3,idnext){


	if(!document.getElementById('next'+next) ){} else {document.getElementById('next'+next).style.borderColor='#FECE21';}


next = idnext;
//alert(next);

//alert('next'+idnext);


	var bild = new Image;
	
	bild.onload = function(){

		document.getElementById('jule').src = bild.src;
		document.getElementById('jule').style.opacity = "0";
		document.getElementById('jule').style.filter = "alpha(opacity=0)"; // IE
		
		fade();

	};
	bild.src = "pix/"+srcjahr3+"/"+srcevent3+"/"+srcbild3;

}

function fade(step) {
if(next == "0"){
document.getElementById("pixleft").setAttribute("onmouseover", "");
}
else{
document.getElementById("pixleft").setAttribute("onmouseover", "document.pixleft.src='images/pixleft.png'");
}
if(next == test.length-Number(1)){
document.getElementById("pixright").setAttribute("onmouseover", "");
}
else{
document.getElementById("pixright").setAttribute("onmouseover", "document.pixright.src='images/pixright.png'");
}

	var imgs = document.getElementById('jule');

	step = step || 0;

	imgs.style.opacity = step/100;
	imgs.style.filter = "alpha(opacity=" + step + ")"; // IE

	step = step + 2;

	if (step <= 100) {
		window.setTimeout(function () { fade(step); }, 5);
	}
	else {
	if(!document.getElementById('next'+next) ){} else {document.getElementById('next'+next).style.borderColor='#ffffff';}
	which = Number(which) + Number("1");
	start="1";
	}
}


function nextleft(){
	//document.getElementById('next'+next).style.borderColor='#FECE21';
	//alert(next);
	//alert(wechsellinks+Number(thumbnailsanzeige)+Number(1));
	
	if(wechsellinks+Number(thumbnailsanzeige)+Number(1) == next){

		if(wechsellinks == "0"){
		thumbnaillinks(wechsellinks);

			var bild = new Image;
			
			bild.onload = function(){

				document.getElementById('jule').src = bild.src;
				document.getElementById('jule').style.opacity = "0";
				document.getElementById('jule').style.filter = "alpha(opacity=0)"; // IE
				
				fade();

			};
			next = Number(next) - Number("1");
			if(next == "-1"){
				next="0";
			}
			else{
				bild.src = nextpfad[next];
			}	
		
		}
		else{

			thumbnaillinks(wechsellinks);

				var bild = new Image;
				
				bild.onload = function(){

					document.getElementById('jule').src = bild.src;
					document.getElementById('jule').style.opacity = "0";
					document.getElementById('jule').style.filter = "alpha(opacity=0)"; // IE
					
					fade();

				};
				next = Number(next) - Number("1");
				if(next == "-1"){
					next="0";
				}
				else{
					bild.src = nextpfad[next];
				}
			
			}
			
		}
	else{
			if(!document.getElementById('next'+next) ){} else {document.getElementById('next'+next).style.borderColor='#FECE21';}

		//alert(wechsellinks);
		var bild = new Image;
		
		bild.onload = function(){

			document.getElementById('jule').src = bild.src;
			document.getElementById('jule').style.opacity = "0";
			document.getElementById('jule').style.filter = "alpha(opacity=0)"; // IE
			
			fade();

		};
		next = Number(next) - Number("1");
		if(next == "-1"){
			next="0";
		}
		else{
			bild.src = nextpfad[next];
		}
		
	}

}

function nextright(){
	if(wechselrechts-Number(1) == next){
	
		if(wechselrechts == test.length-Number(1)){
			if(!document.getElementById('next'+next) ){} else {document.getElementById('next'+next).style.borderColor='#FECE21';}
			var bild = new Image;

			bild.onload = function(){

				document.getElementById('jule').src = bild.src;
				document.getElementById('jule').style.opacity = "0";
				document.getElementById('jule').style.filter = "alpha(opacity=0)"; // IE
				
				fade();

			};
			next = Number(next) + Number("1");

			if(next == test.length){
				next = Number(test.length) - Number(1);

			}
			else {
			bild.src = nextpfad[next];
			}	
		
		}
		else{

			thumbnailrechts(wechselrechts);

				var bild = new Image;

				bild.onload = function(){

					document.getElementById('jule').src = bild.src;
					document.getElementById('jule').style.opacity = "0";
					document.getElementById('jule').style.filter = "alpha(opacity=0)"; // IE
					
					fade();

				};
				next = Number(next) + Number("1");

				if(next == test.length){
					next = Number(test.length) - Number(1);

				}
				else {
				bild.src = nextpfad[next];
				}	
			
			}
			
		}
	else{
	if(!document.getElementById('next'+next) ){} else {document.getElementById('next'+next).style.borderColor='#FECE21';}

		var bild = new Image;

		bild.onload = function(){

			document.getElementById('jule').src = bild.src;
			document.getElementById('jule').style.opacity = "0";
			document.getElementById('jule').style.filter = "alpha(opacity=0)"; // IE
			
			fade();

		};
		next = Number(next) + Number("1");

		if(next == test.length){
			next = Number(test.length) - Number(1);
		}
		else {
		bild.src = nextpfad[next];
		}
		
	}
}