(function($) {

$('div#mainMenu').ready(function(){

	$.firstNum = 0;
	$.myTotalZNumber = 10;
	$.pastName = 'mainMenuS0';
	
	//メインタブを変える関数======================================
	$.fn.meeChageTab = function(myClassName){
		
		var myNum = parseInt(myClassName.slice(9, 10) ,10);
		var oldNum = parseInt($.pastName.slice(9, 10) ,10);
		
		var oldTabName = 'div#mainMenuFrame>ol>li:eq(' + oldNum + ')';
		var myTabName = 'div#mainMenuFrame>ol>li:eq(' + myNum + ')';
		
		$(myTabName).hide();
		$(myTabName).css('z-index', 10).fadeIn(600,function(){
			$(oldTabName).css('z-index', oldNum);
			$(this).css('z-index', 8);
		});
		
		//前に選択していたリストを元に戻す
		var myOldBtnName = 'a.' + $.pastName;
		$(myOldBtnName).parent().css('background-color', '#ababab');
		
		//現在の選択されているリストを装飾
		var myNewBtnName = 'a.' + myClassName;
		$(myNewBtnName).parent().css('background-color', '#e60002');
		
		$.firstNum = myNum;
		$.pastName = myClassName;
	};
	
	//メニューのマウスオーバーの設定==============================
	$.fn.meeSelectMenu = function(){
		$('a[class^="mainMenuS"]').mouseover(function(){
			
			clearInterval($.fn.myMeeTimer);
			var myClassName = $(this).attr('class');
			
			if(myClassName === $.pastName){
				return false;
			}else{
				$.fn.meeChageTab(myClassName);
			};
		});
		$('a[class^="mainMenuS"]').mouseout(function(){
			$.fn.myMeeTimer = setInterval($.fn.myMeeTimerFN,8000);
		});
	};
	
	//タイマーで動くときの関数=====================================
	$.fn.myMeeTimerFN = function(){
		$.firstNum += 1;
		if($.firstNum === 8){////////////////////////////////////////////メニューの数を変更
			$.firstNum = 0;
		};
		
		var myClassName = 'mainMenuS' + $.firstNum;
		$.fn.meeChageTab(myClassName);
	};
	
	//メインタブを配置する=======================================
	$('div#mainMenu li>a').each(function(i){
		var myLink = $(this).attr('href');
		var myOnClick = $(this).attr('name');
		var myThumbURL = $('ol#mainMenuSelector>li:eq(' + i + ')>a>img').attr('src');
		var myImgURL = 'img_thumb/main_' + myThumbURL.slice(myThumbURL.indexOf('60_60_')+6, myThumbURL.length);
		
		var setClassName = 'mainMenuL' + i;
		var setOnClick = "javascript:pageTracker._trackPageview('" + myOnClick + "');"
		
		$('div#mainMenuFrame>ol>li:eq(' + i + ')').css({
			'z-index':i,
			'display':'none'
		}).append(
			$('<a></a>').attr({
				'href':myLink,
				'class':setClassName,
				'onclick':setOnClick
			}).append(
				$('<img />').attr({
				'src':myImgURL
				})
			)
		);
		
		if(i >= 7){///////////////////////////////////////////////////////メニューの数を変更
			$('div#mainMenuFrame>ol>li:eq(0)').fadeIn(1000);
			$.fn.meeSelectMenu();
			$.fn.meeChageTab('mainMenuS0');
			$.fn.myMeeTimer = setInterval($.fn.myMeeTimerFN,8000);
		};
	});//========================================================
});
})(jQuery);

