function getPosition(element)
/* der Aufruf dieser Funktion ermittelt die absoluten Koordinaten
   des Objekts element */
{
  var elem=element,tagname="",x=0,y=0;
  
/* solange elem ein Objekt ist und die Eigenschaft offsetTop enthaelt
   wird diese Schleife fuer das Element und all seine Offset-Eltern ausgefuehrt */
  while ((typeof(elem)=="object")&&(typeof(elem.tagName)!="undefined"))
  {
    y+=elem.offsetTop;     /* Offset des jeweiligen Elements addieren */
    x+=elem.offsetLeft;    /* Offset des jeweiligen Elements addieren */
    tagname=elem.tagName.toUpperCase(); /* tag-Name ermitteln, Grossbuchstaben */

/* wenn beim Body-tag angekommen elem fuer Abbruch auf 0 setzen */
    if (tagname=="BODY")
      elem=0;

	  
	if(elem.offsetParent==null){
		break;
	}
	  
/* wenn elem ein Objekt ist und offsetParent enthaelt
   Offset-Elternelement ermitteln */
    if (typeof(elem)=="object"){
      if (typeof(elem.offsetParent)=="object"){
        elem=elem.offsetParent;
	  }
	}
  }

/* Objekt mit x und y zurueckgeben */
  position=new Object();
  position.x=x;
  position.y=y;
  return position;
}

  function popupLayer(thisLayer) {

    opacityValue = 7;
  
    if (window.innerHeight && window.scrollMaxY) {// Firefox
      myHeight = window.innerHeight + window.scrollMaxY;
      myWidth = window.innerWidth + window.scrollMaxX;
    } else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
      myHeight = document.body.scrollHeight;
      myWidth = document.body.scrollWidth;
    } else { // works in Explorer 6 Strict, Mozilla (not FF) and Safari
      myHeight = document.body.offsetHeight;
      myWidth = document.body.offsetWidth;
    } 
    
   	var objCheck = document.getElementById('myPopupLayer');

  	if (!objCheck) {
      
      // hide the page
      blackCover = document.createElement("div");
  		blackCover.id = 'blackCover';
      blackCover.style.position = "absolute";
      blackCover.style.display = "block";
      blackCover.style.width = "100%";
      blackCover.style.height = myHeight+"px";
      blackCover.style.top = "0px";
      blackCover.style.left = "0px";
      blackCover.style.opacity = opacityValue/10;
      blackCover.style.filter = 'alpha(opacity=' + opacityValue*10 + ')';
      blackCover.style.backgroundColor = "#ffffff"; // weiss
      document.body.appendChild(blackCover);
  
      // show popup layer
      
      objPanel = document.createElement("div");
  		objPanel.id = 'myPopupLayer';
      objPanel.style.position = "absolute";
      objPanel.style.display = "block";
	  a=getPosition(thisLayer);
	  newTop = a.y;
	  newLeft = a.x;
      objPanel.style.top = newTop+"px";
      objPanel.style.left = newLeft+"px";
      objPanel.style.textAlign = "right";
      objPanel.style.paddingTop = "4px";
      objPanel.style.paddingRight = "0px";
      //objPanel.src = thisLayer.href;
      objPanel.style.backgroundColor = "#ffffff";
      objPanel.style.border = "1px solid #bbbbbb";
		//	objPanel.style.cursor = "pointer";
  		//objPanel.onclick = new Function("hidePopupLayer()");
  
      document.body.appendChild(objPanel);
      var objCheck = document.getElementById('myPopupLayer');
  
      // show popup layer
      
      closePanel = document.createElement("a");
  		closePanel.id = 'myPopupLayerClose';
      closePanel.style.position = "relative";
      closePanel.style.display = "block";
      closePanel.style.fontSize = "10px";
      closePanel.innerHTML = "[X]";
      closePanel.style.backgroundColor = "white";
      
			closePanel.style.cursor = "pointer";
  		closePanel.onclick = new Function("hidePopupLayer()");
  
      objCheck.appendChild(closePanel);

  // show popup layer
      
      objImgPanel = document.createElement("img");
  		objImgPanel.id = 'myPopupLayerImage';
      objImgPanel.style.position = "relative";
      objImgPanel.style.display = "block";
      objImgPanel.src = thisLayer.href;
			objImgPanel.style.cursor = "pointer";
  		objImgPanel.onclick = new Function("hidePopupLayer()");
  
      objCheck.appendChild(objImgPanel);

	  
 	  newTop = a.y;
	  newLeft = a.x-200;
      objPanel.style.top = newTop+"px";
      objPanel.style.left = newLeft+"px";


    }else{
    	var objPanel = document.getElementById('blackCover');
    	objPanel.style.display = "block";
    	var objPanel = document.getElementById('myPopupLayer');
		a=getPosition(thisLayer);
		newTop = a.y;
		newLeft = a.x-200;
		objPanel.style.top = newTop+"px";
		objPanel.style.left = newLeft+"px";
    	objPanel.style.display = "block";

		var Knoten = document.getElementById("myPopupLayerImage");
		verschwunden = objPanel.removeChild(Knoten);
		
		objImgPanel = document.createElement("img");
		objImgPanel.id = 'myPopupLayerImage';
		objImgPanel.style.position = "relative";
		objImgPanel.style.display = "block";
		objImgPanel.src = thisLayer.href;
		objImgPanel.style.cursor = "pointer";
		objImgPanel.onclick = new Function("hidePopupLayer()");

		objCheck.appendChild(objImgPanel);
		
    }
      
    return false;
  }
  
function hidePopupLayer() {
	var objPanel = document.getElementById('blackCover');
	objPanel.style.display = "none";
	var objPanel = document.getElementById('myPopupLayer');
	objPanel.style.display = "none";
}