/**
 * jQueryRollover v1.0.1
 * http://rewish.org/javascript/jquery_rollover_plugin
 *
 * Copyright (c) 2009 Rewish (http://rewish.org/)
 *
 * Licensed under the MIT:
 * [en] http://www.opensource.org/licenses/mit-license.php
 * [ja] http://sourceforge.jp/projects/opensource/wiki/licenses%2FMIT_license
 *
 * Inspired by:
 * Telepath Labs (http://dev.telepath.co.jp/labs/article.php?id=15)
 *
 * Usage:
 * jQuery(document).ready(function($) {
 *   // <img>
 *   $('div#nav a img').rollover();
 *
 *   // <input type="image">
 *   $('form input:image').rollover();
 *
 *   // set postfix
 *   $('div#nav a img').rollover('_over');
 * });
 *
 **/
(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($)
{
	// クラス名「.rollover」があれば適用（名前は任意）
	$('.rollover a img').rollover();

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

	// 上記の記述をまとめて、下記のように指定することもできる
	//$('#aaa a img, form input:image').rollover();

	// 引数で _on の部分を変更できる（ロールオーバー時の画像ファイル名を任意に変えれる）
	$('.rollover a img').rollover('_on');
	$('form input:image').rollover('_on');
});