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

function enableTooltips(id){
	var links,i,h;
	if(!document.getElementById || !document.getElementsByTagName) return;
	AddCss();
	h=document.createElement("span");
	h.id="btc";
	h.setAttribute("id","btc");
	h.style.position="absolute";
	document.getElementsByTagName("body")[0].appendChild(h);
	if(id==null) 
		links=document.getElementsByTagName("a");
	else 
		links=document.getElementById(id).getElementsByTagName("a");
	for(i=0;i<links.length;i++){
		Prepare(links[i]);
    }
}

function Prepare(el){
	var tooltip,t,b,s,l;
	t=el.getAttribute("title");
	
	if(t==null || t.length==0) return; //t="link:";
	el.removeAttribute("title");
	
	var tarr = t.split("|");
	tooltip=CreateEl("span","tooltip");
	
	//
	title=document.createElement("div");
	title.style.width = "195px";
	title.style.paddingLeft = "8px";
	title.style.paddingTop = "3px";
	title.style.paddingBottom = "3px";
	title.style.marginTop = "10px";
	title.style.marginLeft = "12px";
	title.style.backgroundColor = tarr[0];
	title.style.color = "#ffffff";
	title.appendChild(document.createTextNode(tarr[1]));

	s=CreateEl("span","top");
	//s.appendChild(document.createTextNode(tarr[1]));
	s.appendChild(title);
	tooltip.appendChild(s);

	bod=document.createElement("div");
	bod.style.position = "absolute";
	bod.style.top = "33px";
	bod.style.width = "187px";
	bod.style.height = "126px";
	bod.style.marginLeft = "16px";
	bod.style.padding = "8px";
	bod.style.backgroundColor = "#eee";
	bod.innerHTML = tarr[2].replace("&RSQUO;", "'");
	//bod.innerHTML += "<br><br><span style='color:" + tarr[0]+ ";'>CLICK FOR MORE +";

	b=CreateEl("b","bottom");
//l = tarr[2];
//	b.appendChild(document.createTextNode(l));
	b.appendChild(bod);

	more=document.createElement("div");
	more.style.position = "absolute";
	more.style.top = "158px";
	more.style.marginLeft = "25px";
	more.innerHTML += "<span style='color:" + tarr[0] + ";'>CLICK FOR MORE +</span>";
	b.appendChild(more);

	b.style.height = "90px";
	tooltip.appendChild(b);
	//setOpacity(tooltip);
	
	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 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(t,c){
	var x=document.createElement(t);
	x.className=c;
	x.style.display="block";
	return(x);
}

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

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-152)+"px";*/
	document.getElementById("btc").style.top=(posy-222)+"px";
	document.getElementById("btc").style.left=(posx+6)+"px";
}