/* トップページ用スクリプト */

$(function(){
	//タブ切り替え
	$('ul.tab').each(function(){//ul.tab毎に処理
		var sheets = new Array();
		$(this).find('li a').each(function(index){//初期化
			var sheetId = $(this).attr('href').replace('#','');//切り替え対象エリアのIDを取得
			sheets.push(sheetId);
			if(index==0){
				$(this).parent().addClass('current');
			}else{
				$('#'+sheetId).hide();
			}
		}).click(function(){//クリック時の処理
			$(this).parents('ul').find('li').removeClass('current');//いったんcurrentクラスを全部削除
			$(this).parent().addClass('current');
			for(i=0;i<sheets.length;i++){//切り替え対象エリアの表示非表示処理
				if($(this).attr('href').replace('#','')==sheets[i]){
					$('#'+sheets[i]).show();
				}else{
					$('#'+sheets[i]).hide();
				}
			}
			return false;
		});
	});
	
	//
	var imgPath = "/images/";
	var kvArray = ["index-keyvisual-assem.jpg", 
				   "index-keyvisual-projector.jpg", 
				   "index-keyvisual-thermo.jpg", 
				   "index-keyvisual-me.jpg"];
	var kvEvtLabelArray = ["kv-assem","kv-projector","kv-thermo","kv-me"];
	var counter = -1;//kvArrayの前に初期画像を入れるため
	var step = Math.floor(Math.random()*4)+1;//最初の画像をランダムにするためにcounterに加算する数
	var timer;
	var interval = 3000;
	var fadeTime = 700;
	var kvImg = $('div#platform p.keyVisual img');
	var menuList = $('div#platform ul.menu li');
	
	var kvChange = function(){//キービジュアル切り替え
		if(kvImg.parent().get(0).tagName!='A'){//キービジュアルにaタグが付いていなければ追加
			kvImg.wrap('<a href="/"></a>');
		};
		var url = $(menuList.get(counter)).find('a').attr('href');//アクティブなメニューのリンク先を取得
		kvImg.parents('a').unbind('click');
		kvImg.parents('a').click(function(){//キービジュアルリンク先の変更
			pageTracker._trackEvent('topPage','move',kvEvtLabelArray[counter]);
			if(url.indexOf('http')==0&&url.indexOf(location.hostname)==-1){
				window.open(url, "_blank");
				return false;
			}
		}).attr('href',url);
		kvImg.attr('src',imgPath + kvArray[counter]);//キービジュアルの変更
	}
	
	var switchImg = function(){//一定時間ごとの切り替え処理
		kvImg.fadeOut(fadeTime,function(){
			var oriSrc;
			var menuImgObj;
			
			if(timer!=null){
				menuImgObj = $(menuList.get(counter)).find('img');//メニュー項目のロールオーバー消す
				oriSrc = menuImgObj.attr('src');
				menuImgObj.attr('src',oriSrc.replace(/\-on(\.gif|\.jpg|\.png)/, "$1"));
				
				counter += step;
				counter %= kvArray.length;
				step = 1;//初回以降はstepを1にする
				
				kvChange();
				
				menuImgObj = $(menuList.get(counter)).find('img');//メニュー項目のロールオーバーつける
				oriSrc = menuImgObj.attr('src');
				menuImgObj.attr('src',oriSrc.replace(/(\.gif|\.jpg|\.png)/, "-on$1"));
			}
		}).fadeIn(fadeTime);
	}
	
	var stopInterval = function(){//スライドショーの停止
		kvImg.stop(true,true);
		kvImg.show();
		clearInterval(timer);
		timer = null;
	};
	
	menuList.hover(function(){
		menuList.find('img').each(function(){//いったんメニュー項目のロールオーバーをリセット
			var oriSrc = $(this).attr('src');
			$(this).attr('src',oriSrc.replace(/\-on(\.gif|\.jpg|\.png)/, "$1"));
		});
		index = menuList.index(this);//どのメニュー項目にロールオーバーしてるか取得
		counter = index;
		step = 1;//初回以降はstepを1にする
		var oriSrc = $(this).find('img').attr('src');
		$(this).find('img').attr('src',oriSrc.replace(/(\.gif|\.jpg|\.png)/, "-on$1"));
		
		kvChange();
		
		stopInterval();
	},function(){
		timer = setInterval(function(){switchImg()}, fadeTime*2+interval);
	});
	
	kvImg.hover(function(){
		stopInterval();
	},function(){
		timer = setInterval(function(){switchImg()}, fadeTime*2+interval);
	});
	
	timer = setInterval(function(){switchImg()}, fadeTime*2+interval);
	
	//別窓ウインドウ
	$('ul.menu [href^="http"]').not('[href^="https://f.msgs.jp/"],[href^="https://www.avio.co.jp/"]').click(function(){
		window.open(this.href, "_blank");
		return false;
	})
});