/*
 * 
 * Widget
 * Foto
 * Copyright: Siegfried Mairböck 2009
 * 
 */





function Fotoalbum_start(idname) {
	var obj = document.getElementById(idname);
	var fotoalbum_nr = parseInt(idname.substr("Fotoalbum".length));
	
	var bilder_arr = new Array();
	var n_bilder = 0;
	var aktuelles_bild = 0;
	var obj_ul = null;
	
	var ret = "";
	var knoten = obj.firstChild;
	while (knoten != null) {
		ret += knoten.nodeName + '\n';
		if (knoten.nodeName == "UL" && knoten.className == "FotoalbumUL") {
			obj_ul = knoten;
			// Fotos scannen
			knoten = knoten.firstChild;
			while (knoten != null) {
				if (knoten.nodeName == "LI") {
					bilder_arr.push(knoten);
				}
				knoten = knoten.nextSibling;
			}
			n_bilder = bilder_arr.length;
			break;
		}
  		knoten = knoten.nextSibling;
	}
	
	if (n_bilder == 0) {
		alert("Keine Fotos gefunden!");
		return;
	}
	
	var fa = new Object();

	fa.gehe = function (nr) {
		bilder_arr[aktuelles_bild].style.display = "none";
		aktuelles_bild = nr;
		fa.bild_anzeigen();
	};
	
	fa.bild_anzeigen = function () {

		var bobj = bilder_arr[aktuelles_bild].firstChild;
		bobj.style.left = Math.floor((480 - parseInt(bobj.firstChild.style.width)) / 2) + "px";
		bobj.style.top = Math.floor((450 - parseInt(bobj.firstChild.style.height)) / 2) + "px";
		bilder_arr[aktuelles_bild].style.display = "block";
		
		document.getElementById("FotoalbumBUInner" + fotoalbum_nr).innerHTML =
				document.getElementById("FotoalbumBildtext" + fotoalbum_nr + "n"+ aktuelles_bild).innerHTML;
	
		document.getElementById("FotoalbumBildNr" + fotoalbum_nr).innerHTML = "Bild " + (aktuelles_bild + 1) + " von " + bilder_arr.length;
	
		var thumb = document.getElementById("FotoalbumThumbs" + fotoalbum_nr);
		var bild_start = Math.floor(aktuelles_bild / 6) * 6;
		if (bild_start < 0) bild_start = 0;
		var bild_ende = bild_start + 6;
		if (bild_ende >= bilder_arr.length) bild_ende = bilder_arr.length;
		
		thumb.innerHTML = "";
		
		for (var i = bild_start; i < bild_ende; i++) {
			  var newDiv = document.createElement("div");
			  newDiv.className = "FotoalbumThumbsInner";
			  if (i == aktuelles_bild) newDiv.className += " FotoalbumAktuellesBild";
			  newDiv.style.backgroundImage = 'url(' + fa.fotothumb(i) + ')';
			  newDiv.fa_bildnr = i;
			  newDiv.onclick = function () { fa.gehe(this.fa_bildnr); };
			  newDiv.title = "Bild " + i + " von " + bilder_arr.length;
			  thumb.appendChild(newDiv);
		}
	};
	
	fa.weiter_seite = function () {
		bilder_arr[aktuelles_bild].style.display = "none";
		aktuelles_bild = Math.floor((aktuelles_bild + 6)/ 6) * 6;
		if (aktuelles_bild >= bilder_arr.length) aktuelles_bild = 0;
		fa.bild_anzeigen();
	}
	fa.vor_seite = function () {
		bilder_arr[aktuelles_bild].style.display = "none";
		aktuelles_bild = Math.floor((aktuelles_bild - 6)/ 6) * 6;
		if (aktuelles_bild < 0) aktuelles_bild = bilder_arr.length - 1;
		fa.bild_anzeigen();
	};

	fa.weiter = function () {
		bilder_arr[aktuelles_bild].style.display = "none";
		if (++aktuelles_bild >= bilder_arr.length) aktuelles_bild = 0;
		fa.bild_anzeigen();
	};

	fa.vor = function () {
		bilder_arr[aktuelles_bild].style.display = "none";
		if (--aktuelles_bild < 0) aktuelles_bild = bilder_arr.length - 1;
		fa.bild_anzeigen();
	};
	
	// Dateiname des ersten Thumb-Bildes
	fa.fotothumb = function (nr) {
		var knoten = bilder_arr[nr].firstChild;
		var kn_thumb = null;
		while (knoten != null) {
			if (knoten.className == "FotoalbumTH") {
				kn_thumb = knoten;
			}
			knoten = knoten.nextSibling;
		}
		if (kn_thumb != null) {
//			alert(kn_thumb.firstChild.src);
			return kn_thumb.firstChild.src; // onclick = function () { alert("hallo"); fa.gehe(nr); };
//			kn_thumb.firstChild.onclick = function () { alert("hallo"); fa.gehe(nr); };

			return kn_thumb.innerHTML;
		}
		else {
			return "";
		}
	};
	
	// weiter zum nächsten Bild
	obj_ul.onclick = fa.weiter;
	obj_ul.title = "weiter zum nächsten Bild";
	
	document.getElementById("FotoalbumTxtVor" + fotoalbum_nr).onclick = fa.vor;
	document.getElementById("FotoalbumTxtWeiter" + fotoalbum_nr).onclick = fa.weiter;

	document.getElementById("FotoalbumVor" + fotoalbum_nr).onclick = fa.vor_seite;
	document.getElementById("FotoalbumWeiter" + fotoalbum_nr).onclick = fa.weiter_seite;
	

	// erstes Bild anzeigen
	fa.bild_anzeigen();

}