/**
 * jQuery.rollover
 *
 * @version  1.0.2
 * @author   rew <rewish.org@gmail.com>
 * @link     http://rewish.org/javascript/jquery_rollover_plugin
 * @license  http://rewish.org/license/mit The MIT License
 *
 * Inspired by:
 * Telepath Labs (http://dev.telepath.co.jp/labs/article.php?id=15)
 *
 * Usage:
 * jQuery(document).ready(function($) {
 *   // <img>
 *   $('#nav a img').rollover();
 *
 *   // <input type="image">
 *   $('form input:image').rollover();
 *
 *   // set suffix
 *   $('#nav a img').rollover('_over');
 * });
 */

jQuery(document).ready(function($) {
	// <img>
	$('a.rollover img').rollover();
	$('input.rollover').rollover();
	
	$('a.rolloverfade img[class!=rofadeon]')
		.each(function() {
			var src = $(this).attr('src');
			var width = $(this).attr('width');
			var height = $(this).attr('height');
			var _on = [
				src.substr(0, src.lastIndexOf('.')),
				src.substring(src.lastIndexOf('.'))
			].join('_on');
			var parentAnchor = $(this).parent('a.rolloverfade');
			$(parentAnchor).css({'position':'relative', 'display':'block', 'width':width, 'height':height });
			$(this).css({'position':'absolute', 'display':'block', 'top':'0px', 'left':'0px'});
			$(this).after('<img src="' + _on + '" width="' + width + '" height="' + height + '" alt="" class="rofadeon" />');
			$('img.rofadeon').css({'position':'absolute', 'display':'none', 'top':'0px', 'left':'0px'});
		})
		.mouseover(function() {
			var nextImg = $(this).next();
			$(this).fadeOut(500);
			$(nextImg).fadeIn(1000);
		})
	$('a.rolloverfade img[class=rofadeon]')
		.mouseout(function() {
			var prevImg = $(this).prev();
			$(this).fadeOut(500);
			$(prevImg).fadeIn(1000);
		})
	
});

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