// Skript zum erzeugen einer Bildvergrösserung
   id = "";

   pic = null;
   pic_big = "";

   picX = 0;
   picY = 0;
   xmouse = 0;
   ymouse = 0;
   distance = 20;

   xmouse_abs = 0;
   ymouse_abs = 0;

   windowX  = window.outerWidth;
   windowY  = window.outerHeight;
   windowXi = window.innerWidth;
   windowYi = window.innerHeight;

   windowDiffX = windowX - windowXi;
   windowDiffY = windowY - windowYi;
   diffFaktor = 0.3;

   mouseDiffX = 0; //Pixel bis zum rechten Fensterrand

   ua = navigator.userAgent;
   
   sequenceElems = -1;
   currentSeq = 0;
   timeout = null;

document.onmousemove = updatePic;
//document.onmousedown = showData;

function showData(){
//alert ("Hallo");

alert("Mausposition relativY: " + ymouse+"\n"
+ "MauspositionY absolut: "+ ymouse_abs + "\n"
+ "Mausposition relativX: " + xmouse+"\n"
+ "MauspositionY absolutX: "+ xmouse_abs + "\n"
+ "Pixel nach rechts: "+ mouseDiffX + "\n"
+ "Bildhöhe:          "+ picY + "\n"
+ "Bildbreite:          "+ picX + "\n"
+ "Fensterhöhe:       "+ windowY + "\n"
+ "Innere Fensterhöhe:"+ windowYi + "\n"
+ "Px (inkl Bild) bis zum Rand:   "+ (windowY - (ymouse_abs+picY)) + "\n"
+"Diff. Fensterhöhe: " + windowDiffY);
}


function updatePic(e) {
 
 if(pic_big != ""){
	 
	  if(ua.indexOf("MSIE") >=0) {
	     document.images[pic_big].width = 450;
	     document.images[pic_big].height = 320;
	  } else {  
		   xscale = 1;
		   yscale = 1;
		   scale = 1;
		
		   xmouse = (document.all) ? window.event.x + document.body.scrollLeft : e.pageX;
		   ymouse = (document.all) ? window.event.y + document.body.scrollTop  : e.pageY;
		
		   xmouse_abs = e.clientX;
		   ymouse_abs = e.clientY;
		
		   windowX  = window.outerWidth;
		   windowY  = window.outerHeight;
		   windowXi = window.innerWidth;
		   windowYi = window.innerHeight;
		
		  mouseDiffX = windowXi - (xmouse + windowDiffX) - (windowDiffX*diffFaktor);
		
		  document.images[pic_big].width = picX;
		  document.images[pic_big].height = picY;
		
		  picXdoc = document.images[pic_big].width;
		  picYdoc = document.images[pic_big].height;
		
		   if(picY > windowYi) {yscale = (picY - (picY - windowYi)-(windowDiffY*diffFaktor)) / picY;}
		   if(picX > mouseDiffX) {xscale = (mouseDiffX - distance) / picX;}
		
		   if(xscale > yscale) {scale = yscale}
		   if(yscale > xscale) {scale = xscale}
		
		
		     document.images[pic_big].width  = picXdoc = picX * scale;
		     document.images[pic_big].height = picYdoc = picY * scale;
		
		   if(ymouse_abs + picYdoc > (windowY-windowDiffY-(windowDiffY*diffFaktor)))     {ymouse =  ymouse - (((ymouse_abs + picYdoc) - windowY) + windowDiffY + (windowDiffY*diffFaktor))}
		   if(ymouse_abs + picYdoc < windowDiffY) {ymouse =  ymouse + (windowDiffY - (ymouse_abs + picYdoc))}
		
		
		    if (pic != null) {
		        pic.style.left = (xmouse+distance) + "px";
		        pic.style.top  = (ymouse+distance) + "px";
		    }
		}
	}
}



function showPic(pic_id, x , y) {
	  	
	  	if(pic != null){
			pic.style.display = "none";
		}
  		   		
   		id = pic_id
   		pic_big = "bild"+id;
   		pic = document.getElementById(id);

		picX = x;
		picY = y;
		pic.style.display = "block";
	
}

function iteratePic(noOfPics){
	
	sequenceElems = noOfPics;
	
	if(sequenceElems > 0){
		
		containerId = "seq"+currentSeq;
		
		icontainer = document.getElementById("iContainer");
		currentContainer = document.getElementById(containerId);
		
		imgId = "seqImg"+currentSeq;
		
		document.images[imgId].width  = 520;
		document.images[imgId].height = 398;
		
		if(document.images[imgId].complete){
			icontainer.innerHTML = currentContainer.innerHTML;
		}
		
			
		
		if(currentSeq + 1 < sequenceElems){
			currentSeq++;
		} else {
			currentSeq = 0;		
		}
		if(timeout!=null){
			window.clearTimeout(timeout);
		}
		timeout = window.setTimeout("iteratePic('"+sequenceElems+"')","800");
		
	}
}


function hidePic() {
	if(pic != null){
		pic.style.display = "none";
	}
    
    //window.clearTimeout(timeout);
}