/**
 * @author ceo-zan
 */

var HoverButton = Class.create ();
HoverButton.prototype = {
	
	initialize: function () {		
	},
	
	bindHoverEvent: function () {		
		var els = document.getElementsByClassName ('hover_button');
		
		for ( var i=0; i<els.length; i++) {		
			var el = els[i];
			Event.observe ( el, 'mouseover', this.hoverIn.bindAsEventListener (this) );
			Event.observe ( el, 'mouseout', this.hoverOut.bindAsEventListener (this) );					
		}
		
	},
	
	hoverIn: function ( event ) {
		var el = Event.element (event);
		var id = el.id;
		var img = id.replace ('btn_', '');
		var src = el.src;
		
		el.src = src.replace (img, img+'_a');		
	},
	
	hoverOut: function ( event ) {
		var el = Event.element (event);
		var id = el.id;
		var img = id.replace ('btn_', '');
		var src = el.src;
		
		el.src = src.replace (img+'_a', img);		
	}
	
};


Event.observe(window, 'load', function() {	
	
	var hoverButton = new HoverButton ();
	hoverButton.bindHoverEvent ();
	
});