$(function() {
	var placeholder = $('#zoomimg').empty();
	$('#thumbs img').each(function(i) {
		$('<img />').appendTo(placeholder).attr({
			'id': 'main' + i,
			'src': 'img/index/mainimg0' + (i+1) + '.jpg',
			'alt': ''
		});
		$('#main0').appendTo(placeholder);
		// マウスオーバー時の画像切り替え
		$(this).mouseover(function() {
			clearInterval(imgswitch); // 自動切り替えをクリア
			$("#btn01").attr("src","img/index/main_btn01_off.gif");
			$("#btn02").attr("src","img/index/main_btn02_off.gif");
			$("#btn03").attr("src","img/index/main_btn03_off.gif");
			$('#main' + i).stop().appendTo(placeholder).css({'opacity': '0'}).fadeTo(500, 1);
		});
	});
	
	// 自動切り替え部分
	var imgswitch = setInterval(function(){
		fadeinimg();
		nowthumb();
		thumbChange();
	}, 2500); // 切り替えスピード
	function fadeinimg(){
		$("#zoomimg img").css({ 'opacity': '1' });
		var placeholder = $("#zoomimg");
		$("#zoomimg img:first").stop().appendTo(placeholder).css({'opacity': '0'}).fadeTo(500, 1);
	}
	function nowthumb(){
		if($("#thumbs .active img").attr("class")=="lastImg"){
			$("#thumbs .active").removeClass("active");
			$("#thumbs li:first").addClass("active");
		} else {
			$("#thumbs .active").removeClass("active").next().addClass("active");
		}
	}
	function thumbChange() {
		$("#btn01").attr("src","img/index/main_btn01_off.gif");
		$("#btn02").attr("src","img/index/main_btn02_off.gif");
		$("#btn03").attr("src","img/index/main_btn03_off.gif");
		var activeimage = $("#thumbs .active img");
		activeimage.attr("src", activeimage.attr("src").replace("_off.", "_on."));
	}
	
	// タブ部分のスワップ
	$("#btn01").hover(
		function(){
			$(this).attr("src","img/index/main_btn01_on.gif");
		},
		function(){
			$(this).attr("src","img/index/main_btn01_off.gif");
		}
	);
	$("#btn02").hover(
		function(){
			$(this).attr("src","img/index/main_btn02_on.gif");
		},
		function(){
			$(this).attr("src","img/index/main_btn02_off.gif");
		}
	);
	$("#btn03").hover(
		function(){
			$(this).attr("src","img/index/main_btn03_on.gif");
		},
		function(){
			$(this).attr("src","img/index/main_btn03_off.gif");
		}
	);
});