// list_handle.js - written 02/2005 by Johannes Bouchain

var AktuellBild = 0;
var AktuellUebersicht = 1;
var AnsichtFenster = "Bild";
var Started=0;
var UebersichtProBlatt = 25;


function Blaettern(Richtung) {
	if(AnsichtFenster == "Uebersicht") {
		AktuellUebersicht = AktuellUebersicht + Richtung;
		if(AktuellUebersicht > Math.ceil(Bild.length / UebersichtProBlatt)) {
			AktuellUebersicht = 1; }
		else if(AktuellUebersicht < 1) {
			AktuellUebersicht = Math.ceil(Bild.length / UebersichtProBlatt); }
		UebersichtAnzeigen(); }
	else {
		AktuellBild = AktuellBild + Richtung;
		if(AktuellBild > Bild.length - 1) AktuellBild = 0;
		else if(AktuellBild < 0) AktuellBild = Bild.length - 1;
		BildAnzeigen(); }
}

function AnsichtWechsel(BildPos) {
	if(AnsichtFenster=="Bild") {
		
// --- Elemente löschen ---
		if(document.getElementById("thumbnails")) {
		var Loeschen=document.getElementById("thumbnails")
		document.getElementById("Navigation").removeChild(Loeschen);
		var Loeschen = document.getElementsByTagName("p")[0];
		document.getElementById("DynamicWindow").removeChild(Loeschen);
		var Loeschen = document.getElementsByTagName("p")[0];
		document.getElementById("DynamicText").removeChild(Loeschen);
		var Loeschen = document.getElementsByTagName("p")[0];
		document.getElementById("DynamicText").removeChild(Loeschen);
		var Loeschen = document.getElementsByTagName("h2")[0];
		document.getElementById("DynamicText").removeChild(Loeschen);
		}
		
// --- Elemente für Thumbnail-Ansicht erstellen ---
		var NewElement = document.createElement("p");
		document.getElementById("DynamicWindow").appendChild(NewElement);
		document.getElementsByTagName("p")[0].setAttribute("id","pUebersicht");
		
		var NewElement = document.createElement("table");
		document.getElementsByTagName("p")[0].appendChild(NewElement);
				
		for(var RowCount=0;RowCount<=4;RowCount++) {
			document.getElementsByTagName("table")[0].insertRow(RowCount);
			for(var CellCount=0;CellCount<=4;CellCount++) {
				document.getElementsByTagName("tr")[RowCount].insertCell(CellCount);
				var ActuellCell = RowCount * 5 + CellCount;
				
				var NewElement = document.createElement("a");
				document.getElementsByTagName("td")[ActuellCell].appendChild(NewElement);
				document.getElementsByTagName("a")[ActuellCell].setAttribute("href", "javascript:AnsichtWechsel("+(ActuellCell+ 1)+")");
				document.getElementsByTagName("a")[ActuellCell].setAttribute("id", "a"+(ActuellCell+1));
				
				var NewElement = document.createElement("img");
				document.getElementsByTagName("a")[ActuellCell].appendChild(NewElement);
				document.getElementsByTagName("img")[ActuellCell].setAttribute("src", "greyimage.jpg");
				document.getElementsByTagName("img")[ActuellCell].setAttribute("id", "sm"+(ActuellCell+1));
				document.getElementsByTagName("img")[ActuellCell].setAttribute("alt", "greyimage.jpg");
				document.getElementsByTagName("img")[ActuellCell].setAttribute("border", "0px");
				document.getElementsByTagName("img")[ActuellCell].setAttribute("style", "height:70px; width:105px; visibility:visible;");
			}
		}
		
		var NewElement = document.createElement("p");
		document.getElementById("DynamicText").appendChild(NewElement);
		
		var NewElement = document.createElement("i");
		var NewElementText = document.createTextNode("Übersichtsblatt ");
		NewElement.appendChild(NewElementText);
		var NewElementText = document.createTextNode(AktuellUebersicht);
		NewElement.appendChild(NewElementText);
		var NewElementText = document.createTextNode(" von ");
		NewElement.appendChild(NewElementText);
		var NewElementText = document.createTextNode(Math.ceil(Bild.length / UebersichtProBlatt));
		NewElement.appendChild(NewElementText);
		document.getElementsByTagName("p")[1].appendChild(NewElement);
		
		
		var NewElement = document.createElement("p");
		document.getElementById("DynamicText").appendChild(NewElement);
		
		var NewElement = document.createElement("a");
		var NewElementText = document.createTextNode("zurück zu stadtkreation.de");
		NewElement.appendChild(NewElementText);
		document.getElementsByTagName("p")[2].appendChild(NewElement);
		document.getElementsByTagName("a")[27].setAttribute("href", "../de/special_presentations.html");
		
		
		AnsichtFenster = "Uebersicht";
		AktuellUebersicht = Math.ceil((AktuellBild + 1) / UebersichtProBlatt); 
		UebersichtAnzeigen();
	}
	else {
		if((AktuellUebersicht * UebersichtProBlatt) - (UebersichtProBlatt + 1) + BildPos < Bild.length) {
			AktuellBild = (AktuellUebersicht * UebersichtProBlatt) - (UebersichtProBlatt + 1) + BildPos;
			
// --- Elemente löschen ---
			var Loeschen = document.getElementsByTagName("p")[0];
			document.getElementById("DynamicWindow").removeChild(Loeschen);
			var Loeschen = document.getElementsByTagName("p")[0];
			document.getElementById("DynamicText").removeChild(Loeschen);
			var Loeschen = document.getElementsByTagName("p")[0];
			document.getElementById("DynamicText").removeChild(Loeschen);
						
// --- Elemente für Einzelbildansicht erstellen ---
			var NewElement = document.createElement("p");
			document.getElementById("DynamicWindow").appendChild(NewElement);
			document.getElementsByTagName("p")[0].setAttribute("id","pEinzelbild");
			
			var NewElement = document.createElement("img");
			document.getElementsByTagName("p")[0].appendChild(NewElement);
			document.getElementsByTagName("img")[0].setAttribute("id","bildanzeige");
					
			var NewElement = document.createElement("a");
			document.getElementById("Navigation").insertBefore(NewElement, document.getElementById("leer2"));
			document.getElementsByTagName("a")[1].setAttribute("href", "javascript:AnsichtWechsel(1)");
			document.getElementsByTagName("a")[1].setAttribute("id", "thumbnails");
			
			var NewElement = document.createElement("b");
			var NewElementText = document.createTextNode("Übersicht");
			NewElement.appendChild(NewElementText);
			document.getElementsByTagName("a")[1].appendChild(NewElement);
			
			var NewElement = document.createElement("h2");
			var NewElementText = document.createTextNode(Bild[AktuellBild].name);
			NewElement.appendChild(NewElementText);
			document.getElementById("DynamicText").appendChild(NewElement);
			document.getElementsByTagName("h2")[0].setAttribute("id","bildname");

			var NewElement = document.createElement("p");
			var NewElementText = document.createTextNode("Aufgenommen am ");
			NewElement.appendChild(NewElementText);
			document.getElementById("DynamicText").appendChild(NewElement);
			
			var NewElement = document.createElement("span");
			var NewElementText = document.createTextNode(Bild[AktuellBild].date);
			NewElement.appendChild(NewElementText);
			document.getElementsByTagName("p")[1].appendChild(NewElement);
			document.getElementsByTagName("span")[2].setAttribute("id","datum");
			
			var NewElementText = document.createTextNode(" (");
			document.getElementsByTagName("p")[1].appendChild(NewElementText);
			
			var NewElement = document.createElement("span");
			var NewElementText = document.createTextNode("Bild " + (AktuellBild + 1) + " von " + Bild.length);
			NewElement.appendChild(NewElementText);
			document.getElementsByTagName("p")[1].appendChild(NewElement);
			document.getElementsByTagName("span")[3].setAttribute("id","bilder");
			
			var NewElementText = document.createTextNode(")");
			document.getElementsByTagName("p")[1].appendChild(NewElementText);
					
			var NewElement = document.createElement("p");
			var NewElementText = document.createTextNode(Bild[AktuellBild].desc);
			NewElement.appendChild(NewElementText);
			document.getElementById("DynamicText").appendChild(NewElement);
			document.getElementsByTagName("p")[2].setAttribute("id","beschreibung");
									
			AnsichtFenster = "Bild";
			
			BildAnzeigen();
		}
	}
}

function UebersichtAnzeigen() {
	
	//var BlattAnz = "Übersichtsblatt " + AktuellUebersicht + " von " + Math.ceil(Bild.length / UebersichtProBlatt);
	
		for(var i=1; i <= UebersichtProBlatt; i++) {
		var UebersichtPos = (AktuellUebersicht * UebersichtProBlatt) - (UebersichtProBlatt + 1) + i;
		if(Bild.length > UebersichtPos) {
			document.getElementById("sm" + i).src = Bild[UebersichtPos].small;
			document.getElementById("sm" + i).alt = Bild[UebersichtPos].small;
			getElem("id","a" + i,null).style.cursor="pointer";
		}
		else {
			document.getElementById("sm" + i).src = "greyimage.jpg";
			document.getElementById("sm" + i).alt = "greyimage.jpg";
			getElem("id","a" + i,null).style.cursor="default";
		}
	}
	
	var NewElementText = document.createTextNode(AktuellUebersicht);
	document.getElementsByTagName("i")[0].replaceChild(NewElementText, document.getElementsByTagName("i")[0].childNodes[1]);
}

function BildAnzeigen() {
 document.getElementById("bildanzeige").style.visibility = "hidden";
 var AktuellAnzeige = AktuellBild + 1

 var BildAnz = "Bild " + AktuellAnzeige + " von " + Bild.length;
 
 var TextKnoten1 = document.createTextNode(Bild[AktuellBild].name);
 var TextKnoten2 = document.createTextNode(Bild[AktuellBild].date);
 var TextKnoten3 = document.createTextNode(Bild[AktuellBild].desc);
 var TextKnoten4 = document.createTextNode(BildAnz);
  
 document.getElementById("bilder").replaceChild(TextKnoten4, document.getElementById("bilder").firstChild);
 document.getElementById("pEinzelbild").replaceChild(document.createElement("img"),document.getElementById("pEinzelbild").firstChild);
 document.getElementsByTagName("img")[0].setAttribute("id","bildanzeige");
 document.getElementById("bildanzeige").src = Bild[AktuellBild].src;
 document.getElementById("bildanzeige").name = Bild[AktuellBild].name;
 document.getElementById("bildanzeige").alt = Bild[AktuellBild].alt;
 document.getElementById("bildanzeige").style.visibility = "visible";
 document.getElementById("bildname").replaceChild(TextKnoten1, document.getElementById("bildname").firstChild);
 document.getElementById("datum").replaceChild(TextKnoten2, document.getElementById("datum").firstChild);
 document.getElementById("beschreibung").replaceChild(TextKnoten3, document.getElementById("beschreibung").firstChild);

 }