var intervall;
 var myImage = null;
 var description = null;
 function hideImage()
 {
  document.getElementById("ImagePanel").style.visibility = "hidden";
  document.getElementById("ImageBack").style.visibility = "hidden";
 }

 function showImage(img, descr)
 {
  myImage = new Image();
  myImage.src = img;
  description = descr;
  intervall = window.setInterval("pruefen(myImage)", 50);
 }

function getScrollXY() {
	var scrOfX = 0, scrOfY = 0;

	if( typeof( window.pageYOffset ) == 'number' ) {
		//Netscape compliant
		scrOfY = window.pageYOffset;
		scrOfX = window.pageXOffset;
	} else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
		//DOM compliant
		scrOfY = document.body.scrollTop;
		scrOfX = document.body.scrollLeft;
	} else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
		//IE6 standards compliant mode
		scrOfY = document.documentElement.scrollTop;
		scrOfX = document.documentElement.scrollLeft;
	}
	return [ scrOfX, scrOfY ];
}


function pruefen(myImage)
{

  if (myImage.complete)
  {
  window.clearInterval(intervall);

  if (!document.all)
  {
   document.getElementById("ImageBack").style.height = (window.innerHeight + window.pageYOffset)+'px';
  } else
  {
   document.getElementById("ImageBack").style.height = document.documentElement.clientHeight + document.documentElement.scrollTop;
  }

   var content = "<a href=\"Javascript:void(0)\" onClick=\"hideImage()\"><img name=\"visibleImage\" style=\"border: 0px solid black;\" src=\""+myImage.src+"\" alt=\""+description+"\"></a>";
   content += "<a href=\"Javascript:void(0)\" onClick=\"hideImage()\"><img style=\"position: absolute; margin-top: 1px; margin-left: -101px;\" border=\"0\" src=\"images/close.PNG\" width=\"100\" height=\"23\" /></a>";
   content += "<br/>"+description;

   document.getElementById("ImagePanel").innerHTML = content;

   if (description != "")
   {
    document.getElementById("ImagePanel").style.height = myImage.height + 40;
   } else document.getElementById("ImagePanel").style.height = myImage.height;

   document.getElementById("ImagePanel").style.width = myImage.width;
   document.getElementById("ImagePanel").style.top = 80 + getScrollXY()[1] +'px';
   document.getElementById("ImagePanel").style.marginLeft = -parseInt(document.visibleImage.width / 2) +'px';

   document.getElementById("ImageBack").style.visibility = 'visible';
   document.getElementById("ImagePanel").style.visibility = 'visible';
  }
}