(function($) {
    $.fn.rollover = function(postfix) {
        postfix = postfix || '_on';
        return this.not('[src*="'+ postfix +'."]').each(function() {
            var img = $(this);
            var src = img.attr('src');
            var src_on = [
                src.substr(0, src.lastIndexOf('.')),
                src.substring(src.lastIndexOf('.'))
            ].join(postfix);
            $('<img>').attr('src', src_on);
            img.hover(
                function() {
                    img.attr('src', src_on);
                },
                function() {
                    img.attr('src', src);
                }
            );
        });
    };
})(jQuery);


jQuery(document).ready(function($)
{
	// 基本
	$('.imgover a img').rollover();

	// 基本
	$('a img .imgover').rollover();
	
	// 基本
	$('#gnavi a img').rollover();

	// inputもいける
	$('form input:image').rollover();

	// 複数指定も楽々
	$('#nav a img, form input:image').rollover();

	// 引数で _on の部分を指定できる
	$('#nav a img').rollover('_on');
});