function HelpHover()
{
	this._mousePosX = 0;
	this._mousePosY = 0;
	this._hoverItem = null;
	this._hoverContents = null;
        this._offsetY = 0;
}

var hh = "";
HelpHover.prototype.init = function()
{
	hh = this;
	var helpItems = document.getElementsByClassName('hasHelp');
	for (var i=0; i<helpItems.length; i++)
	{
		helpItems[i].onmousemove = function(e)
		{
			if (!e) var e = window.event;
			if (e.pageX || e.pageY)
			{
				hh._mousePosX = e.pageX;
				hh._mousePosY = e.pageY;
			}
			else if (e.clientX || e.clientY)
			{
				hh._mousePosX = e.clientX + document.body.scrollLeft;
				hh._mousePosY = e.clientY + document.body.scrollTop;
			}
			hh._hoverItem = this;
			hh._hoverItem._hoverContents = document.getElementById(this.id+'Help');
			hh.move();
		}
		helpItems[i].onmouseout = function (e)
		{
			hh.out();
		}
	}
}

HelpHover.prototype.out = function()
{
	hh._hoverItem._hoverContents.style.top = -10000+hh._offsetY+'px';
	hh._hoverItem._hoverContents.style.left = -10000+'px';
	hh._hoverItem._hoverItem = null;
	hh._hoverItem._hoverContents = null;
}

HelpHover.prototype.move = function()
{
	hh._hoverItem._hoverContents.style.top = hh._mousePosY+10+hh._offsetY+'px';
	hh._hoverItem._hoverContents.style.left = hh._mousePosX+10+'px';
}

function window_onscroll () 
{
        if(typeof(document.media)=='string') 
	{
		var y;
		// quirksmode.com
		if (self.pageYOffset)
			y = self.pageYOffset;
		else if (document.documentElement && document.documentElement.scrollTop)
			y = document.documentElement.scrollTop;
		else if (document.body)
			y = document.body.scrollTop;
		hh._offsetY = y;
	}
}

addEvent(window,'scroll', window_onscroll);

addEvent(window, 'load', function()
{
	var hh = new HelpHover();
	hh.init();
});