  
function AddHoversToClass()
{	
	var elItems = Array();
	items = document.getElementsByTagName('tr');
	for (var i=0; i < items.length; i++)
	{
		if(items[i].className.match(/hoverhack/))
		{
			elItems.push(items[i]);
		}
	}

	// Now we have all of the elements we wish to change the background for, add some events to them to do so.
	for(var i = 0; i < elItems.length; i++)
	{
		(function(elItemBind) {
    			elItemBind.attachEvent('onmouseenter', function() { evt = window.event; evt.target = evt.srcElement; evt.currentTarget = elItemBind; Hovering(evt); });
    			elItemBind.attachEvent('onmouseleave', function() { evt = window.event; evt.target = evt.srcElement; evt.currentTarget = elItemBind; NotHovering(evt); });
	    })(elItems[i]);
	}	
}


function Hovering(el)
{	
	el.target.className += " hover";	
}

function NotHovering(el)
{
	el.target.className = el.target.className.replace(/( hover)\b/, ' ');
} 