/*javascript for Bubble Tooltips by Alessandro Fulciniti
- http://pro.html.it - http://web-graphics.com */

function enableTooltips()
{
 var i,h;
 if(!document.getElementById ) return;

 h=document.createElement("span");
 h.id="btc";
 h.setAttribute("id","btc");
 h.style.position="absolute";
 document.getElementsByTagName("body")[0].appendChild(h);

 var z=1, elementen=[];
 	
 while ( z < 31 )
 {
	 if ( document.getElementById('bubble' + z) )
	 {
	  elementen[z]= document.getElementById('bubble'+z);
	 }
	 z++;
 }

 for(i=0; i < elementen.length;i++)
 {
  if( elementen[i] )
  {
   prepare(elementen[i]);
  }
 }
}

function prepare(el)
{
 var tooltip,t,b,s,l;
 t=el.getAttribute("title");
 if(t==null || t.length==0) t="link:";
 el.removeAttribute("title");
 // maak tooltip
 tooltip=CreateEl("span","tooltip");

 //fix IE, we leggen een iframe onder de tooltip zodat select boxen verstopt worden... vies vies vies vies 
 /*
 sOverlay = CreateEl("span", "box" );
 if (navigator.userAgent.indexOf("MSIE") != -1)
 {
 sOverlay.innerHTML = '<iframe id="freempje" src="about:blank" style="position:absolute; left:0; top:30; bottom:50; width:100px, height:100px; z-index:-1; visibility:visible" scrolling="no" frameborder="0"></iframe>';	
 }
 tooltip.appendChild(sOverlay);
 */
 // zet tekst in de div -> span
 s=CreateEl("span","top");
 s.innerHTML = t ;
 // hack IE png 
 if (navigator.userAgent.indexOf("MSIE") != -1)
 {
  s.style.background = 'none';
  s.style.width = '270px';
  s.style.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'pics/bt.png\', sizingMethod=\'crop\')';
 }
 tooltip.appendChild(s);
 
 // footer van de tooltip met vt logo
 b=CreateEl("b","bottom");
 //b.innerHMTL = 'geen tekst hier'//
 // hack IE png
 if (navigator.userAgent.indexOf("MSIE") != -1)
 {
  b.style.background = 'none';
  b.style.width = '270px';
  b.style.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'pics/bt_bot.png\', sizingMethod=\'crop\')';
 }
 tooltip.appendChild(b);
 
 
 el.tooltip=tooltip;
 el.onmouseover=showTooltip;
 el.onmouseout=hideTooltip;
 el.onmousemove=Locate;
}

function showTooltip(e)
{
 document.getElementById("btc").appendChild(this.tooltip);
 Locate(e);
}

function hideTooltip(e)
{
 var d=document.getElementById("btc");
 if(d.childNodes.length>0) d.removeChild(d.firstChild);
}

function CreateEl(t,c)
{
 var x=document.createElement(t);
 x.className=c;
 x.style.display="block";
 return(x);
}


function Locate(e)
{
 var posx=0,posy=0;
 
 if(e==null) e=window.event;
 if(e.pageX || e.pageY)
 {
  posx=e.pageX; posy=e.pageY;
 }
 else if(e.clientX || e.clientY)
 {
  if(document.documentElement.scrollTop)
  {
   posx=e.clientX+document.documentElement.scrollLeft;
   posy=e.clientY+document.documentElement.scrollTop;
  }
  else
  {
   posx=e.clientX+document.body.scrollLeft;
   posy=e.clientY+document.body.scrollTop;
  }
 }
 document.getElementById("btc").style.top=(posy+10)+"px";
 document.getElementById("btc").style.left=(posx-120)+"px";
}