var ImageRollOverer = new Class({
	initialize: function() {
		window.addEvent('domready', this.load.bind(this));
	},
	load: function() {
		$$('img.Over').each(function(el) {
			el.addEvent('mouseenter', this.rollImageOver);
			el.addEvent('mouseleave', this.rollImageOut);
		}, this);
	},
	rollImageOver: function(e) {
		if (Browser.ie && this.hasClass('FixIePng')) {
			var filter = this.getStyle('filter').toLowerCase();
			var extPos = filter.lastIndexOf('.png');
			if (filter.substr(extPos - 4, 4) != "over")
				this.setStyle('filter', filter.substr(0, extPos) + 'over' + filter.substr(extPos));
		} else if (this.hasClass('FixIePng')) {
			var backgroundImage = this.getStyle('backgroundImage').toLowerCase();
			var extPos = backgroundImage.lastIndexOf('.png');
			if (backgroundImage.substr(extPos - 4, 4) != "over")
				this.setStyle('backgroundImage', backgroundImage.substr(0, extPos) + 'over' + backgroundImage.substr(extPos));
		} else {
			var extPos = this.src.lastIndexOf('.');
			if (this.src.substr(extPos - 4, 4) != "Over")
				this.src = this.src.substr(0, extPos) + 'Over' + this.src.substr(extPos);
		}
	},
	rollImageOut: function(e) {
		if (Browser.ie && this.hasClass('FixIePng')) {
			var filter = this.getStyle('filter').toLowerCase();
			if (filter.indexOf('over.png') > -1)
				this.setStyle('filter', filter.replace('over.png', '.png'));
		} else if (this.hasClass('FixIePng')) {
			var backgroundImage = this.getStyle('backgroundImage').toLowerCase();
			if (backgroundImage.indexOf('over.png') > -1)
				this.setStyle('backgroundImage', backgroundImage.replace('over.png', '.png'));
		} else {
			if (this.src.indexOf('Over.') > -1)
				this.src = this.src.replace('Over.', '.');
		}
	}
});

var imageRollOverer = new ImageRollOverer();