/*
 * rollOver - jQuery Plugin
 *
 * Copyright (c) DESIGN inc. All Rights Reserved.
 * http://www.design-inc.jp/
 *
 */

(function($){
	$.fn.rollOver = function(options){
		
		var settings = $.extend({
			selectorFade: 'a.ro-fade img, input.ro-fade',	// フェードクラス
			selectorReFade: 'a.ro-xfade img, input.ro-xfade',	// フェードクラス（通常時が半透明）
			selectorSwitch: 'a.ro-switch img, input.ro-switch',	// 画像切替クラス
			selectorFadeswith: 'a.ro-fswitch img, input.ro-fswitch',	// フェード画像切替クラス
			attachStr: '-on',	// ロールオーバー画像の名前
			animateTime: 300,	// アニメーションの時間
			fadeOpacity: 0.7,	// フェードのパーセンテージ
			easing: 'easeOutCubic'	//イージング
		}, options);
		
		// フェード
		$(settings.selectorFade).each(function(){
			$(this).hover(function(){
				$(this).animate({'opacity': settings.fadeOpacity}, {'duration': settings.animateTime, 'easing': settings.easing, 'queue': false});
			}, function(){
				$(this).animate({'opacity': 1}, {'duration': settings.animateTime, 'easing': settings.easing, 'queue': false});
			});
		});
		
		// フェード（通常時が半透明）
		$(settings.selectorReFade).css({opacity: settings.fadeOpacity});
		$(settings.selectorReFade).each(function(){
			$(this).hover(function(){
				$(this).animate({'opacity': 1}, {'duration': settings.animateTime, 'easing': settings.easing, 'queue': false});
			}, function(){
				$(this).animate({'opacity': settings.fadeOpacity}, {'duration': settings.animateTime, 'easing': settings.easing, 'queue': false});
			});
		});
		
		// 画像切替
		$(settings.selectorSwitch).not('[src*="' + settings.attachStr + '."]').each(function(){
			this.overImg = new Image();
			this.overImg.src = $(this).attr('src').replace(new RegExp('(\.gif|\.jpg|\.png)$'), settings.attachStr + '$1');
			$(this.overImg).css({position: 'absolute', opacity: 0});
			$(this).before(this.overImg);
			$(this.overImg).hover(function(){
				$(this).css({'opacity': 1, 'cursor': 'pointer'});
			},
			function(){
				$(this).css({'opacity': 0});
			});
		});
		
		// フェード画像切替
		$(settings.selectorFadeswith).not('[src*="' + settings.attachStr + '."]').each(function(){
			this.overImg = new Image();
			this.overImg.src = $(this).attr('src').replace(new RegExp('(\.gif|\.jpg|\.png)$'), settings.attachStr + '$1');
			$(this.overImg).css({position: 'absolute', opacity: 0});
			$(this).before(this.overImg);
			$(this.overImg).hover(function(){
				$(this).css({'cursor': 'pointer'}).animate({'opacity': 1}, {'duration': settings.animateTime, 'easing': settings.easing, 'queue': false});
			},
			function(){
				$(this).animate({'opacity': 0}, {'duration': settings.animateTime, 'easing': settings.easing, 'queue': false});
			});
		});
		
		return this;
	};
})(jQuery);