$(document).ready(function() {

	//イメージ切り替えタイム10000で10秒
	var timerSet = 5000;


	var ViewPoint = 0;
	var NextBannerName = 0;
	var BannerNAme = "#imgBanner" + ViewPoint;
	$("#topv").html($("#BannerSet li:first-child").html());
	
	
	//length
	var ItemNum = (jQuery("#BannerSet div").length)-1;
	//隠す
	$("#BannerSet").css("display","none");

	
	//ViewPoint++;
	//タイマー
	var timerID = setInterval(function(){

		if(ViewPoint == ItemNum) {
			ViewPoint = 0;
			NextBannerName = "#imgBanner0";
		}else{	
			NextBannerName = "#imgBanner" + (ViewPoint + 1);
			ViewPoint++;
		}

		$("#topv").prepend($(NextBannerName).clone());
		$("#topv div a").css("cursor","pointer");
		$("#topv div:last").fadeOut("slow",function(){
			$("#topv div:last").remove();
			
		});

	},timerSet);
	
	$("#topMainThum01 a").click(
		function(){
			setV(0);
	});
	$("#topMainThum02 a").click(
		function(){
			setV(1);
	});
	$("#topMainThum03 a").click(
		function(){
			setV(2);
	});
	$("#topMainThum04 a").click(
		function(){
			setV(3);
	});
	$("#topMainThum05 a").click(
		function(){
			setV(4);
	});
	$("#topMainThum06 a").click(
		function(){
			setV(5);
	});

	function setV(num){
		clearInterval(timerID);

		NextBannerName = "#imgBanner" + num;

		$("#topv").prepend($(NextBannerName).clone());
		$("#topv div a").css("cursor","pointer");
		$("#topv div:last").fadeOut("slow",function(){
			$("#topv div:last").remove();
			
		});
		ViewPoint = num;
		
	}



});
