var mousePos = null;
var Tooltip = {
	showing: false,
	init: function() 
	{
		Tooltip.refreshAnchors();				
		var objBody = document.getElementsByTagName("body").item(0);
		var objTooltip = document.createElement("div");
		objTooltip.setAttribute('id','tooltip');
		objTooltip.style.display = 'none';
		objTooltip.style.position = 'absolute';
		objTooltip.style.zIndex = '200';
		objTooltip.innerHTML='<div class="tooltip_container"><span id="tooltip_content">&nbsp;</span></div>';
		objBody.appendChild(objTooltip);
	},
	
	refreshAnchors: function()
	{
		var anchors = document.getElementsByTagName('area');
		for (var i=0; i<anchors.length; i++)
		{
			var anchor = anchors[i];
			var classAttribute = String(anchor.className);
			var relAttribute = String(anchor.getAttribute('rel'));
			if (classAttribute.toLowerCase().match('tooltip'))
			{
				anchor.onmouseover = function ()
				{
					Tooltip.show(this);
					return false;
				}
				anchor.onmouseout = function ()
				{
					Tooltip.hide();
					return false;
				}
			}
		}
	},
	
	updatePosition: function()
	{
		var objTooltip = document.getElementById('tooltip');
		objTooltip.style.left=mousePos.x+15+'px';
		objTooltip.style.top=mousePos.y+10+'px';
	},
	
	show: function(sender)
	{
		//alert(sender.getAttribute('rel'));
		Tooltip.showing=true;
		var objTooltip = document.getElementById('tooltip');
		var objTooltip_content = document.getElementById('tooltip_content');
		objTooltip_content.innerHTML=sender.getAttribute('rel');
		this.updatePosition();
		objTooltip.style.display = '';
	},
	
	hide: function()
	{
		var objTooltip = document.getElementById('tooltip');
		objTooltip.style.display = 'none';
		Tooltip.showing=false;
	},
	
	mouseMove: function(ev)
	{
		ev = ev || window.event;
		mousePos = Tooltip.mouseCoords(ev);
		if (Tooltip.showing)
		{
			Tooltip.updatePosition();
		}
	},

	mouseCoords: function(ev)
	{
		if(ev.pageX || ev.pageY)
		{
			return {x:ev.pageX, y:ev.pageY};
		}
		return {	x:ev.clientX + document.body.scrollLeft - document.body.clientLeft, y:ev.clientY + document.body.scrollTop  - document.body.clientTop };
	}
}
document.onmousemove = Tooltip.mouseMove;		
window.onload=Tooltip.init;