/*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=0, doe=1, elementen=[];
 	
// 	alert ( document.getElementById('bubble1') );

boebels = getElementsByClassName(document, 'img', 'bubble');

for ( x=0; x<boebels.length; x++)
  elementen[x]= boebels[x];

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

function Prepare(el){
var tooltip,t,b,s,l;
t=el.getAttribute("title");
if(t==null || t.length==0) return;
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/wizard/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/wizard/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";
}