var prdNum;
var totalcell;
var ncell = 1;
var wd ;

$(document).ready(function() {
	/*
	get_set_rank_anme('アニメーションターゲット','結果出力ターゲット','ブランド','カテゴリ','スタイル');
	get_set_rank('結果出力ターゲット','ブランド','カテゴリ','スタイル');
	*/
	initSetCurrentBtn();
	get_set_rank_anime('#rank .tab1 .rank_ul','#rank .tab1 .body_mask','wish_import','invitation','','12','0');
	
	$("#rank .prevbtn").click(function () {prevlist("#rank .tab1 .body_mask");return false;});
	$("#rank .nextbtn").click(function () {nextlist("#rank .tab1 .body_mask");return false;});
});

/*
* 
*/

function initsetrank(trg, trg2){
	
	/*初期化
	*/
	prdNum = 0;
	totalcell = 0;
	ncell = 1;
	wd = 640;
	//onload Event
	prdNum = $(trg).size();
	totalcell = prdNum;
	
	//alert("総数:"+totalcell);
	//alert(trg2);
	
	if(prdNum > 1){
		//alert(wd*prdNum);
		//ページグリ表示
		if(ncell == 1){
			$(".prevbtn").css({display:"none"});
			$(".nextbtn").css({display:"block"});
		}else if(ncell == totalcell){
			$(".nextbtn").css({display:"none"});
			$(".prevbtn").css({display:"block"});
		}else{
			$(".prevbtn").css({display:"block"});
			$(".nextbtn").css({display:"block"});
		}
		
		//スクロール位置調整
		$(trg2).stop();
		$(trg2).css({left:0, width:wd*prdNum});
		$(trg).css({left:0});
		
	}else{
		//ページグリ非表示
	
		$(".prevbtn").css({display:"none"});
		$(".nextbtn").css({display:"none"});
		
		$(trg2).stop();
		$(trg2).css({left:0, width:wd});
		$(trg).css({left:0});
	}
	

}

function change_rank(trg){
	//tab Event
	//alert("change");
	$(trg).stop();
	$(trg).animate({left: -((ncell-1)*wd) }, {duration: 1200, easing: "easeOutExpo"});
	
	if(ncell == 1){
		$(".prevbtn").css({display:"none"});
		$(".nextbtn").css({display:"block"});
	}else if(ncell == totalcell){
		$(".nextbtn").css({display:"none"});
		$(".prevbtn").css({display:"block"});
	}else{
		$(".prevbtn").css({display:"block"});
		$(".nextbtn").css({display:"block"});
	}
}

function nextlist(trg){
	
	if(ncell == totalcell){
		ncell = totalcell;
	}else{
		ncell++;
	}
	
	change_rank(trg);
}

function prevlist(trg){
	if(ncell == 1){
		ncell = 1;
	}else{
		ncell--;
	}
	
	change_rank(trg);
}

function get_set_rank_anime(anime_trg, trg, bland, cat, style, total, btnCurrent){
	
	setCurrentBtn(btnCurrent);
	
	var _url = "search.php";
	var _type = "POST";
	
	//selectNum(cat);
	
	$(function(){
		jQuery.ajax({
			url : _url,
			data : {b:bland, c:cat, s:style, l:total},
			type : _type,
			success : function(data){

				$(trg).html("");
				$(trg).html(data);
				setbox();
				
				initsetrank(anime_trg, trg);
				//
			}
		});
	});
}

var num = 0;

var btnArrDef = new Array();
var btnArrOvr = new Array();

function initSetCurrentBtn(){

	 $("#rank .tab li > a img").each(function(i){
																						
			var src = $(this).attr('src');
																						
		 btnArrDef[i] = src;
		 btnArrOvr[i] = src.replace(/\.\w+$/, "_on" + '$&');
		 
		$(this).hover(
			function() { $(this).attr('src', btnArrOvr[i]); },
			function() { if(i!=num){$(this).attr('src', btnArrDef[i]);} }
		);
		 
		});

}

function setCurrentBtn(numb){
	num = numb;
	$("#rank .tab li > a img").each(function(i){
		if(numb != i){
			$(this).attr('src', btnArrDef[i]);
		}else{
			$(this).attr('src', btnArrOvr[i]);
		}
	});
}