var XPosition;
var YPosition;
var XScroll;
var YScroll;
var ns6=document.getElementById&&!document.all;
var automove=false;
var divwidth=400;
var aktname='none';
var fadebg=false;

function setOcc(value,name) {		
		// IE/Win
		if (value==100) {
			document.getElementById(name).style.filter = "";
		} else {
			document.getElementById(name).style.filter = "alpha(opacity:"+value+")";
		}		
		// Safari<1.2, Konqueror
		document.getElementById(name).style.KHTMLOpacity = value/100;
		// Older Mozilla and Firefox
		document.getElementById(name).style.MozOpacity = value/100;
		// Safari 1.2, newer Firefox and Mozilla, CSS3
		document.getElementById(name).style.opacity = value/100;
};


function showInfoBox(inner,occ, width, height, move, name,fade) {
	getScrollYPos();
	getScrollXPos();
	if (document.getElementById('infobox').style.display=='none' || automove==true)
	{
		fadebg=fade;
		aktname=name;
		setOcc(occ,'infobox');
		document.getElementById('infobox').style.width=width+'px';
		divwidth=width;
		if (move) {
			document.getElementById('infobox').style.top=(YPosition+25)+'px';
			document.getElementById('closeinfobox').innerHTML='';
			automove=true;
		} else {
			if (fade)
				setOcc(33,'all');
			tmptop=YScroll;
			if (tmptop<190) tmptop=140;
			tmptop=tmptop+50;
			if (height=='auto')
				document.getElementById('infobox').style.top=tmptop+'px';
			else
				document.getElementById('infobox').style.top=(YPosition-(height/2))+'px';
			document.getElementById('closeinfobox').innerHTML='schließen';
			document.getElementById('infobox').onclick=new Function('hideInfoBox(\''+name+'\');');
			automove=false;
		}
		document.getElementById('innerinfobox').innerHTML=inner;

		tmp=XPosition-(divwidth/2);
		if (tmp>screen.width-(divwidth+30))
			tmp=screen.width-(divwidth+30);

		document.getElementById('infobox').style.left=(tmp+5)+'px';
		document.getElementById('infobox').style.display='block';	
	}
}

function hideInfoBox(name) {
	if (aktname==name)
	{
		document.getElementById('infobox').style.display='none';
		automove=false;
		if ((!automove) && (fadebg))
			setOcc(100,'all');
	}
}

// X Position der Maus auslesen
function getMouseXPos(Ereignis) {
  if (document.layers||ns6) {
    XPosition=parseInt(Ereignis.pageX);
  } else if (document.documentElement && document.documentElement.scrollTop){
    XPosition=parseInt(event.clientX) + parseInt(document.documentElement.scrollLeft);
  } else {
	XPosition=(parseInt(event.clientX) + parseInt(document.body.scrollLeft));
  }
}

function getScrollXPos() {
  if (document.layers||ns6) {
	XScroll=window.pageXOffset;
  } else if (document.documentElement && document.documentElement.scrollTop){
	XScroll=document.documentElement.scrollLeft;
  } else {
	XScroll=document.body.scrollLeft;
  }
}


// Y Position der Maus auslesen
function getMouseYPos(Ereignis) {
  if (document.layers||ns6) {
    YPosition=parseInt(Ereignis.pageY);
  } else if (document.documentElement && document.documentElement.scrollTop){
    YPosition=parseInt(event.clientY) + parseInt(document.documentElement.scrollTop);
  } else if (document.body){
    YPosition=(parseInt(event.clientY) + parseInt(document.body.scrollTop));
  }
}

function getScrollYPos(Ereignis) {
  if (document.layers||ns6) {
	YScroll=window.pageYOffset;
  } else if (document.documentElement && document.documentElement.scrollTop){
	YScroll=document.documentElement.scrollTop;
  } else if (document.body){
	YScroll=document.body.scrollTop;
  }
}

// Mausposition auslesen
function getpos(Ereignis)
{
// XPosition=getMouseYPos(Ereignis);
// YPosition=getMouseXPos(Ereignis);
 getMouseYPos(Ereignis);
 getMouseXPos(Ereignis);
 getScrollYPos();
 getScrollXPos();

 if (automove) {	
	tmp=XPosition-(divwidth/2);
	if (tmp>screen.width-(divwidth+30))
		tmp=screen.width-(divwidth+30);
	document.getElementById('infobox').style.left=(tmp+5)+'px';
	document.getElementById('infobox').style.top=(YPosition+15)+'px';
 }

}

if (document.addEventListener) { document.addEventListener("mousemove", getpos, true); }
else { document.body.onmousemove = getpos; }

document.write('<div id="infobox" style="width:300px;display:none;position:absolute;background:#f2f2f2;border:2px solid; border-color:#ffffff #c3c3c3 #c3c3c3 #ffffff;" >');
document.write('<div id="usinfobox" style="display:block;background:#00cc00;text-align:right;cursor:pointer;color:#ffffff;padding:2px;" ></div>');
document.write('<div id="innerinfobox" style="padding:5px;border:1px solid; border-color:#c3c3c3 #ffffff #ffffff #c3c3c3;">INFOBOX</div>');
document.write('<div id="closeinfobox" onClick="hideInfoBox();" style="display:block;background:#00cc00;text-align:right;cursor:pointer;color:#ffffff;padding:2px;text-align:center;" >schließen</div>');
document.write('</div>');