var offsetx=20;
var offsety=0;




function InfoBoxAusblenden() {
	document.getElementById('infobox').style.visibility = "hidden";
}

function InfoBoxAnzeigen(e,keyword,offsetX,offsetY) {
	var infobox = document.createElement('div');
	infobox.id = 'infobox';
	infobox.style.position = 'absolute';
	infobox.style.left = '180px';
	infobox.style.top = '25px';
	infobox.style.zIndex = '100';
	infobox.style.visibility = 'hidden';
	
	var firstEl=document.body.getElementsByTagName('*')[0];
	document.body.insertBefore(infobox, firstEl);
	
    if (offsetX) { offsetx=offsetX; } else { offsetx=20; }
    if (offsetY) { offsety=offsetY; } else { offsety=0; }
    var PositionX = 0;
    var PositionY = 0;
    if (!e) var e = window.event;
    if (e.pageX || e.pageY) {
            PositionX = e.pageX;
            PositionY = e.pageY;
    } else if (e.clientX || e.clientY) {
            PositionX = e.clientX + document.body.scrollLeft;
            PositionY = e.clientY + document.body.scrollTop;
    }
    
    var txt = "";
    
    txt = '<iframe width="600" height="300" src="http://api-reports.netbreeze.ch/report/WebHTMLServlet?key='+keyword+'&cmd=c&chartName=Buzz" style="background:#fff;border:1px solid black;"></iframe>';
    
    
    document.getElementById("infobox").innerHTML=txt;

    document.getElementById('infobox').style.left = (PositionX+offsetx)+"px";
    document.getElementById('infobox').style.top = (PositionY+offsety)+"px";
    document.getElementById('infobox').style.visibility = "visible";
}