var Rollover = Class.create();

Rollover.prototype = {
	initialize: function(className, suffix) {
		var doHover = this.doHover.bindAsEventListener(this);
		var doHoverOut = this.doHoverOut.bindAsEventListener(this);
		
		this.overSuffix = suffix;
		
		$$(className).each(function(x) {
			x.onmouseover = doHover;
			x.onmouseout =  doHoverOut;
		});
	},
	doHover: function(e) {
		var oldSrc = Event.element(e).src;
		
		var lastNdx = oldSrc.lastIndexOf(".");
		var string1 = oldSrc.substr(0, lastNdx);
		var string2 = oldSrc.substr(lastNdx);
	
		if (string1.match(this.overSuffix) == null) {
			var newSrc = string1 + this.overSuffix + string2;
			Event.element(e).src = newSrc;
		}
	},
	doHoverOut: function(e) {
		if (Event.element(e).id != pageName) {
			var oldSrc = Event.element(e).src;
			
			var lastNdx = oldSrc.lastIndexOf(".");
			var string1 = oldSrc.substr(0, lastNdx);
			var string2 = oldSrc.substr(lastNdx);
				
			string1 = string1.replace(this.overSuffix, "");
			
			var newSrc = string1 + string2;
			
			Event.element(e).src = newSrc;	
		}
	}
};