document.getElementsByClassName = function (needle)
{
	var my_array = document.getElementsByTagName("*");
	var retvalue = new Array();
	var i;
	var j;

	for (i = 0, j = 0; i < my_array.length; i++)
	{
		var c = " " + my_array[i].className + " ";
		if (c.indexOf(" " + needle + " ") != -1)
			retvalue[j++] = my_array[i];
	}
	return retvalue;
}

function addEvent(obj, evType, fn)
{
	if (obj.addEventListener)
	{
		obj.addEventListener(evType, fn, true);
		return true;
	} 
	else if (obj.attachEvent)
	{
		var r = obj.attachEvent("on"+evType, fn);
		return r;
	} 
	else 
	{
		return false;
	}
}

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

HelpHover.prototype.init = function()
{
	var hh = this;
	var helpItems = new Array();
	helpItems[0] = document.getElementsByClassName('screen1');
	helpItems[1] = document.getElementsByClassName('screen2');
	helpItems[2] = document.getElementsByClassName('screen3');
	helpItems[3] = document.getElementsByClassName('screen0');

	for (var j=0; j < helpItems.length; j++)
	{
	    for (var i=0; i<helpItems[j].length; i++)
	    {
		    helpItems[j][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.documentElement.scrollLeft;
				    hh.mousePosY = e.clientY + document.documentElement.scrollTop;
			    }
			    hh._hoverItem = this;
			    hh._hoverContents = document.getElementById(this.className+'-ID');
			    //hh._hoverContents = document.getElementById('screen1-ID');
			    hh.move();
		    }
		    helpItems[j][i].onmouseout = function (e)
		    {
			    hh.out();
		    }
	    }
	}
}

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

HelpHover.prototype.move = function()
{
	this._hoverContents.style.top = this.mousePosY-35+'px';
	this._hoverContents.style.left = this.mousePosX-0+'px';
	//alert(this._hoverContents.style.width);
	//this._hoverContents.style.left = this.mousePosX-this._hoverContents.style.width+'px';
}

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