/**
 * jQuery.tabsNav
 */
(function($) {
	$.fn.tabsNav = function(options) {
		var opts = $.extend({	//オプション設定
			className: 'selected',
			eventName: 'mouseover',
			fadeIn: 500
		}, options);
		return this.each(function() {
			var target = $(this);
			var div = target.find('#tab-content-group div');  //切替対象div
			var tabs = target.find('li');  //tabs
			var flag = false;
			now = new Date().valueOf();	//日付オブジェクト作成して値を参照
			function Tabs() {
				if(flag) { //2回目以降処理
					if(new Date().valueOf() - now < 10) {
						return false;
					}
				} else {	//初回処理
					div.hide();
					var tab = div.eq(($(this).index()));
					tab.show();
					tabs.removeClass(opts.className);
					$(this).addClass(opts.className);
					flag = true;
					return false;
				}

				if($(this).hasClass(opts.className)) {  //選択中要素にhoverした場合false
					return false;
				}
				select(div, $(this));
				now = new Date().valueOf();
				return false;
			}

			function select(div, li, index) {	//タブhover時処理
				div.hide();
				var tab = div.eq((li.index()));
				tab.fadeIn(opts.fadeIn);
				tabs.removeClass(opts.className);
				li.addClass(opts.className);
			}

			tabs.bind(opts.eventName == 'all' ? 'click mouseover' : opts.eventName, Tabs).filter(':first').trigger(opts.eventName == 'all' ? 'click' : opts.eventName);
		});
	};
	$.fn.tabsHover = function() {
		$("#tab-area #tab li").hover(function() {
			$(this).css("opacity", 0.8);
		},function() {
			$(this).css("opacity", 1);
		});
	};
})(jQuery);