var hutziwutzi = new Image();
	
	myImgOnLoadHandler = function(e) {
		// alert("onload-Handler für das Bild hat gefeuert! und box kann jetzt zentriert werden");
		var neuesbild = document.getElementById('aktuellesBild');
		neuesbild.src = hutziwutzi.src;
		neuesbild.height = hutziwutzi.height;
		neuesbild.width = hutziwutzi.width;
		center(document.getElementById('luftbox'));
	}

	myImgOnErrorHandler = function(e) {
		alert("Bild kann nicht geladen werden. Warum, weiss ich nicht.");
	}

	ladMirEinBild = function(bild) {
	 hutziwutzi.src = bild;
	 hutziwutzi.onload = myImgOnLoadHandler; // Name der Handlerfunktion ohne Klammern!
	 hutziwutzi.onerror = myImgOnErrorHandler;
	 document.getElementById('grossesBild').style.margin = "0 auto 0 auto";
	}

	
	
	
	var sichtbar = 5;
	var mitte = 3;
	var aktuell = 1;
	var anzahl = 0;
	var mystr;
	var startwert;

	javascript:document.getElementById('bilderarray').style.width = "" + (64+(sichtbar*(64+8))+64-8) + "px";
	
	function ausgabe() {
		//alert("anz: "+anzahl+" start: "+startwert+" aktuell: "+aktuell);
		document.getElementById("div_ausgabe").innerHTML = "anzahl: "+anzahl+" start: "+startwert+" aktuell: "+aktuell;
	}
	function ausg(wo) {
		document.getElementById("div_ausg").innerHTML = wo;
	}

	function fuellen() {
		mystr = "";
		var markiert;
		if ( (aktuell<mitte-1)||(anzahl<sichtbar) ) { // anfang des arrays
			startwert=0; 
			ausg("anfang");
		} else { 
			if ( aktuell>anzahl-sichtbar+mitte-1 ) { // ende des arrays
				startwert=anzahl-sichtbar;
				ausg("ende");
			} else { // irgendwo in der mitte
				startwert=aktuell-mitte+1; 
				ausg("mitte");
			}
		}
		ausgabe();
		for ( i=startwert; i<startwert+sichtbar; i++ ) {
			if (i==aktuell) { markiert="background-color:#ececec; width:56px; height:56px;margin:1px 9px 1px 1px; padding:1px; border:2px dotted #666666;"; } else { markiert=""; }
			if (i<anzahl) {
				// mystr = mystr + "<b href=\"javascript:ladMirEinBild('" + bilderliste[i].ort + 
				mystr = mystr + "<b href=\"javascript:bildAbsolutAngeben('" + i + 
					"')\" ><img src=\"" + bilderliste[i].tn + "\" width=\"64\" height=\"64\" style=\"margin:0 8px 0 0;cursor:pointer; padding:0;border:none;" +
					markiert +
					"\" onclick=\"bildAbsolutAngeben('" + i + "')\"  /></b>";
					// "
					// "\" onclick=\"new Lightbox.base('" + bilderliste[i].ort + "')\"  /></b>";
			} // if
		}
		document.getElementById("gesammeltes").innerHTML=mystr;
	}
	
	var left = -8+72;
	bildAbsolutAngeben = function(welches) {
	  if (true || (aktuell<anzahl-1)) { 
			// left = left-72; 
			aktuell=welches;
			fuellen();
			ladMirEinBild(bilderliste[aktuell].ort);
		}
		javascript:document.getElementById('gesammeltes').style.marginLeft = "" + left + "px";
	}
	nachRechts = function() {
		if (aktuell<anzahl-1) { 
			// left = left-72; 
			aktuell++;
			fuellen();
			ladMirEinBild(bilderliste[aktuell].ort);
		}
		javascript:document.getElementById('gesammeltes').style.marginLeft = "" + left + "px";
	}
	ganzRechts = function() {
		if (aktuell<anzahl-1) { 
			// left = left-72; 
			aktuell=anzahl-1;
			fuellen();
		}
		javascript:document.getElementById('gesammeltes').style.marginLeft = "" + left + "px";
	}
	nachLinks = function() {
		if (aktuell>0) { 
			// left = left+72;
			aktuell--;
			fuellen();
			ladMirEinBild(bilderliste[aktuell].ort);
		}
		javascript:document.getElementById('gesammeltes').style.marginLeft = "" + left + "px";
	}
	
	center = function(Eliment){
		var my_width  = 0;
		var my_height = 0;
		
		if ( typeof( window.innerWidth ) == 'number' ){
			my_width  = window.innerWidth;
			my_height = window.innerHeight;
		}else if ( document.documentElement && 
				 ( document.documentElement.clientWidth ||
				   document.documentElement.clientHeight ) ){
			my_width  = document.documentElement.clientWidth;
			my_height = document.documentElement.clientHeight;
		}
		else if ( document.body && 
				( document.body.clientWidth || document.body.clientHeight ) ){
			my_width  = document.body.clientWidth;
			my_height = document.body.clientHeight;
		}
		
		Eliment.style.position = 'absolute';
		Eliment.style.zIndex   = 99;
		
		var scrollY = 0;
		
		if ( document.documentElement && document.documentElement.scrollTop ){
			scrollY = document.documentElement.scrollTop;
		}else if ( document.body && document.body.scrollTop ){
			scrollY = document.body.scrollTop;
		}else if ( window.pageYOffset ){
			scrollY = window.pageYOffset;
		}else if ( window.scrollY ){
			scrollY = window.scrollY;
		}
		
		var elementDimensions = Element.getDimensions(Eliment);
		
		var setX = ( my_width  - elementDimensions.width  ) / 2;
		var setY = ( my_height - elementDimensions.height ) / 2 + scrollY;
		
		setX = ( setX < 0 ) ? 0 : setX;
		setY = ( setY < 0 ) ? 0 : setY;
		
		Eliment.style.left = setX + "px";
		Eliment.style.top  = setY + "px";
		
	}