var infolayer;

var infos = [];
infos[0] = {}
infos[0].headline = "Der Vorverkauf hat noch nicht begonnen";
infos[0].copytext = "infotext";
infos[0].backgroundcolor = "#ffffff";
infos[0].backgroundImage = "url(fileadmin/templates/img/priceboxbg.gif)";

infos[1] = {}
infos[1].headline = "Online kein Kartenkauf mehr möglich";
infos[1].copytext = "Bitte bestellen Sie telefonisch unter Telefon 04181 28 78 78.";
infos[1].backgroundcolor = "#ffffff";
infos[1].backgroundImage = "url(fileadmin/templates/img/priceboxbg.gif)";

infos[2] = {}
infos[2].headline = "Bereits ausverkauft";
infos[2].copytext = "Die Veranstaltung ist leider ausverkauft, Karten sind nicht mehr erhältlich.";
infos[2].backgroundcolor = "#ffffff";
infos[2].backgroundImage = "url(fileadmin/templates/img/priceboxbg.gif)";

infos[3] = {}
infos[3].headline = "ABO Veranstaltung. Online kein Kartenkauf möglich";
infos[3].copytext = "Bitte bestellen Sie telefonisch unter Telefon 04181 28 78 78.";
infos[3].backgroundcolor = "#ffffff";
infos[3].backgroundImage = "url(fileadmin/templates/img/priceboxbg.gif)";

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

function createInfoLayer()
		{
			
			if(infolayer != undefined) {
				return;
			}
			
			infolayer = document.createElement("div");
			infolayer.setAttribute("id", "infobox");
			//infolayer.setAttribute("onclick", "hideInfo();");
			infolayer.setAttribute("style", "position: absolute; background-color: 0xffffff; width: 340px; height: 60px; visibility:hidden; border:1px solid #666; padding: 10px;");
			
			var closeBtn = document.createElement("a");
			closeBtn.setAttribute("style", "position: absolute; top: 5px; right: 5px"); 
			closeBtn.setAttribute("title", "Layer schließen")
			closeBtn.setAttribute("onclick", "hideInfo();");
			closeBtn.innerHTML = '<img src="fileadmin/templates/img/closeBtn.gif" />';
			
			var h = document.createElement("h2");
			h.setAttribute("style", "color: #8c0b08;");
			var p = document.createElement("p");
			
			infolayer.appendChild(closeBtn);
				
			infolayer.appendChild(h);
			infolayer.appendChild(p);
			
			
			document.getElementsByTagName('body')[0].appendChild(infolayer);
		}

function showInfo(e,id,offsetX,offsetY)
{
		createInfoLayer();
        if (offsetX) {offsetx=offsetX;} else {offsetx=-50;}
        if (offsetY) {offsety=offsetY;} else {offsety=-40;}
        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;
        }
        
       
        
   
        
        document.getElementById('infobox').getElementsByTagName("h2")[0].innerHTML=infos[id].headline;
        document.getElementById('infobox').getElementsByTagName("p")[0].innerHTML=infos[id].copytext;
        document.getElementById('infobox').style.left = (PositionX+offsetx)+"px";
        document.getElementById('infobox').style.top = (PositionY+offsety)+"px";
        document.getElementById('infobox').style.visibility = "visible";
        document.getElementById('infobox').style.backgroundColor = infos[id].backgroundcolor;
        document.getElementById('infobox').style.backgroundImage = infos[id].backgroundImage;
        
        
}