Mappe = new Array();
xMappe = new Array();
yMappe = new Array();
function AddMappe (datei,x,y) {
	  Mappe.push(datei);
	  xMappe.push(x);
	  yMappe.push(y);

}


function vergroessern(welche, e, position, imgwidth, imgheight){
    
	var width = window.innerWidth ||                      // alle Browser
 	 (window.document.documentElement.clientWidth ||     // IE im Standard-Mode
  	 window.document.body.clientWidth);                 // IE im Quirks-Mode
	var height = window.innerHeight || 
   	(window.document.documentElement.clientHeight || 
   	 window.document.body.clientHeight);

var overy=false;
var overx=false;

    if (imgwidth>width-80){
    	imgwidth=width-80;
    	overx=true;
    	
    } 
    if (imgheight>height-80){
    	imgheight=height-80;
    	overy=true;
    }
    
    var postop=(height-imgheight)/2;
    var posleft=(width-imgwidth)/2;
    

	var aufbau = document.getElementById("zeigedasbild");		
    	aufbau.style.left=posleft+"px";
	aufbau.style.top=postop+"px";
	
	
	aufbau.style.width=imgwidth+"px";
	var schliesstext ="[X]";
	var schliesstext2 =schliesstext;
	if (imgwidth>750){
		schliesstext="[X] Schließen";
		schliesstext2="Schließen [X]";
	}
	var theinnerhtml='<div id="leiste"><span class="schliessen_text" style="float:left;"><a href="#"  onClick="return vorschau_zu()">'+schliesstext+'</a></span>&nbsp;';
	

	
	
		
		if (Mappe!=null&&Mappe.length!=0){
					var mappenpos=0;
		
					for (var i = 0; i < Mappe.length; i++) {
						if (welche==Mappe[i]){
						mappenpos=i;
						break;
						}
					}
					var mappenvor=mappenpos+1;
					var mappenzur=mappenpos-1;
					if (mappenvor>=Mappe.length) {mappenvor=0}
					if (mappenzur<0) {mappenzur=Mappe.length-1}
		
					theinnerhtml=theinnerhtml+'<a  href="#"  onClick="return vergroessern(\''+Mappe[mappenzur]+'\',event,\'center\','+xMappe[mappenzur]+','+yMappe[mappenzur]+')">&lt;&lt; Zur&uuml;ck </a>| Bild '+(mappenpos+1)+'/'+Mappe.length+' | <a href="#" onClick="return vergroessern(\''+Mappe[mappenvor]+'\',event,\'center\','+xMappe[mappenvor]+','+yMappe[mappenvor]+')"> Vorw&auml;rts &gt;&gt;&nbsp;</a>'
					}
		
		
	
	
	theinnerhtml=theinnerhtml+'<span class="schliessen_text" style="float:right;"><a href="#"  onClick="return vorschau_zu()">'+schliesstext2+'</a></span></div>  <div id="bild" style="width:'+imgwidth+'px; height:'+imgheight+'px;'
	if (overx|overy) {theinnerhtml=theinnerhtml+'overflow:scroll;';}
	if (!overy&overx) {theinnerhtml=theinnerhtml+'overflow-y: hidden;';}
	if (!overx&overy) {theinnerhtml=theinnerhtml+'overflow-x: hidden;';}
	
	theinnerhtml=theinnerhtml+'"><img  alt=""  src="'+welche+'" ';

	if (Mappe!=null&&Mappe.length!=0){
			theinnerhtml=theinnerhtml+'href="#" onClick="return vergroessern(\''+Mappe[mappenvor]+'\',event,\'center\','+xMappe[mappenvor]+','+yMappe[mappenvor]+')" style="cursor: pointer;"';
			}
			
	theinnerhtml=theinnerhtml+'></div></div>';


	aufbau.innerHTML=theinnerhtml;
	aufbau.style.visibility="visible";
	document.getElementById("black").style.visibility="visible";
	 return false


    }
     function vorschau_zu(){
	    document.getElementById("black").style.visibility="hidden";
	    document.getElementById("zeigedasbild").style.visibility="hidden";
	    return false;

    }