// ------------------------------------------------------
// ▼TOP SlideShow JS
// ------------------------------------------------------

$(function(){
	mainVisSlide();
});


function mainVisSlide(){

	// ▼初期値設定
	// ------------------------------------------------------
		//自動スクロール間隔の取得
		var scrollTime = 6000;
		
		//スライドできるタイミングかのフラグ
		var slideflg = 1;

	// ▼対象ブラウザをチェック
	// ------------------------------------------------------
		var flgIE = navigator.userAgent.indexOf("MSIE") != -1;

	// ▼スライドショー処理開始
	// ------------------------------------------------------

		//対象要素のキャッシュ
		var imgList = $("#slidects li");
		var navList = $("#slidenav");

		//スライド画像総数の取得
		var imgCount = imgList.length;

		//ナビゲーション生成用配列宣言
		var navListArray = [];

		//スライド画像数で繰り返し
		imgList.each(function (i) {
			var i = i+1;

			$(this).attr("id","mainslideImg" + i);
			$(this).css("z-index",imgCount - i);

			if(imgCount !== i){
				classlast = '';
			}else{
				classlast = ' class="last"';
			}

			//ナビゲーションの生成
			var outputnav = '<li id="nav'+i+'"'+classlast+'><p class="btn"><img src="/top/img/btn-slideoff.gif" width="25" height="7" alt="" /></p><div id="thumbnail'+ i +'" class="thumbnail"><p class="thumbnailbg png_bg"><span><img src="/top/img/mainvis-s'+i+'.jpg" width="89" height="44" alt="" /></span></p></div></li>';
			navListArray.push(outputnav);
		});

		//ナビゲーションの追加
		navList.addClass("navcount"+imgCount+" png_bg");
		navList.html(navListArray.join(""));


		// ▼スライドショー実行
		// ------------------------------------------------------
			function setAutoSlide(){
				var idNum = 2;
				imgList.css("display","none");
				$("#mainslideImg1").css("display","block").addClass("act");
				$("#nav1").addClass("act").find(".btn img").attr("src","/top/img/btn-slide-now.gif");
				
				var nowurl = $("#mainslideImg1").find("a").attr("href");
				var nowtarget = $("#mainslideImg1").find("a").attr("target");

				var visualFrm = $("#visual-frm");
				if(nowurl !== null){
					visualFrm.css("cursor","pointer");
				}else{
					visualFrm.css("cursor","defalut");
				}


				//画像切り替え処理
				function setImg(setidNum,flg){
					slideflg = 0;
					navList.find("li").css("cursor","default");

					if(flg === "1"){
						navList.find(".act").removeClass("act").find(".btn img").attr("src","/top/img/btn-slideoff.gif");
						$("#nav"+setidNum).addClass("act").find(".btn img").attr("src","/top/img/btn-slide-now.gif");
					}

					$("#slidects .act").css({"z-index":"5"}).addClass("actold").removeClass("act");
					var nowimg = $("#mainslideImg" + setidNum);

					nowimg.css({"z-index":"10"}).fadeIn(1000,
						function(){
							//alert("slideend");

							nowurl = $(this).find("a").attr("href");
							nowtarget = $(this).find("a").attr("target");

							if(nowurl !== null){
								visualFrm.css("cursor","pointer");
							}else{
								visualFrm.css("cursor","defalut");
							}


							if(imgCount > idNum){
								//alert(idNum);
								idNum++;
							}else{
								//上限に達したら初期値に戻す
								idNum = 1;
							}

							$("#slidects .actold").css("display","none").removeClass("actold");
							slideflg = 1;
							navList.find("li:not(.act)").css("cursor","pointer");

							if(flg === "2"){
								//スライド再開
								setScroll();
							}
						}
					).addClass("act");
				}


				//リンク設定
				visualFrm.click(
					function(){
						if(nowtarget === ""){
							//targetがなければ_selfで遷移
							location.href = nowurl;
							return false;
						}else if(nowurl !== ""){
							//targetなし・URLがある場合は_blankで遷移
							window.open(nowurl,"_blank");
							return false;
						}else{
							return false;
						}
					}
				);


				function setScroll(){
					scrollAct = setInterval(
						function (){
							setImg(idNum,"1");
						}
					,scrollTime);
				}
				setScroll();//初回実行

				navList.find("li").click(
					function(){
						var ckclass = $(this).attr("class");
						//alert(ckclass.indexOf("act"));
						if(ckclass.indexOf("act") === -1 && slideflg === 1){
							navList.find(".act").removeClass("act").find(".btn img").attr("src","/top/img/btn-slideoff.gif");
							$(this).addClass("act").find(".btn img").attr("src","/top/img/btn-slide-now.gif");

							clearInterval(scrollAct);
							var nownav = $(this).attr("id");
							idNum = nownav.replace("nav","");
							setImg(idNum,"2");
						}
						return false;

					}
				);

			}

			setAutoSlide();//初回実行


		// ▼ナビゲーション スマートフォンではホバーイベントはオフ
		// ------------------------------------------------------

			var flgiPhone = navigator.userAgent.indexOf("iPhone") != -1;
			var flgiPad = navigator.userAgent.indexOf("iPad") != -1;
			var flgAndroid = navigator.userAgent.indexOf("Android") != -1;

			if(flgiPhone || flgiPad || flgAndroid){
			}
			else{

				navList.find(".btn").hover(
					function(){
						if(slideflg === 1){
							$(this).find("img").attr("src","/top/img/btn-slideon.gif");
						}
						if(flgIE){
							$(this).next().css("display","block");
						}else{
							$(this).next().stop(true,true).fadeIn();
						}
					},
					function(){

						if(flgIE){
							$(this).next().css("display","none");
						}else{
							$(this).next().stop(true,true).fadeOut();
						}

						//alert($(this).parent().attr("class"));
						var ckclass = $(this).parent().attr("class");
						if(ckclass.indexOf("act") !== -1){
							$(this).find("img").attr("src","/top/img/btn-slide-now.gif");
						}else{
							$(this).find("img").attr("src","/top/img/btn-slideoff.gif");
						}

					}
				);

			}


}