jQuery(function($){

	$("#slideShowMain").html($("#slideShowMain a").get().reverse());
	$('#slideShow a img').rollover('_over');
	var slideSpeed = 400;//スライドショーの速度
	var delayTime = 5000;//スライドショーの間隔
	var thumbnailSpeed = 500;//サムネイルの速度

	var slideShowThumbnailA = $("#slideShowThumbnail a");
	var num = slideShowThumbnailA.size();//ギャラリー数

	//$("#slideShowMain a:first").show();
	$("#slideShowThumbnail").width($("#slideShowThumbnail img").size()*128);
	slideShowThumbnailA.first().addClass("selected").find("img").trigger("mouseover");

	var timer;
	var slideShow = function(time){
		if(timer)clearTimeout(timer);
		timer = setTimeout(function(){
			
			var view = slideShowThumbnailA.index($("#slideShowThumbnail a.selected"));
			if(view-0+1==num){
				view=0;
			}else{
				view++;
			}

			$("#slideShowThumbnail a.selected").removeClass("selected").find("img").trigger("mouseout");
			slideShowThumbnailA.eq(view).addClass("selected").find("img").trigger("mouseover");
			
			if(num>4){
				if(view==0){
					page=0;
					$("#slideShowThumbnail").stop(true,true).animate({
						left:-(page*502)
					},thumbnailSpeed);
				}else if(view%4==0){
					page=view/4;
					$("#slideShowThumbnail").stop(true,true).animate({
						left:-(page*502)
					},thumbnailSpeed);
				}
			}
			
			$("#slideShowMain").prepend($("#slideShowMain a#slideImage"+view).show());
			setTimeout(function(){
				$("#slideShowMain a:not(:first)").fadeOut(slideSpeed);
				slideShow(delayTime);
			},1);
				
		},time);
	}
	
	slideShow(delayTime);

	//サムネイルクリック
	slideShowThumbnailA.mouseout(function(){
		$("#slideShowThumbnail a.selected img").trigger("mouseover");
	}).click(function(){
		$("#slideShowThumbnail a.selected").removeClass("selected").find("img").trigger("mouseout");
		$(this).addClass("selected");
		var view = slideShowThumbnailA.index($(this));
		$("#slideShowMain").prepend($("#slideShowMain a#slideImage"+view).show());
		setTimeout(function(){
			$("#slideShowMain a:not(:first)").fadeOut(slideSpeed);
			slideShow(delayTime);
		},1);
		return false;
	});
	
	$("#slidePrev a").click(function(){
		var view = slideShowThumbnailA.index($("#slideShowThumbnail a.selected"));
		if(view==0){
			view=num-1;
		}else{
			view--;
		}
		
		$("#slideShowMain").prepend($("#slideShowMain a#slideImage"+view).show());
		setTimeout(function(){
			$("#slideShowMain a:not(:first)").fadeOut(slideSpeed);
			slideShow(delayTime);
		},1);
		if(num>4){
			if(view==num-1){
				page=Math.floor(num/4);
				$("#slideShowThumbnail").stop(true,true).animate({
					left:-(page*502)
				},thumbnailSpeed);
			}else if(view%4==3){
				page=Math.floor(view/4);
				$("#slideShowThumbnail").stop(true,true).animate({
					left:-(page*502)
				},thumbnailSpeed);
			}
		}
		$("#slideShowThumbnail a.selected").removeClass("selected").find("img").trigger("mouseout");
		slideShowThumbnailA.eq(view).addClass("selected").find("img").trigger("mouseover");
		
		return false;
	});
	
	$("#slideNext a").click(function(){
		var view = slideShowThumbnailA.index($("#slideShowThumbnail a.selected"));
		if(view-0+1==num){
			view=0;
		}else{
			view++;
		}
		$("#slideShowMain").prepend($("#slideShowMain a#slideImage"+view).show());
		setTimeout(function(){
			$("#slideShowMain a:not(:first)").fadeOut(slideSpeed);
			slideShow(delayTime);
		},1);
		if(num>4){
			if(view==0){
				page=0;
				$("#slideShowThumbnail").stop(true,true).animate({
					left:-(page*502)
				},thumbnailSpeed);
			}else if(view%4==0){
				page=view/4;
				$("#slideShowThumbnail").stop(true,true).animate({
					left:-(page*502)
				},thumbnailSpeed);
			}
		}
		$("#slideShowThumbnail a.selected").removeClass("selected").find("img").trigger("mouseout");
		slideShowThumbnailA.eq(view).addClass("selected").find("img").trigger("mouseover");
		
		return false;
	});
	
});
