// -------------------------------------------------
//  TOPページ おすすめ商品表示用 Javascript
// -------------------------------------------------

$(function(){
	var $click = 0; //上下ボタンクリック確認用
	var play, $timerID; //タイマー設定
	var $li_num = 0 //現在の右バナーの位置
	var $li_total = $("#carousel ul.tab li").size(); //liの総数
	var $li_rest = $li_total%4; //4つずつ表示させる場合の余り
	var $li_block = ($li_total-$li_rest)/4; //4個ブロック
	var $click_limit = $li_block; //クリック数上限
	if($li_rest != 0){ $li_block++; }
	if($li_rest == 0){ $click_limit--; }

	//初期設定
	$("#carousel ul.tab li:eq(0) a").addClass("selected");
	$("#topReccomend div.panel div").hide();
	$("#topReccomend div.panel div:eq(0)").show("");
	$("#carousel ul.tab").css("height",264*$li_block+"px");

	//下ボタンが押された時の処理
	$("#carouselDown").click(function(){
		$("#carouselDown,#carouselUp").hide();
		$("#carousel ul.tab:first").clone().appendTo("#carousel");
		if($click_limit > $click){
			$click++;
		}else if($click_limit <= $click){
			$click = 0;
		}
		$("#carousel:not(:animated)").animate({
			marginTop : parseInt($("#carousel").css("margin-top"))-264+"px"
		},"slow","", 
		function(){
			$("#carousel ul.tab:last").hide();
			$("#topReccomend div.panel div").hide();
			$li_num = $click * 4;
			if($click == 0){
				$("#carousel").css("margin-top","0");
			} else {
				$("#carousel").css("margin-top",(-264*$click)+"px");
			}
			$("#topReccomend div.panel div:eq("+$li_num+")").fadeIn("");
			$("#carousel ul.tab li a").removeClass("selected");
			$("#carousel ul.tab li:eq("+$li_num+") a").addClass("selected");
			$("#carouselUp,#carouselDown").show();
			});
	});

	//上ボタンが押された時の処理
	$("#carouselUp").click(function(){
		$("#carouselDown,#carouselUp").hide();
		$("#carousel ul.tab:first").clone().appendTo("#carousel");
		if($click == 0){
			$click = $click_limit;
		}else {
			$click--;
		}
		$("#carousel").css("margin-top",(-264*($click+1))+"px");
		$("#carousel:not(:animated)").animate({
			marginTop : parseInt($("#carousel").css("margin-top"))+264+"px"
		},"slow","", 
		function(){
			$("#carousel ul.tab:last").hide();	
			$("#topReccomend div.panel div").hide();
			$li_num = $click * 4;
			if($click == 0){
				$("#carousel").css("margin-top","0");
			} else {
				$("#carousel").css("margin-top",(-264*$click)+"px");
			}
			$("#topReccomend div.panel div:eq("+$li_num+")").fadeIn("");
			$("#carousel ul.tab li a").removeClass("selected");
			$("#carousel ul.tab li:eq("+$li_num+") a").addClass("selected");
			$("#carouselUp,#carouselDown").show();
		});
	});

	//タイマー設定
	play = function () {
		timerID = setInterval(function(){
			if($li_num%4 == 3) {
				$("#carousel ul.tab li a").removeClass("selected");
				$("#carousel ul.tab li:eq("+($li_num+1)+") a").addClass("selected");
				$("#carouselDown").click();
				$li_num = $li_num+1;
			} else if($li_num == $li_total-1) {
				$("#carousel ul.tab li a").removeClass("selected");
				$("#carousel ul.tab li:eq(0) a").addClass("selected");
				$("#carouselDown").click();
				$li_num = 0;
			} else {
				$li_num++;
				$("#carousel ul.tab li a").removeClass("selected");
				$("#carousel ul.tab li:eq("+$li_num+") a").addClass("selected");
				$("#topReccomend div.panel div").hide();
				$("#topReccomend div.panel div:eq("+$li_num+")").fadeIn("");
			}
		},4000);
	}
	play();

	//ボタン類にカーソルが乗っている時は、タイマーを止める
	$("#carouselUp img,#carouselDown img,ul.tab li a,div.panel div").hover(function(){
		clearInterval(timerID);
	},function(){
		play();
	});


	//右ボタンに応じて、パネル表示を変更
	$("#carousel ul.tab li a").mouseover(function(){
		$("#carousel ul.tab li a").removeClass("selected");
		$(this).addClass("selected");
		$("#topReccomend div.panel div").hide();
		$li_num = $("#carousel ul.tab li a").index(this);
		$("#topReccomend div.panel div:eq("+$li_num+")").fadeIn("");
	});


	/* ◆ジャンルメニューフキダシ◆ */
	$("#ranking div.categoryMenu div.subMenu").hide();
	$("#ranking div.categoryMenu").hover(function(){
		$("div.subMenu",this).show();
		$(this).css("z-index","100");
		
	},function(){
		$("div.subMenu",this).hide();
		$(this).css("z-index","0");
	});
});