Event.observe(window, 'load', addHoverButtons);
var matchWithoutSuffix = new RegExp("\.(gif|jpg|png)");
var matchWithSuffix = new RegExp("\-on\.(gif|jpg|png)");
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.style.filter)
	{
		if(!element.style.filter.match(matchWithSuffix))
			element.style.filter = element.style.filter.replace(matchWithoutSuffix,hoverSuffix+".$1");
	}
	else
	{
		if(!element.src.match(matchWithSuffix))
			element.src = element.src.replace(matchWithoutSuffix,hoverSuffix+".$1");
	}

}

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