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

function enableTooltips(id){
	var links,iii,hhh;
	if(!document.getElementById || !document.getElementsByTagName) return;
	AddCss();
	hhh=document.createElement("span");
	hhh.id="btc";
	hhh.setAttribute("id","btc");
	hhh.style.position="absolute";
	document.getElementsByTagName("body")[0].appendChild(hhh);
	
	if(id==null) links=document.getElementsByTagName("a");
	else links=document.getElementById(id).getElementsByTagName("a");

	for(iii=0;iii<links.length;iii++){
		//alert(iii);
    	Prepare(links[iii]);
    }
}

function Prepare(el){
var tooltip,ttt,bbb,sss,lll;
ttt=el.getAttribute("title");
//alert(ttt);
if(ttt==null || ttt.length==0) ttt="link:";
el.removeAttribute("title");
tooltip=CreateEl("span","tooltip");
sss=CreateEl("span","top");
sss.appendChild(document.createTextNode(ttt));
tooltip.appendChild(sss);
setOpacity(tooltip);
el.tooltip=tooltip;
el.onmouseover=showTooltip;
el.onmouseout=hideTooltip;
el.onmousemove=Locate;
}

function showTooltip(myE){
document.getElementById("btc").appendChild(this.tooltip);
document.getElementById("btc").style.display = "block";
Locate(myE);
}

function hideTooltip(myE){
var ddd=document.getElementById("btc");
ddd.style.display = "none";
if(ddd.childNodes.length>0) ddd.removeChild(ddd.firstChild);
}

function setOpacity(el){
el.style.filter="alpha(opacity:95)";
el.style.KHTMLOpacity="0.95";
el.style.MozOpacity="0.95";
el.style.opacity="0.95";
}

function CreateEl(ttt,ccc){
var xxx=document.createElement(ttt);
xxx.className=ccc;
xxx.style.display="block";
return(xxx);
}

function AddCss(){
var lll=CreateEl("link");
lll.setAttribute("type","text/css");
lll.setAttribute("rel","stylesheet");
lll.setAttribute("href","bt.css");
lll.setAttribute("media","screen");
document.getElementsByTagName("head")[0].appendChild(lll);
}

function Locate(myE){
var ppposx=0,ppposy=0;
if(myE==null) myE=window.event;
if(myE.pageX || myE.pageY){
    ppposx=myE.pageX; ppposy=myE.pageY;
    }
else if(myE.clientX || myE.clientY){
    if(document.documentElement.scrollTop){
        ppposx=myE.clientX+document.documentElement.scrollLeft;
        ppposy=myE.clientY+document.documentElement.scrollTop;
        }
    else{
        ppposx=myE.clientX+document.body.scrollLeft;
        ppposy=myE.clientY+document.body.scrollTop;
        }
    }
document.getElementById("btc").style.top=(ppposy-50)+"px";
document.getElementById("btc").style.left=(ppposx-20)+"px";
}