/* Teile dieses Scripts entstammen einem Tutorial auf der Website
http://js-tut.aardon.de/js-tut/tutorial/position.html*/

if (navigator.userAgent.indexOf("Opera")!=-1
&& document.getElementById) browser="OP";
	
if (document.all) browser="IE";
	
if (document.layers) browser="NN";
	 
if (!document.all && document.getElementById) browser="MO";
	 
function ShowLayer(id, action){
  if (browser=="IE") eval("document.all." + id + ".style.visibility='" + action + "'");
  if (browser=="NN") eval("document." + id + ".visibility='" + action + "'");
  if (browser=="MO" || type=="OP")
    eval("document.getElementById('" + id + "').style.visibility='" + action + "'");
}

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;

/* 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 showPopUp(elementIdBildKlein,elementIDPopUP)
/* gibt eine Meldung mit x und y des zu elementId gehoerenden Elements aus */
{
  var a,element;

/* Element-Objekt zur ID ermitteln */
  element=document.getElementById(elementIdBildKlein);
 
/* Position bestimmen und melden */
  a=getPosition(element);
  
  var newX = a.x -160;
  var newY = a.y -60;
  
  var x = document.getElementById(elementIDPopUP);
  var bild = document.getElementById('bildgross');
  var boxbild = document.getElementById('divpopupbild');
  
  bild.style.height = '372px';
  boxbild.style.height = '372px';
  
  if (browser=="IE"){
  x.style.top = newY;
  x.style.left = newX;
  x.style.marginTop = 0;
  x.style.marginLeft = 0;
  x.style.position = 'absolute';
  }
  if (browser=="MO" || browser=="OP"){
  x.style.position = 'absolute';
  x.style.top = newY+'px';
  x.style.left = newX+'px';
  }

  x.style.height = '372px';
  x.style.visibility = 'visible';
}


// OPEN GAME POPUP
//--- check for browser
IE = ((navigator.appName == "Microsoft Internet Explorer") && (parseInt(navigator.appVersion) >= 4 ));
//
NS = ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) >= 3 ));
//--- open pop-up window

function Game(strPageToLoad)
{
	var strWindowName = "Game"
	var intWidth = 633;
	var intHeight = 685;
	var xposition=0; yposition=0;
//
	xposition = (screen.width - intWidth) / 2;
	yposition = (screen.height - intHeight) / 2;
//
	strArgs = 	"width="  + intWidth + "," 
	+ "height=" + intHeight + "," 
	+ "location=no," 
	+ "menubar=no,"
	+ "resizable=no,"
	+ "scrollbars=no,"
	+ "status=no," 
	+ "titlebar=no,"
	+ "toolbar=no,"
	+ "hotkeys=no,";
//
	if (IE) strArgs = strArgs	+ 	"left=" + xposition + ","
	+	"top=" + yposition;
//
	if (NS) strArgs = strArgs 	+	"screenx=" + xposition + ","
	+	"screeny=" + yposition;
//
//--- open window
	window.open(strPageToLoad, strWindowName, strArgs);
}