/**
* jQueryRollover v1.0
* http://rewish.org/javascript/jquery_rollover_plugin
*
* Copyright (c) 2009 Rewish (http://rewish.org/)
*
* Licensed under the MIT:
* http://www.opensource.org/licenses/mit-license.php
*
* 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 != null) ? 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('.'))
			           + postfix
			           + src.substring(src.lastIndexOf('.'));
			$('<img>').attr('src', src_on);
			img.hover(
				function() {
					img.attr('src', src_on);
				},
				function() {
					img.attr('src', src);
				}
			);
		});
	};
})(jQuery);


jQuery(document).ready(function($) {
	// 基本
	$('ul.rankingBtn li a img,ul.resultsBtn li a img').rollover();

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

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

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