//メインバナーJS切り替え
var setid = new Array('b1','b2','b3','b4'); //小ボタンのid名
var timeIn = 5000; //切り替え秒数 1000=1秒
var timeCn = 0;    //切り替え用カウンター
var rotationTimer;

	//デフォルト
		$("#b2,#b3,#b4").css({ opacity: "0.5" });
		$("#bnr_main2,bnr_main3,bnr_main4").css({ opacity: "0" });
	//小ボタンhover.out処理
		$("#mainbnr").hover(
		function(){
			clearInterval();
		});
		$(".bnr").hover(
			function () {
				var str = $(this).attr("id");
				
			for(i=0;i<4;i++){
				if(setid[i] == str){
					clearInterval(rotationTimer);
					switch (i){
					case 0:　//バナー1枚目
					timeCn = 0;
					$("#b1").animate({opacity: "1"},"fast");
					$("#b2,#b3,#b4","#btn_space").animate({opacity: "0.5"},"fast");
					$("#bnr_main1").animate({opacity: "1"},"800");
					$("#bnr_main1").addClass("main_select");
					$("#bnr_main2,#bnr_main3,#bnr_main4").animate({ opacity: "0" },"800");
					$("#bnr_main2,#bnr_main3,#bnr_main4").removeClass("main_select");
						break;
					case 1:  //バナー2枚目
					timeCn = 1;
					$("#b2").animate({opacity: "1"},"fast");
					$("#b1,#b3,#b4","#btn_space").animate({opacity: "0.5"},"fast");
					$("#bnr_main2").animate({opacity: "1"},"800");
					$("#bnr_main2").addClass("main_select");
					$("#bnr_main1,#bnr_main3,#bnr_main4").animate({ opacity: "0" },"800");
					$("#bnr_main1,#bnr_main3,#bnr_main4").removeClass("main_select");
						break;
					case 2:  //バナー3枚目
					timeCn = 2;
					$("#b3").animate({opacity: "1"},"fast");
					$("#b1,#b2,#b4","#btn_space").animate({opacity: "0.5"},"fast");
					$("#bnr_main3").animate({opacity: "1"},"800");
					$("#bnr_main3").addClass("main_select");
					$("#bnr_main1,#bnr_main2,#bnr_main4").animate({ opacity: "0" },"800");
					$("#bnr_main1,#bnr_main2,#bnr_main4").removeClass("main_select");
						break;
					case 3:  //バナー4枚目
					timeCn = 3;
					$("#b4").animate({opacity: "1"},"fast");
					$("#b1,#b2,#b3","#btn_space").animate({opacity: "0.5"},"fast");
					$("#bnr_main4").animate({opacity: "1"},"800");
					$("#bnr_main4").addClass("main_select");
					$("#bnr_main1,#bnr_main2,#bnr_main3").animate({ opacity: "0" },"800");
					$("#bnr_main1,#bnr_main2,#bnr_main3").removeClass("main_select");
						break;
					}//switch終了
				}//if終了
			}//for終了
		},
		function () {
		rotationTimer = setInterval(bnrTimer, timeIn);
		});//hover終了
	
	
	//自動バナー切り替え処理
	rotationTimer = setInterval(bnrTimer, timeIn);
	
	function bnrTimer(){
		switch (timeCn){
		case 0:　//バナー1枚目
		$("#b1").animate({opacity: "1"},"fast");
		$("#b2,#b3,#b4","#btn_space").animate({opacity: "0.5"},"fast");
		$("#bnr_main1").animate({opacity: "1"},"800");
		$("#bnr_main1").addClass("main_select");
		$("#bnr_main2,#bnr_main3,#bnr_main4").animate({ opacity: "0" },"800");
		$("#bnr_main2,#bnr_main3,#bnr_main4").removeClass("main_select");
			break;
		case 1:  //バナー2枚目
		$("#b2").animate({opacity: "1"},"fast");
		$("#b1,#b3,#b4","#btn_space").animate({opacity: "0.5"},"fast");
		$("#bnr_main2").animate({opacity: "1"},"800");
		$("#bnr_main2").addClass("main_select");
		$("#bnr_main1,#bnr_main3,#bnr_main4").animate({ opacity: "0" },"800");
		$("#bnr_main1,#bnr_main3,#bnr_main4").removeClass("main_select");
			break;
		case 2:  //バナー3枚目
		$("#b3").animate({opacity: "1"},"fast");
		$("#b1,#b2,#b4","#btn_space").animate({opacity: "0.5"},"fast");
		$("#bnr_main3").animate({opacity: "1"},"800");
		$("#bnr_main3").addClass("main_select");
		$("#bnr_main1,#bnr_main2,#bnr_main4").animate({ opacity: "0" },"800");
		$("#bnr_main1,#bnr_main2,#bnr_main4").removeClass("main_select");
			break;
		case 3:  //バナー4枚目
		$("#b4").animate({opacity: "1"},"fast");
		$("#b1,#b2,#b3","#btn_space").animate({opacity: "0.5"},"fast");
		$("#bnr_main4").animate({opacity: "1"},"800");
		$("#bnr_main4").addClass("main_select");
		$("#bnr_main1,#bnr_main2,#bnr_main3").animate({ opacity: "0" },"800");
		$("#bnr_main1,#bnr_main2,#bnr_main3").removeClass("main_select");
			break;
		}//switch終了

		timeCn = timeCn+1;
		if(timeCn == 5){
			timeCn = 0;
		}
	}