$(document).ready(function(){
	
	//メイン画像
	var count = 1;
	//クリックで切り替え
	$("#mini1 img").click(function(){
		$("#main img").stop(true, true).fadeOut();
		$("#main img#main1").stop(true, true).fadeIn();
		count = 1;
		swichMiniImg();
	});
	$("#mini2 img").click(function(){
		$("#main img").stop(true, true).fadeOut();
		$("#main img#main2").stop(true, true).fadeIn();
		count = 2;
		swichMiniImg();
	});
	$("#mini3 img").click(function(){
		$("#main img").stop(true, true).fadeOut();
		$("#main img#main3").stop(true, true).fadeIn();
		count = 3;
		swichMiniImg();
	});
	//hoverでタイマーリセット
	$("#mainv dd").hover(function(){
		clearInterval(fadeTimer);
	}, function() {
		mySlide();
	});
	//タイマーで切り替え
	mySlide();
	function mySlide(){
		fadeTimer = setInterval(function() {
			$("#main img").fadeOut("slow");
			count = count+1;
			if (count == 4) {
				count = 1;
			}
			swichMiniImg();
			$("#main img#main"+count).fadeIn("slow");
		},5000);
	}
	
	//メイン画像サムネイルの画像変更
	function swichMiniImg(){
		if(count == 1) {
			$("#mini1 img").attr("src","http://simple-p.jp/willcom/img/b1_on.png");
			$("#mini2 img").attr("src","http://simple-p.jp/willcom/img/b2_off.png");
			$("#mini3 img").attr("src","http://simple-p.jp/willcom/img/b3_off.png");
		} else if(count == 2) {
			$("#mini1 img").attr("src","http://simple-p.jp/willcom/img/b1_off.png");
			$("#mini2 img").attr("src","http://simple-p.jp/willcom/img/b2_on.png");
			$("#mini3 img").attr("src","http://simple-p.jp/willcom/img/b3_off.png");
		} else if(count == 3) {
			$("#mini1 img").attr("src","http://simple-p.jp/willcom/img/b1_off.png");
			$("#mini2 img").attr("src","http://simple-p.jp/willcom/img/b2_off.png");
			$("#mini3 img").attr("src","http://simple-p.jp/willcom/img/b3_on.png");
		} else if(count == 4) {
			$("#mini1 img").attr("src","http://simple-p.jp/willcom/img/b1_off.png");
			$("#mini2 img").attr("src","http://simple-p.jp/willcom/img/b2_off.png");
			$("#mini3 img").attr("src","http://simple-p.jp/willcom/img/b3_off.png");
		}
	}
	
});