jQuery.fn.autoHover = function() {
	$.autoHover(this);
	return this;
};

jQuery.autoHover = function( container )
{
	$( container ).each(function(){
		
		var image = $(this);
		
		match = image.attr('src').match(/(.*)0(\.(?:jpg|png|gif))$/);
		if (!match)
			return;
		
		var basename = match[1];
		var ext = match[2]
		
		image.hover(function () {
			image.attr('src', basename + '1' + ext);
		}, 
		function () {
			image.attr('src', basename + '0' + ext);
		}).mousedown(function () {
			image.attr('src', basename + '0' + ext);
		}).mouseup(function () {
			image.attr('src', basename + '1' + ext);
		});
		
		// preload hover image
		if (document.images) {
			var img = new Image();
			img.src = basename + '1' + ext;
		}
	});
}
