function scrollOffset(value) {
  var x, y;
  if (self.pageYOffset) {
    // all except Explorer
    x = self.pageXOffset;
    y = self.pageYOffset;
  } else if (document.documentElement && document.documentElement.scrollTop) {
    // Explorer 6 Strict
    x = document.documentElement.scrollLeft;
    y = document.documentElement.scrollTop;
  } else if (document.body) {
    // all other Explorers
    x = document.body.scrollLeft;
    y = document.body.scrollTop;
  }
  if (!x) x = 0;
  if (!y) y = 0;
  if(value=='x'){
	return x;
  }
  if(value=='y'){
	return y;
  }
}

function onComplete() {

	var myWidth = 0, myHeight = 0;
	if( typeof( window.innerWidth ) == 'number' ) {
		//Non-IE
		myWidth = window.innerWidth;
		myHeight = window.innerHeight;
	} else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
		//IE 6+ in 'standards compliant mode'
		myWidth = document.documentElement.clientWidth;
		myHeight = document.documentElement.clientHeight;
	} else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
		//IE 4 compatible
		myWidth = document.body.clientWidth;
		myHeight = document.body.clientHeight;
	}
    
	n = 0;
	elementId = 'thisImage';
	if(document.getElementById(elementId).complete == true) n++;
	if(n < 1) setTimeout("onComplete()",100); else {
	
			imgObj = document.getElementById(elementId);
		
		  objPanel = document.getElementById('myPopupLayer');

		  newTop = (myHeight/2)+scrollOffset('y')-(imgObj.height/2);
		  newLeft = (myWidth/2)+scrollOffset('x')-(imgObj.width/2);
		  objPanel.style.top = newTop+"px";
		  objPanel.style.left = newLeft+"px";

		  opacityValue = 100;
		  objPanel.style.opacity = opacityValue/10;
		  objPanel.style.filter = 'alpha(opacity=' + opacityValue*10 + ')';
		
	}
}

function getHtmlHeight (el) {

	var styleProp = 'height'
	var thisElement = el;
	if (thisElement.currentStyle)
		var y = document.documentElement.scrollHeight+"px";
	else if (window.getComputedStyle)
		var y = document.defaultView.getComputedStyle(thisElement,null).getPropertyValue(styleProp);
	return y;

}
		
function getHtmlWidth (el) {

	var styleProp = 'width'
	var thisElement = el;
	if (thisElement.currentStyle)
		var y = document.documentElement.scrollWidth+"px";
	else if (window.getComputedStyle)
		var y = document.defaultView.getComputedStyle(thisElement,null).getPropertyValue(styleProp);
	return y;

}


	
  function popupLayer(thisLayer) {

    opacityValue = 7;

   	var objCheck = document.getElementById('myPopupLayer');

  	if (!objCheck) {
	
	
	//document.body.style.position = 'static';
      // hide the page
      blackCover = document.createElement("div");
	  blackCover.id = 'blackCover';
      blackCover.style.position = "absolute";
      blackCover.style.display = "block";
      blackCover.style.top = "0px";
      blackCover.style.left = "0px";

		var test = document.getElementsByTagName('html')[0];
		h = getHtmlHeight(test);
		w = getHtmlWidth(test);
		blackCover.style.height = h;
		blackCover.style.width = "100%";

      blackCover.style.opacity = opacityValue/10;
      blackCover.style.filter = 'alpha(opacity=' + opacityValue*10 + ')';
      blackCover.style.backgroundColor = "#000000"; // black
      document.body.appendChild(blackCover);

      // show popup layer
      
      objPanel = document.createElement("div");
  		objPanel.id = 'myPopupLayer';
      objPanel.style.position = "absolute";
      objPanel.style.display = "block";
      objPanel.style.zIndex = 999;
	  opacityValue = 0;
      objPanel.style.opacity = opacityValue/10;
      objPanel.style.filter = 'alpha(opacity=' + opacityValue*10 + ')';
	  
	  a=new Object();
      //objPanel.style.marginLeft = "auto";
      //objPanel.style.marginRight = "auto";
      objPanel.style.textAlign = "right";
  
      document.body.appendChild(objPanel);
      var objCheck = document.getElementById('myPopupLayer');
  
      // show layerhead
      
      cclosePanel = document.createElement("div");
		cclosePanel.id = 'myPopupLayerHeader';
      cclosePanel.style.fontSize = "10px";
      cclosePanel.style.paddingLeft = "9px";
      cclosePanel.style.background = 'url(images/popupLayerTL.gif) top left no-repeat';
      cclosePanel.innerHTML = '<div style="background:transparent url(images/popupLayerTR.gif) top right no-repeat;padding-right:9px;"><div style="background-color:#fff;padding-top:9px;"></div></div>';
  
      objCheck.appendChild(cclosePanel);

      // show popup layer
      
      closePanel = document.createElement("div");
  		closePanel.id = 'myPopupLayerHead';
      closePanel.style.display = "block";
      closePanel.style.fontFamily = "Arial";
      closePanel.style.fontSize = "12px";
      closePanel.style.paddingLeft = "10px";
      closePanel.style.paddingRight = "10px";
      closePanel.style.backgroundColor = "#fff";
      closePanel.innerHTML = '<a href="#" onclick="hidePopupLayer();return false;">Schließen</a>';
      closePanel.style.backgroundColor = "white";
  
      objCheck.appendChild(closePanel);
      
  // show popup layer

      objImgPanel = document.createElement("div");
  		objImgPanel.id = 'myPopupLayerImage';
      objImgPanel.style.position = "relative";
      objImgPanel.style.display = "block";
      objImgPanel.style.paddingLeft = "10px";
      objImgPanel.style.paddingRight = "10px";
      objImgPanel.style.paddingTop = "10px";
      objImgPanel.style.paddingBottom = "10px";
      objImgPanel.style.backgroundColor = "#fff";
      objImgPanel.innerHTML = '<img id="thisImage" src="'+thisLayer.href+'" />';
  
      objCheck.appendChild(objImgPanel);

/*
	// BOTTOM TEXT
	
      closePanel = document.createElement("div");
  		closePanel.id = 'myPopupLayerContent';
      closePanel.style.display = "block";
      closePanel.style.textAlign = "left";
      closePanel.style.fontFamily = "Arial";
      closePanel.style.fontSize = "12px";
      closePanel.style.paddingLeft = "10px";
      closePanel.style.paddingRight = "10px";
      closePanel.innerHTML = '<b>Test</b><br /><a href="test">lsdkfajg</a> lösdkj öasdjf lsadjf ölasdkj f';
      closePanel.style.backgroundColor = "white";
  
      objCheck.appendChild(closePanel);
*/
      // show layerhead
      
      cclosePanel = document.createElement("div");
		cclosePanel.id = 'myPopupLayerFooter';
      cclosePanel.style.fontSize = "10px";
      cclosePanel.style.paddingLeft = "9px";
      cclosePanel.style.background = 'url(images/popupLayerBL.gif) top left no-repeat';
      cclosePanel.innerHTML = '<div style="background:transparent url(images/popupLayerBR.gif) top right no-repeat;padding-right:9px;"><div style="background-color:#fff;padding-top:9px;"></div></div>';
  
      objCheck.appendChild(cclosePanel);
	  
	  onComplete();
	

    }else{
    	var objPanel = document.getElementById('blackCover');
    	objPanel.style.display = "block";
    	var objPanel = document.getElementById('myPopupLayer');
    	objPanel.style.display = "block";
    }
      
    return false;
  }
  
function hidePopupLayer() {

	var objPanel = document.getElementById('blackCover');
	verschwunden = document.body.removeChild(objPanel);

	var objPanel = document.getElementById('myPopupLayer');
	verschwunden = document.body.removeChild(objPanel);
	
}