function oeffnen(left, top, id) {
  if (openrmt != '') document.getElementById(openrmt).style.visibility='hidden';
  document.getElementById(id).style.left=left-1+"px";
  document.getElementById(id).style.top=top+"px";
  document.getElementById(id).style.visibility='visible';
  openrmt = id;
}

function schliessen(id) {
  document.getElementById(id).style.visibility='hidden';
  openrmt = '';
}

function getXPos(obj) {
  leftGes = obj.offsetLeft;
  while (obj.offsetParent && ((getStyle(obj.offsetParent, 'position') != 'relative') && (getStyle(obj.offsetParent, 'position') != 'absolute'))) {
    obj = obj.offsetParent;
    leftGes = leftGes + obj.offsetLeft;
  }
  return leftGes;
}

function getYPos(obj) {
  topGes = obj.offsetTop;
  while (obj.offsetParent && ((getStyle(obj.offsetParent, 'position') != 'relative') && (getStyle(obj.offsetParent, 'position') != 'absolute'))) {
    obj = obj.offsetParent;
    topGes = topGes + obj.offsetTop;
  }
  return topGes;
}

function getStyle(oElm, strCssRule){
	var strValue = "";
	if(document.defaultView && document.defaultView.getComputedStyle){
		strValue = document.defaultView.getComputedStyle(oElm, "").getPropertyValue(strCssRule);
	}
	else if(oElm.currentStyle){
		strCssRule = strCssRule.replace(/\-(\w)/g, function (strMatch, p1){
			return p1.toUpperCase();
		});
		strValue = oElm.currentStyle[strCssRule];
	}
	return strValue;
}