if(!Control) var Control = {};
Control.Hover = Class.create();

Control.Hover.prototype = {

  initialize: function(className) {
    this.className = className;
    this.setup();    
  },
  
  dispose: function() {
  },

  setup: function() {
    this.eventMouseOver = this.hoverIn.bindAsEventListener(this);         
    this.eventMouseOut = this.hoverOut.bindAsEventListener(this);             
    var buttons = document.getElementsByClassName(this.className);
    for(var i=0; i<buttons.length; i++)
    {
			Event.observe(buttons[i], "mouseover", this.eventMouseOver);
			Event.observe(buttons[i], "mouseout", this.eventMouseOut);			
    }    
  },

  hoverIn: function(event) {
 		var img = Event.element(event); 		
 		var extension = img.src.substr(img.src.length - 4, 4);
 		var state = img.src.substr(img.src.length - 5, 1);
 		var name = img.src.substr(0, img.src.length - 5); 		
 		if (state == '1')
 		{
 			img.src = name + '2' + extension;
 		}
    Event.stop(event);	
  },
    
  hoverOut: function(event) {
 		var img = Event.element(event); 		
 		var extension = img.src.substr(img.src.length - 4, 4);
 		var state = img.src.substr(img.src.length - 5, 1);
 		var name = img.src.substr(0, img.src.length - 5); 		
 		if (state == '2')
 		{
 			img.src = name + '1' + extension;
 		}
    Event.stop(event);	
  }
}