function changeImage(elm, ismouseover)
{
	if (!elm) return;
	var coll = elm.getElementsByTagName('img');
	if (coll.length > 0)
	{
		if (!coll[0].onmouseover || !coll[0].onmouseout) return;
		var newimg = (ismouseover) ? coll[0].onmouseover.toString() : coll[0].onmouseout.toString();
		newimg = newimg.replace(/\"/g, '\'');
		var i = newimg.indexOf('\''); 
		var j = newimg.lastIndexOf('\''); 
		newimg = newimg.substr(i+1, j-1-i);
		coll[0].src = newimg;
	}
}

function getMouseOverHandler(id)
{
	return function()
	{
		var elm = document.getElementById(id);
		elm.className += ' hoveredbox';
		changeImage(elm, true);
	}
}

function getMouseOutHandler(id)
{
	return function()
	{
		var elm = document.getElementById(id);
		elm.className = elm.className.replace(' hoveredbox','');
		changeImage(elm, false);
	}
}

function AssignHoverEvents()
{
	if(document.getElementById("frontpage_pagelayout"))
	{
		var elms = Tangora.DOM.GetCollection("frontpage_pagelayout","table");

		for(var i = 0; i < elms.length; i++)
		{
			if(elms[i].className.indexOf('hoverbox') > -1)
			{
				var newid = "hovertable" + i;
				elms[i].id = newid;
				elms[i].onmouseover = getMouseOverHandler(newid);
				elms[i].onmouseout = getMouseOutHandler(newid);
			}
		}
	}
}

Tangora.Events.AddHandler(window,"onload",AssignHoverEvents);