/* Javascript for Bubble Tooltips by Alessandro Fulciniti http://pro.html.it - http://web-graphics.com */
/* WordPress-Plugin by Frank Bueltge - http://bueltge.de */

function enableTooltips(id)
{
	var links, i, h;

	if (!document.getElementById || !document.getElementsByTagName) return;
	h = document.createElement("div");
	h.id = "btc";
	h.setAttribute("id", "btc");
	h.style.position = "absolute";
	document.getElementsByTagName("body")[0].appendChild(h);
	if (id == null) links = document.links;
	else links = document.getElementById(id).links;
	for (i = 0; i < links.length; i++)
		if (links[i].className == "ttip") Prepare(links[i]);
}

function Prepare(el)
{
	var tooltip, t, b, s, l;

	t = el.getAttribute("title");
	if (t == null || t.length == 0) {
		t = "Enlace: ";
		t += el.getAttribute("href");
	}
	el.removeAttribute("title");
	tooltip = CreateEl("div", "tooltip");
	s = CreateEl("div", "top");
	s.appendChild(document.createTextNode(t));
	tooltip.appendChild(s);
	b = CreateEl("div", "bottom");
	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=82)";
	el.style.KHTMLOpacity = "0.82";
	el.style.MozOpacity = "0.82";
	el.style.opacity = "0.82";
}

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 - 20)+"px";
}