var tooltipHolder = null;
var containerHolder = null;
var enableTip = false;
var curX = 0;
var curY = 0;

function initTooltip() {
	tooltipHolder = document.getElementById("tooltip-holder");
	containerHolder = document.getElementById("container");
	var cRight = document.getElementById("content-right");
	if (tooltipHolder && cRight)
	{
		document.onmousemove = positionTip;
		var _blocks = cRight.getElementsByTagName("div");
		for (i =0; i< _blocks.length; i++)
		{
			if (_blocks[i].className.indexOf("box") != -1)
			{
				var _links = _blocks[i].getElementsByTagName("a");
				for (k =0; k< _links.length;k++)
				{
					var _tooltips = _links[k].getElementsByTagName("span");
					if (_tooltips[0])
					{
						_links[k]._text = _tooltips[0];
						_links[k].onmouseover = function()
						{
							enableTip = true;
							showTip(this._text);
						}
						_links[k].onmouseout = function()
						{
							enableTip = false;
							hideTip();
						}
						
					}
				}
			}
		}
	}
}

function positionTip(e) {
	if (enableTip){
		if (!e) e = window.event;
		if (e.pageX || e.pageY)
	  	{
	    	curX = e.pageX - containerHolder.offsetLeft;
	    	curY = e.pageY;
  		}
  		else if (e.x || e.y)
  		{
  			curX = e.x;
	    	curY = e.y;
  		}
  		
  		tooltipHolder.style.left = curX + "px";
		tooltipHolder.style.top = curY + 25 + "px";
	}
}

function showTip(_text) {
	if (_text)
	{
		tooltipHolder.innerHTML = _text.innerHTML;
		//tooltipHolder.style.display = "block";
	}
}

function hideTip() {
	tooltipHolder.innerHTML = "";
	//tooltipHolder.style.display = "none";
	tooltipHolder.style.left = "0px";
	tooltipHolder.style.top = "-9999px";
}

if (window.addEventListener) {
	window.addEventListener("load", initTooltip, false);
}
else if (window.attachEvent)  {
	window.attachEvent("onload", initTooltip);
}