var timeOut = 5000;			//自動再生の繰り返し間隔(5秒)
	//var timeOut2 = 120000;	//ストップさせてから再自動再生の間隔(2分)
	var timeOut2 = 12000;	//ストップさせてから再自動再生の間隔(2分)

	var t;									//自動再生Interval関数停止用の変数
	var t2									//自動再生TimeOut関数停止用の変数
	var nowCnt;							//liタグのカウント数
	var imgHTotal = 0;			//ulのポジションを移行させる為の変数
	var imgPathBt;					//上下矢印ボタン押下時のimgPath保存変数
	var linkPathBt;					//上下矢印ボタン押下時のlinkPath保存変数
	var jsFlg = 0;					//FLASHか切り替わった後のJSコンテンツかを判断するフラグ

$(function() {

	//JS側左上コンテンツの非表示(FLASHと入れ替わるdiv)
	$('.jsContents').hide();

	//左メニューの上下スライド用矢印タグを非表示
	$('.prevImg').hide();
	$('.nextImg').hide();

	//画像の先読み
	var liCnt = $('.topNaviWrap ul li').size();		//liのカウント数
	animeImg = new Array();
	animeImg2 = new Array();
	for(var i=0;i<liCnt;i++){
		animeImg[i]=new Image();
		animeImg2[i]=new Image();
		animeImg[i].src= "img/top/right-banner-0"+(i+1)+".jpg"; 	//先読み
		animeImg2[i].src= "img/top/left-banner-0"+(i+1)+".jpg"; 	//先読み
	}

	//マウスオーバー時の処理1
	$(".topNaviWrap ul > li > a").mouseover(function(){

		if(jsFlg == 0 ) return false;	//FLASHコンテンツが表示されている間はこれ以上処理しない

		clearInterval(t);	//Interval関数停止
		clearTimeout(t2);	//TimeOut関数停止

		$(".topNaviWrap ul > li").removeClass('current');
		$(this).parent("li").addClass('current');
		
		var id = $(this).attr("id");
		var src = animeImg2[parseInt(id)-1].src
		var url = $(this).attr("href");

		$(".topNaviWrap #topNaviTarget img").stop().fadeTo("fast",0.01,function() {
			$(this).parent("a").attr("href",url)
			$(this).attr("src",src);
			$(this).fadeTo("fast",1.0);
		});
		return false;
	});

	//トップ左側コンテンツがクリックされた場合(メニューの左のコンテンツ)
	$(".topNaviWrap #topNaviTarget a").click(function(){

		var getImgPath = $(".topNaviWrap #topNaviTarget img").attr("src");	//コンテンツに表示されている画像パスを取得
		var getImgPathArray = getImgPath.split("/");

		var getImg = getImgPathArray[parseInt(getImgPathArray.length)-1];	//画像名の取得

		var ca ="トップページ";		//イベントトラッキング(カテゴリ)
		var ac = "クリック";			//イベントトラッキング(アクション)
		var lb = "";							//イベントトラッキング(ラベル)

		switch (getImg) {
			case "left-banner-01.jpg":
				lb = "伝えたい 関女の魅力！（大）";
				break;
			case "left-banner-02.jpg":
				lb = "2011年度オープンキャンパス（大）";
				break;
			case "left-banner-03.jpg":
				lb = "2012年度資料請求（大）";
				break;
			case "left-banner-04.jpg":
				lb = "パーソナル相談会";
				break;
		}

		_gaq.push(['_trackEvent', ca, ac, lb]);	//イベントトラックの実行

	});

	//マウスオーバー時の処理2
	$('.topNaviWrap ul li').mouseover(function() { // over
		clearInterval(t)		//Interval関数停止
		clearTimeout(t2);		//TimeOut関数停止
	},function() { // out
		clearInterval(t);		//Interval関数停止
		clearTimeout(t2);		//TimeOut関数停止
	});

	//マウスアウト時の処理
	$('.topNaviWrap ul li').mouseleave(function() { // out

		if(jsFlg == 0 ) return false;	//FLASHコンテンツが表示されている間はこれ以上処理しない

		clearInterval(t);		//Interval関数停止
		clearTimeout(t2);		//TimeOut関数停止
		t2 = setTimeout( 'setTimedCount()', timeOut2);	//2分後に自動再生のインターバル関数を呼びだす。
	},function() { // out
		clearInterval(t);		//Interval関数停止
		clearTimeout(t2);		//TimeOut関数停止
	});

	//右：スライド情報の取得
	var imgH	 = parseInt($(".topNaviWrap ul > li:first").css("height"));	// 1つあたりのliの縦幅。最初のliの縦幅を基準にする
	var duration = 500;	// スライドする速さ (ms)
	var jqCounter = 0;
	var leftH = 0;			// 上の矢印の縦幅
	var rightH = 0;			// 下の矢印の縦幅
	var jqHeight = parseInt($(".topNaviWrap .topNaviWrapIn div").css("height")) - leftH - rightH;
	var dispCount = parseInt(jqHeight/imgH);				// 1エリアあたりの表示枚数
	var iconH = Math.floor(jqHeight / dispCount);		//1アイコンの縦幅
	//var liCnt = $('.topNaviWrap ul li').size();		//liのカウント数
	nowCnt = liCnt-4;	//上下クリックの現在位置

	//右のスライドの上へボタンを押下した場合
	$('.prevImg').click(function() {
		//if(nowCnt <= 0 ){
		if(nowCnt <= (liCnt-5) ){
			clearInterval(t);
			clearTimeout(t2);		//TimeOut関数停止
			t2 = setTimeout( 'setTimedCount()', timeOut2);	//2分後に自動再生のインターバル関数を呼びだす。
			imgHTotal = imgHTotal+imgH;
			if( imgHTotal > 0){
				imgHTotal = 0;
			}
			$('.topNaviWrap ul').animate({ top:imgHTotal+"px" }, duration);
			nowCnt++;
		}
	});

	//右のスライドの下へボタンを押下した場合
	$('.nextImg').click(function() {
		//if( (liCnt == 4 && nowCnt > 0) || (liCnt > 4 && nowCnt >= 0) ){
		if( nowCnt >= 0 ){
			clearInterval(t);
			clearTimeout(t2);		//TimeOut関数停止
			t2 = setTimeout( 'setTimedCount()', timeOut2);	//2分後に自動再生のインターバル関数を呼びだす。
			imgHTotal = imgHTotal-imgH;
			$('.topNaviWrap ul').animate({ top:imgHTotal+"px" }, duration);
			nowCnt--;
		}
	});

	//左コンテンツをマウスオーバーした場合
	$('#topNaviTarget').mouseover(function() {
		clearInterval(t);	//メニューの自動制御をストップさせる
		clearTimeout(t2);		//TimeOut関数停止
	});

	//左コンテンツをマウスアウトした場合
	$('#topNaviTarget').mouseleave(function() {
		clearInterval(t);
		clearTimeout(t2);		//TimeOut関数停止
		t2 = setTimeout( 'setTimedCount()', timeOut2);	//2分後に自動再生のインターバル関数を呼びだす。
	});

	//先読み画像をロードする
	$('.topNaviWrap ul li').each(function(i) {
		$(this).children("a").children("img").attr("src",animeImg[i].src);
		$(this).children("a").children("img.currentArrow").attr("src","img/top/arrow.gif");
	});
});

//左右：自動再生
function timedCount(){

	var $nextImage;
	var $firstImage = $('.topNaviWrap ul li:first-child');
	var liCnt = $('.topNaviWrap ul li').size();

	$('.topNaviWrap ul li').each(function(i) {

		if ($(this).hasClass('current')) {

			//左右：画像切替
			$(this).removeClass();
			$nextImage = $(this).next();

			var hereIndex = $nextImage.index();
			if(hereIndex == -1 ){
				$nextImage = $firstImage;
				var imgPath = animeImg2[0].src;
				var linkPath = $('.topNaviWrap ul li:first-child').children("a").attr("href");			
			}
			else{
				var imgPath = animeImg2[hereIndex].src;
				var linkPath = $nextImage.children("a").attr("href");
			}

			var src = imgPath;
			$(".topNaviWrap #topNaviTarget img").fadeTo("fast",0.01,function() {
				$(this).parent("a").attr("href",linkPath);
				$(this).attr("src",src);
				$(this).fadeTo("fast",1.0);			
			});

			//右：スライド
			var imgH	 = parseInt($(".topNaviWrap ul > li:first").css("height"));	// 1つあたりのliの縦幅。最初のliの縦幅を基準にする
			var duration = 500;	// スライドする速さ (ms)
			var jqCounter = 0;
			var leftH = 0;	// 上の矢印の縦幅
			var rightH = 0;	// 下の矢印の縦幅
			var jqHeight = parseInt($(".topNaviWrap .topNaviWrapIn div").css("height")) - leftH - rightH;
			var dispCount = parseInt(jqHeight/imgH);			// 1エリアあたりの表示枚数
			var iconH = Math.floor(jqHeight / dispCount);	//1アイコンの縦幅

			if(hereIndex == (-1) ){
				$nextImage.parent("ul").animate({ top:0+"px" }, duration);
				//nowCnt=liCnt-4;	//ボタンクリックの初期化
				nowCnt=liCnt-4;	//ボタンクリックの初期化
				imgHTotal = 0;
			}
			else{
				if(  hereIndex != (liCnt-2) && hereIndex != (liCnt-1) ){
					$nextImage.parent("ul").animate({ top:-imgH*hereIndex+"px" }, duration);
					nowCnt--;
					imgHTotal = imgHTotal-imgH;
				}
				else if( hereIndex == (liCnt-1) && imgHTotal==0 ){

					$nextImage.parent("ul").animate({ top:-imgH+"px" }, duration);
					nowCnt--;
					imgHTotal = imgHTotal-imgH;
				}
			}
		}
	});
	$nextImage.addClass('current');
};

//自動再生のインターバルを呼びだす関数
function setTimedCount(){

	t = setInterval('timedCount()',timeOut);
}

//トップのFLASHとJSコンテンツを入れ替える
function setMenu(){

	//FLASH側左上コンテンツの非表示(FLASHと入れ替わるdiv)
	$('.flaContents').hide();

	//JS側左上コンテンツの表示(FLASHと入れ替わるdiv)
	$(".jsContents").show();

	//左メニューの上下スライド用矢印タグを表示し、
	//矢印が無いタグを非表示
	$(".prevImg").show();
	$(".nextImg").show();

	$(".prevFla").hide();
	$(".nextFla").hide();

	//現在地用画像出力
	$(".topNaviWrap ul > li img").after('<img src="img/top/arrow.gif" alt="" width="188" height="106" class="currentArrow">');	

	jsFlg = 1;	//JSコンテンツ読み込み完了とします。

	t = setInterval('timedCount()',timeOut);	//初期表示時に自動再生を開始

}