﻿/* =========================================================

// jquery.imghover.js

// Date: 11-04-2008
// Author: Brad Spuhler


// Fancy ImageHover Plugin
// Adds '_on" to the end of the image source. Works with 'gif', 'jpg' and 'png'
// Example: 'my_btn.gif' looks for rollover of 'my_btn_on.gif'

*
*  <img src="images/my_image.gif" class="rollover">
*
*
*  $('.rollover').imghover(); 
*
 
// ========================================================= */

(function($) {
    $.fn.imghover = function(options) {

        var defaults = {
            extension: "_on"
        };

        return $(this).hover(
			function() {
			    var newImage = $(this).attr('src').replace(/^(.*?)(\.(?:gif|jpg|png))$/, "$1" + defaults.extension + "$2");
			    $(this).attr('src', newImage);
			},
			function() {
			    var newImage = $(this).attr('src').replace(defaults.extension, '');
			    $(this).attr('src', newImage);
			}
		);
    };
})(jQuery);