var Photos = new Array();

function addPhoto(thumb, alt, expose, popup, id) {
	Photos[id] = new Object();

	Photos[id]["thumb"]  = thumb;
	Photos[id]["alt"]    = alt;
	Photos[id]["expose"] = expose;
	Photos[id]["popup"]  = popup;
}

function erzeuge_thumbnails() {
	for (i = 1; i <= anzahl_thumbnails; i++) {
		var divOut = document.createElement("div");
		divOut.className = "out";
		divOut.id        = "out"+i;

		var divMiddle = document.createElement("div");
		divMiddle.className = "middle";

		var divInner = document.createElement("div");
		divInner.className = "inner";
		divInner.id        = "inner"+i;

		var aLink = document.createElement("a");
		aLink.id   = "linkExpose"+i;
		aLink.href = Photos[i]["popup"];
		aLink.rel  = Photos[i]["expose"];

		var thumb   = document.createElement("img");
		thumb.id    = "thumbnail"+i;
		thumb.src   = Photos[i]["thumb"];
		thumb.alt   = Photos[i]["alt"];
		thumb.title = Photos[i]["alt"];

		aLink.appendChild(thumb);
		divInner.appendChild(aLink);
		divMiddle.appendChild(divInner);
		divOut.appendChild(divMiddle);

		document.getElementById("vorschaubilder").appendChild(divOut);
	}
}

function seiten_icons() {
	for (i = 0; i < anzahl_bilder; i++) {
		if (i % anzahl_thumbnails == 0) {
			var leafSpan = document.createElement("span");
			leafSpan.id  = "leafSpan"+i;

			var leafLink = document.createElement("a");
			leafLink.id        = "leafLink"+i;
			leafLink.rel       = i;
			leafLink.href      = "#";
			leafLink.innerHTML = "&nbsp;"
			leafLink.className = "off";

			if (i == 0) {
				leafLink.className = "on";
			}

			leafSpan.appendChild(leafLink);

			document.getElementById("pagesicons").appendChild(leafSpan);
		}
	}
}

function thumbnails_auffrischen() {
	for (i = 1; i <= anzahl_thumbnails; i++) {
		if (Photos[index_erstes_bild+i] == undefined) {
			document.getElementById('out'+i).style.visibility = 'hidden';
		}
		else {
			document.getElementById('out'+i).style.visibility = 'visible';

			document.getElementById('thumbnail'+i).src   = Photos[index_erstes_bild+i]["thumb"];
			document.getElementById('thumbnail'+i).alt   = Photos[index_erstes_bild+i]["alt"];
			document.getElementById('thumbnail'+i).title = Photos[index_erstes_bild+i]["alt"];

			document.getElementById('linkExpose'+i).href = Photos[index_erstes_bild+i]["popup"];
			document.getElementById('linkExpose'+i).rel  = Photos[index_erstes_bild+i]["expose"];
		}
	}

	for (i = 0; i < anzahl_bilder; i++) {
		if (i % anzahl_thumbnails == 0 && document.getElementById("leafLink"+i) != null) {
			if (i == index_erstes_bild) {
				document.getElementById("leafLink"+index_erstes_bild).className = "on";
			}
			else {
				document.getElementById("leafLink"+i).className = "off";
			}
		}
	}
}

function back() {
	if (index_erstes_bild - anzahl_thumbnails > 0) {
		index_erstes_bild = index_erstes_bild - anzahl_thumbnails;
	}
	else {
		index_erstes_bild = 0;
	}

	if (anzahl_bilder > anzahl_thumbnails) {
		thumbnails_auffrischen();
	}
}

function next() {
	var pages = 0;

	for (i = 0; i < anzahl_bilder; i++) {
		if (i % anzahl_thumbnails == 0) {
			pages++;
		}
	}

	if (index_erstes_bild + anzahl_thumbnails < anzahl_bilder) {
		if (index_erstes_bild + 2 * anzahl_thumbnails < anzahl_bilder) {
			index_erstes_bild = index_erstes_bild + anzahl_thumbnails;
		}
		else {
			index_erstes_bild = (index_erstes_bild + 2 * anzahl_thumbnails) - anzahl_thumbnails;
		}

		if (index_erstes_bild <= anzahl_bilder) {
			thumbnails_auffrischen();
		}
	}
}

function wechsel_expose(img, url) {
	document.getElementById("bildgross").innerHTML = '<a href="#" onclick="return popgalerie('+"'"+url+"'"+');"><img src="'+img+'" /></a>';
}

function init_galerie_expose() {

	// event auf bildern

	for (i = 1; i <= anzahl_thumbnails; i++) {
		imageLink = document.getElementById('inner'+i).getElementsByTagName('a')[0];

		imageLink.onmouseover = function() {
			return wechsel_expose(this.rel, this.href);
		}

		imageLink.onclick = function() {
			return popgalerie(this.href);
		}
	}

	// event blättern bilder

	for (i = 0; i < anzahl_bilder; i++) {
		if (i % anzahl_thumbnails == 0) {
			leafLink = document.getElementById('leafSpan'+i).getElementsByTagName('a')[0];

			leafLink.onclick = function() {
				index_erstes_bild = parseInt(this.rel);

				return thumbnails_auffrischen();
			}
		}
	}

	// back

	document.getElementById('leafBack').onclick = function() { back(); }

	//forward

	document.getElementById('leafNext').onclick = function() { next(); }
}

window.onload = init_galerie_expose;