/* ============================================================

tabmenu01
ver1.0   2011.2


$(".tabMenuArea").tabmenu01({});

==============================================================*/

(function($) {
	$.fn.tabmenu01 = function(options) {
		// elementに格納
		var element = this;

		// 初期オプション
		var conf = $.extend({
			//初期表示タブ　n番目
			openTab: 1,
			
			// fadeInアニメーション設定
			animate: "show", // show,slideDown,fadeIn
			speed: 0, // 表示されるスピード
			
			// クラス名設定
			activeClass: "tabmenu01Active", //選択されているタブに付与されるクラス
			hoverClass: "tabmenu01Hover" //ホバーされているタブに付与されるクラス
		}, options);


		var loadFunc = function(){
			conf.openTab = conf.openTab-1;
			$(".tabBox",element).not(":eq("+conf.openTab+")").hide();
			$(".tabs li:eq("+conf.openTab+")",element).addClass(conf.activeClass);
			imageChange();
		}

		// Click Event
		$(".tabs li a",element).click(function (){
			if(!$(this).parent().hasClass(conf.activeClass)){
				// tabクラスの切替
				$(this).parent().addClass(conf.activeClass).siblings().removeClass(conf.activeClass);
		
				// tabBox表示の切替
				var currentTab = $(this).attr("href"); 
				$(".tabBox:visible",element).stop(true, true).hide();
				$(currentTab)[conf.animate](conf.speed,function(){
					if($.browser.msie){
						this.style.removeAttribute("filter");
					}
				});
			}
			imageChange();
			return false;
		});
	
		// hover Event
		$(".tabs li a",element).each(function (){
			
		var imgSrc = $(this).children("img").attr("src");
			$(this).hover(function(){
				if(!$(this).parent().hasClass(conf.activeClass)){
					var onSrc = imgSrc.replace("_off","_on");
					$(this).children('img').attr('src',onSrc);		
				}
			}, function (){
				if(!$(this).parent().hasClass(conf.activeClass)){
					$(this).children('img').attr('src',imgSrc);		
				}
			});
		});

		// imageChange
		// load時 クリック時
		var imageChange = function(){
			$(".tabs li a",element).each(function(){
												  
				$(this).children("img").addClass('activeImg');
				var imgSrc = $(this).children("img").attr("src");
												  
				if($(this).parent().hasClass(conf.activeClass)){
					if(imgSrc.indexOf("_off.") > 1){
						var onSrc = imgSrc.replace("_off","_act");
					}else if(imgSrc.indexOf("_on.") > 1){
						var onSrc = imgSrc.replace("_on","_act");
					}
				}else{
					var onSrc = imgSrc.replace("_act","_off");
				}
				
				$(this).children('img').attr('src',onSrc);					
			});			
		}
		
		loadFunc();
	}
})(jQuery);




// プラグイン実行処理
$(function() {
	$(".tabMenuArea").tabmenu01();
	
	$(".tabMenuAreaOp").tabmenu01({
		//初期表示タブ　n番目
		openTab: 2,
		
		// fadeInアニメーション設定
		animate: "fadeIn", // show,slideDown,fadeIn
		speed: 170, // 表示されるスピード
		
		// クラス名設定
		activeClass: "tabmenu01Active", //選択されているタブに付与されるクラス
		hoverClass: "tabmenu01Hover" //ホバーされているタブに付与されるクラス
	});
});