/**
 * @author Kevin
 */
var rollover = Class.create();
rollover.prototype = {
	initialize: function(el){
		this.el = $(el);
		this.img = this.el.down('img');
		this.imageOut = this.img.src; 
		this.imageOver = this.imageOut.replace(/(.*)(\..{3,4})$/,"$1m$2");

		var temp = new Image();
		temp.src = this.imageOver;
		
		Event.observe(this.el,'mouseover',this.mouseover.bind(this));
		Event.observe(this.el,'mouseout',this.mouseout.bind(this));
	},
	mouseover: function(e){
		this.img.src = this.imageOver;
	},
	mouseout: function(e){
		this.img.src = this.imageOut;
	}	
};