;/* $.fn.mk_tab
****************************************************************************
	
	/////////////////////////////////////////////////////////////////////////
	
	@varsion     : 1.0
	@requiers    : jquery.js, jquery.mk_cookie.js
	@author      : http://www.makinokobo.com - oosugi
	@last update : 2010.10.30 - oosugi
	@Copyright   : Copyright (c) 2010 Skill Partners Inc. All Rights Reserved.
	
	/////////////////////////////////////////////////////////////////////////
	
	$('SELECTOR').mk_tab();
	=========================================================================
	タブメニュー表示プラグイン。
	表示動作を起こしたい要素に対して実行する。
	
	
	-------------------------------------------------------------------------
	#Config
	-------------------------------------------------------------------------
	$('SELECTOR').mk_tab({
		navi: '.mk_tabNavi',//タブナビゲーションに対して指定する
		body: '.mk_tabBody',//タブコンテンツに対して指定する
		currentClass: 'current',//currentのclass名
		speed: 200,
		cookie: true,
		fixedHeight: true
	});
	
****************************************************************************/
(function(){

$html = $('html');
$html.addClass('no-js');

/* tab setting
=========================================== */
$(function(){
    $('#ToggleBanner').mk_tab({
		navi: '.pager',
		body: '.bannerList li',
		auto: true
    })
});


$.fn.mk_tab = function(config){
	config = $.extend({},$.mk_tab.defaults,config);
	
	var $containers = $(this);
	$containers.find(config.body).hide();
	
	return this.each(function(){
		var $container = $(this);
		var $navi = $(this).find(config.navi);
		var $naviItems = $navi.find('li');
		var $bodys = $(this).find(config.body);

		
		
		var num = 0;
		var currentNum = 0;
		var timer;

		// cookie read
		if(config.cookie){
			var containerID = $containers.index($container);
			var cookieName = $(this).attr('class')+containerID;
			var cookieValue = $.mk_cookie.read(cookieName);
			if(cookieValue){
				num = cookieValue;
				currentNum = cookieValue;
			}
		}
		

		// begging
		$bodys.eq(num).show();
		$naviItems.removeClass(config.currentClass).css({cursor: 'pointer'})
			.eq(num).addClass(config.currentClass).css({cursor: 'default'});
		
		var toNext = function(){
			var nextNum = (num + 1) % $naviItems.length;
			$naviItems.eq(nextNum).trigger('click');
			timer = setTimeout(toNext, 4000);
		};

		// action
		$naviItems
			.unbind('click.mk_smoothScroll')
			.bind('mk_tab',function(){
				currentNum = num;
				$naviItems.removeClass(config.currentClass).css({cursor: 'pointer'})
					.eq(num).addClass(config.currentClass).css({cursor: 'default'});
				$bodys.hide().eq(num).fadeIn(config.speed);
				
				// cookie create
				if(config.cookie) $.mk_cookie.create({ name: cookieName, value: num});
				return false;
			})
			.click(function(){
				num = $naviItems.index(this);
				if(num!=currentNum) $(this).trigger('mk_tab');
				if (timer){
					clearTimeout(timer);
				}
				return false;
			});
                        $(".bannerList li iframe").hover(function() {
				if (timer){
					clearTimeout(timer);
				}
				return false;
			});

		// auto
		if (config.auto){
			timer = setTimeout(toNext, 4000);
		}

	});
};


$.mk_tab = {
	version: 1.0,
	defaults: {
		navi: '.mk_tabNavi',
		body: '.mk_tabBody',
		currentClass: 'current',
		speed: 600,
		cookie: false,
		fixedHeight: true
	}
};


})(jQuery);