// JavaScript Document
window.addEvent('domready', function() {
	$$('td.table-menu-bg').each(function(td) {
		td.addEvent('mouseover', swapImage);
		td.addEvent('mouseout', swapImage);
	});
	$$('#dynaMenu img.change').each(function(img) {
		new Element('img').set('src', getName(img));
	});
});
var swapImage = function () {
	var td = this;
	td.set('style', 'cursor:pointer');
	var img = td.getElement('img');
    var name = getName(img);
	img.set('src', name);
	td.toggleClass('table-menu-bg');
	td.toggleClass('table-menu-bg-over');
}

function getName(img) {
	var name = img.get('src')+'';
	var prefix = '_over';
	if(!name.contains('over')) {
		var ext = name.substring(name.lastIndexOf('.'), name.length);
		name = name.replace(ext, prefix + '' + ext);
	}
	else {
		var ext = name.substring(name.lastIndexOf('.'), name.length);
		name = name.replace(prefix + ext, ext);
	}
	return name;	
}