//スライドショー
$(function(){
	$("#mt02").css("top","-47px").animate({
		top: 0
	}, 1500);
	$("#mt03").css("top","-47px").animate({
		top: 0
	}, 1500);
	$("#mt04").css("top","-47px").animate({
		top: 0
	}, 1500);
});
$(function(){
	$("#slideshow li:first").show();
	$("#slideshow li:first").addClass("slctSld");
	var dim=1;
	var count = function(){
		var len = $("#slideshow").children().length;
		if(dim >= len){
			dim = 1;
			crossFadeF();
		}else{
			dim += 1;
			crossFade();
		}
	}
	var crossFade = function(){
		$(".slctSld").fadeOut(1000).removeClass().next().fadeIn(1000).addClass("slctSld");	
		$(".hover").animate({
			top: 0
		}, 200).removeClass().next().animate({
			top: (47 * -1) + 'px'
		}, 200).addClass("hover");
	};
	var crossFadeF = function(){
		$(".slctSld").fadeOut(1000).removeClass().siblings("li:first").fadeIn(1000).addClass("slctSld");
		$(".hover").animate({
			top: 0
		}, 200).removeClass().siblings("li:first").animate({
			top: (47 * -1) + 'px'
		}, 200).addClass("hover");
	};
	var intervalID = setInterval(count, 4000);
	$("#mt01").hover(function(){
		clearInterval(intervalID);
		if($(this).hasClass("hover")){
		}else{
			$(".hover").animate({
				top: 0
			}, 200).removeClass();
			$(this).animate({
				top: (47 * -1) + 'px'
			}, 200).addClass("hover");
			$(".slctSld").fadeOut(300).removeClass();
		}
		$("#slideshow li:first").fadeIn(300).addClass("slctSld");
	},function(){
		dim = 1;
		intervalID = setInterval(count, 4000);
	});
	$("#mt02").hover(function(){
		clearInterval(intervalID);
		if($(this).hasClass("hover")){
		}else{
			$(".hover").animate({
				top: 0
			}, 200).removeClass();
			$(this).animate({
				top: (47 * -1) + 'px'
			}, 200).addClass("hover");
			$(".slctSld").fadeOut(300).removeClass();
		}
		$("#slideshow li:first").next().fadeIn(300).addClass("slctSld");
	},function(){
		dim = 2;
		intervalID = setInterval(count, 4000);
	});
	$("#mt03").hover(function(){
		clearInterval(intervalID);
		if($(this).hasClass("hover")){
		}else{
			$(".hover").animate({
				top: 0
			}, 200).removeClass();
			$(this).animate({
				top: (47 * -1) + 'px'
			}, 200).addClass("hover");
			$(".slctSld").fadeOut(300).removeClass();
		}
		$("#slideshow li:first").next().next().fadeIn(300).addClass("slctSld");
	},function(){
		dim = 3;
		intervalID = setInterval(count, 4000);
	});
	$("#mt04").hover(function(){
		clearInterval(intervalID);
		if($(this).hasClass("hover")){
		}else{
			$(".hover").animate({
				top: 0
			}, 200).removeClass();
			$(this).animate({
				top: (47 * -1) + 'px'
			}, 200).addClass("hover");
			$(".slctSld").fadeOut(300).removeClass();
		}
		$("#slideshow li:first").next().next().next().fadeIn(300).addClass("slctSld");
	},function(){
		dim = 4;
		intervalID = setInterval(count, 4000);
	});
});