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, is_help)
{
	var tooltip, t, b, s, l;
	t = el.getAttribute("title");
	t = el.getElementsByTagName("span");
	if(t==null || t.length==0)
	{
		return;
	}
	else
	{
		t = t[0].innerHTML;
		tooltip = CreateEl("span", "tooltip");
		tooltip.innerHTML = t;
		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 AddCss(path)
{
	if(path == undefined){ path = ""; }
	var l = CreateEl("link");
	l.setAttribute("type", "text/css");
	l.setAttribute("rel", "stylesheet");
	l.setAttribute("href", path+"/system/media/js/bubble_help/bubble_help.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+10)+"px";
	document.getElementById("btc").style.left = (posx-20)+"px";
}