var OnMouseOverImage = Class.create();

OnMouseOverImage.prototype =
{
	initialize: function(image, onMouseOverImageUrl)
	{
		this.image = $(image);
		this.onMouseOverImageUrl = onMouseOverImageUrl;
		this.onMouseOutImageUrl = this.image.src;
		new Image().src = onMouseOverImageUrl;

		Event.observe(image, 'mouseover', this.onMouseOver.bind(this));
		Event.observe(image, 'mouseout', this.onMouseOut.bind(this));
	},
	
	onMouseOver: function()
	{
		this.image.src = this.onMouseOverImageUrl;
	},
	
	onMouseOut: function()
	{
		this.image.src = this.onMouseOutImageUrl;
	}
}