Event.observe(window, 'load', addHoverButtons);
var matchWithoutSuffix = new RegExp("\.([a-z]{3,4})$");
var matchWithSuffix = new RegExp("\-on\.([a-z]{3,4})$");
var hoverSuffix = "-on";
	
function addHoverButtons()
{
	var mouseOverElements = $$('.mouseOverChange');
	
	for(var k in mouseOverElements)
	{
		var el = mouseOverElements[k];
		//var image = new Image();
		//image.src = el.src.replace(matchWithoutSuffix,hoverSuffix+".$1");
		
		Event.observe(el, 'mouseover', mouseoverButtonHandler);
		
		Event.observe(el, 'mouseout', mouseoutButtonHandler);
	}
}

function mouseoverButtonHandler(event)
{
	var element = Event.element(event);
	if(!element.src.match(matchWithSuffix))
		element.src = element.src.replace(matchWithoutSuffix,hoverSuffix+".$1");
}

function mouseoutButtonHandler(event)
{
	var element = Event.element(event);
	if(element.src.match(matchWithSuffix))
		element.src = element.src.replace(matchWithSuffix,".$1");
}