$(function(){
	var cT = 2000,
		sT = 3000;
	var	index = 0,
		$img = $('#box_gardentwin .box_slide').children('.slide'),
		imgLen = $img.length;
	$img.not(':first').css('opacity','0');
	for (var i=0; i<imgLen; i++) {
		$('.box_thum01 ul').append('<li class=thum'+ i +'"></li>');
	}
	var $tN = $('.box_thum01 li');
	$tN.first().addClass('active');
	$tN.click(function(){
		$img.stop();
		clearInterval(slides);
		$(this).addClass('active').siblings().removeClass('active');
		var number = $(this).index(),
			$choiceImg = $img.eq(number);
		index = (number) % imgLen;
		$choiceImg.siblings().animate({opacity:0},cT);
		$choiceImg.animate({opacity:1},cT);
		start();
	});
	function start(){
		slides = setInterval(function(){
			var next = (index +1) % imgLen;
			$tN.removeClass('active').eq(next).addClass('active');
			$img.eq(index).animate({opacity:0},cT);
			$img.eq(next).animate({opacity:1},cT);
			index = next;
		},sT + cT);
	};
	start();
});

$(function(){
	var cT = 2000,
		sT = 3000;
	var	index = 0,
		$img = $('#box_gardendouble .box_slide').children('.slide'),
		imgLen = $img.length;
	$img.not(':first').css('opacity','0');
	for (var i=0; i<imgLen; i++) {
		$('.box_thum02 ul').append('<li class=thum'+ i +'"></li>');
	}
	var $tN = $('.box_thum02 li');
	$tN.first().addClass('active');
	$tN.click(function(){
		$img.stop();
		clearInterval(slides);
		$(this).addClass('active').siblings().removeClass('active');
		var number = $(this).index(),
			$choiceImg = $img.eq(number);
		index = (number) % imgLen;
		$choiceImg.siblings().animate({opacity:0},cT);
		$choiceImg.animate({opacity:1},cT);
		start();
	});
	function start(){
		slides = setInterval(function(){
			var next = (index +1) % imgLen;
			$tN.removeClass('active').eq(next).addClass('active');
			$img.eq(index).animate({opacity:0},cT);
			$img.eq(next).animate({opacity:1},cT);
			index = next;
		},sT + cT);
	};
	start();
});

$(function(){
	var cT = 2000,
		sT = 3000;
	var	index = 0,
		$img = $('#box_gardencorner .box_slide').children('.slide'),
		imgLen = $img.length;
	$img.not(':first').css('opacity','0');
	for (var i=0; i<imgLen; i++) {
		$('.box_thum03 ul').append('<li class=thum'+ i +'"></li>');
	}
	var $tN = $('.box_thum03 li');
	$tN.first().addClass('active');
	$tN.click(function(){
		$img.stop();
		clearInterval(slides);
		$(this).addClass('active').siblings().removeClass('active');
		var number = $(this).index(),
			$choiceImg = $img.eq(number);
		index = (number) % imgLen;
		$choiceImg.siblings().animate({opacity:0},cT);
		$choiceImg.animate({opacity:1},cT);
		start();
	});
	function start(){
		slides = setInterval(function(){
			var next = (index +1) % imgLen;
			$tN.removeClass('active').eq(next).addClass('active');
			$img.eq(index).animate({opacity:0},cT);
			$img.eq(next).animate({opacity:1},cT);
			index = next;
		},sT + cT);
	};
	start();
});

$(function(){
	var cT = 2000,
		sT = 3000;
	var	index = 0,
		$img = $('#box_parktwin .box_slide').children('.slide'),
		imgLen = $img.length;
	$img.not(':first').css('opacity','0');
	for (var i=0; i<imgLen; i++) {
		$('.box_thum04 ul').append('<li class=thum'+ i +'"></li>');
	}
	var $tN = $('.box_thum04 li');
	$tN.first().addClass('active');
	$tN.click(function(){
		$img.stop();
		clearInterval(slides);
		$(this).addClass('active').siblings().removeClass('active');
		var number = $(this).index(),
			$choiceImg = $img.eq(number);
		index = (number) % imgLen;
		$choiceImg.siblings().animate({opacity:0},cT);
		$choiceImg.animate({opacity:1},cT);
		start();
	});
	function start(){
		slides = setInterval(function(){
			var next = (index +1) % imgLen;
			$tN.removeClass('active').eq(next).addClass('active');
			$img.eq(index).animate({opacity:0},cT);
			$img.eq(next).animate({opacity:1},cT);
			index = next;
		},sT + cT);
	};
	start();
});

$(function(){
	var cT = 2000,
		sT = 3000;
	var	index = 0,
		$img = $('#box_parkdouble .box_slide').children('.slide'),
		imgLen = $img.length;
	$img.not(':first').css('opacity','0');
	for (var i=0; i<imgLen; i++) {
		$('.box_thum05 ul').append('<li class=thum'+ i +'"></li>');
	}
	var $tN = $('.box_thum05 li');
	$tN.first().addClass('active');
	$tN.click(function(){
		$img.stop();
		clearInterval(slides);
		$(this).addClass('active').siblings().removeClass('active');
		var number = $(this).index(),
			$choiceImg = $img.eq(number);
		index = (number) % imgLen;
		$choiceImg.siblings().animate({opacity:0},cT);
		$choiceImg.animate({opacity:1},cT);
		start();
	});
	function start(){
		slides = setInterval(function(){
			var next = (index +1) % imgLen;
			$tN.removeClass('active').eq(next).addClass('active');
			$img.eq(index).animate({opacity:0},cT);
			$img.eq(next).animate({opacity:1},cT);
			index = next;
		},sT + cT);
	};
	start();
});

$(function(){
	var cT = 2000,
		sT = 3000;
	var	index = 0,
		$img = $('#box_parkcorner .box_slide').children('.slide'),
		imgLen = $img.length;
	$img.not(':first').css('opacity','0');
	for (var i=0; i<imgLen; i++) {
		$('.box_thum06 ul').append('<li class=thum'+ i +'"></li>');
	}
	var $tN = $('.box_thum06 li');
	$tN.first().addClass('active');
	$tN.click(function(){
		$img.stop();
		clearInterval(slides);
		$(this).addClass('active').siblings().removeClass('active');
		var number = $(this).index(),
			$choiceImg = $img.eq(number);
		index = (number) % imgLen;
		$choiceImg.siblings().animate({opacity:0},cT);
		$choiceImg.animate({opacity:1},cT);
		start();
	});
	function start(){
		slides = setInterval(function(){
			var next = (index +1) % imgLen;
			$tN.removeClass('active').eq(next).addClass('active');
			$img.eq(index).animate({opacity:0},cT);
			$img.eq(next).animate({opacity:1},cT);
			index = next;
		},sT + cT);
	};
	start();
});

$(function(){
	var cT = 2000,
		sT = 3000;
	var	index = 0,
		$img = $('#box_woodbox .box_slide').children('.slide'),
		imgLen = $img.length;
	$img.not(':first').css('opacity','0');
	for (var i=0; i<imgLen; i++) {
		$('.box_thum07 ul').append('<li class=thum'+ i +'"></li>');
	}
	var $tN = $('.box_thum07 li');
	$tN.first().addClass('active');
	$tN.click(function(){
		$img.stop();
		clearInterval(slides);
		$(this).addClass('active').siblings().removeClass('active');
		var number = $(this).index(),
			$choiceImg = $img.eq(number);
		index = (number) % imgLen;
		$choiceImg.siblings().animate({opacity:0},cT);
		$choiceImg.animate({opacity:1},cT);
		start();
	});
	function start(){
		slides = setInterval(function(){
			var next = (index +1) % imgLen;
			$tN.removeClass('active').eq(next).addClass('active');
			$img.eq(index).animate({opacity:0},cT);
			$img.eq(next).animate({opacity:1},cT);
			index = next;
		},sT + cT);
	};
	start();
});

$(function(){
	var cT = 2000,
		sT = 3000;
	var	index = 0,
		$img = $('#box_woodflattwin .box_slide').children('.slide'),
		imgLen = $img.length;
	$img.not(':first').css('opacity','0');
	for (var i=0; i<imgLen; i++) {
		$('.box_thum08 ul').append('<li class=thum'+ i +'"></li>');
	}
	var $tN = $('.box_thum08 li');
	$tN.first().addClass('active');
	$tN.click(function(){
		$img.stop();
		clearInterval(slides);
		$(this).addClass('active').siblings().removeClass('active');
		var number = $(this).index(),
			$choiceImg = $img.eq(number);
		index = (number) % imgLen;
		$choiceImg.siblings().animate({opacity:0},cT);
		$choiceImg.animate({opacity:1},cT);
		start();
	});
	function start(){
		slides = setInterval(function(){
			var next = (index +1) % imgLen;
			$tN.removeClass('active').eq(next).addClass('active');
			$img.eq(index).animate({opacity:0},cT);
			$img.eq(next).animate({opacity:1},cT);
			index = next;
		},sT + cT);
	};
	start();
});

$(function(){
	var cT = 2000,
		sT = 3000;
	var	index = 0,
		$img = $('#box_woodflatcorner .box_slide').children('.slide'),
		imgLen = $img.length;
	$img.not(':first').css('opacity','0');
	for (var i=0; i<imgLen; i++) {
		$('.box_thum09 ul').append('<li class=thum'+ i +'"></li>');
	}
	var $tN = $('.box_thum09 li');
	$tN.first().addClass('active');
	$tN.click(function(){
		$img.stop();
		clearInterval(slides);
		$(this).addClass('active').siblings().removeClass('active');
		var number = $(this).index(),
			$choiceImg = $img.eq(number);
		index = (number) % imgLen;
		$choiceImg.siblings().animate({opacity:0},cT);
		$choiceImg.animate({opacity:1},cT);
		start();
	});
	function start(){
		slides = setInterval(function(){
			var next = (index +1) % imgLen;
			$tN.removeClass('active').eq(next).addClass('active');
			$img.eq(index).animate({opacity:0},cT);
			$img.eq(next).animate({opacity:1},cT);
			index = next;
		},sT + cT);
	};
	start();
});

$(function(){
	var cT = 2000,
		sT = 3000;
	var	index = 0,
		$img = $('#box_silk .box_slide').children('.slide'),
		imgLen = $img.length;
	$img.not(':first').css('opacity','0');
	for (var i=0; i<imgLen; i++) {
		$('.box_thum10 ul').append('<li class=thum'+ i +'"></li>');
	}
	var $tN = $('.box_thum10 li');
	$tN.first().addClass('active');
	$tN.click(function(){
		$img.stop();
		clearInterval(slides);
		$(this).addClass('active').siblings().removeClass('active');
		var number = $(this).index(),
			$choiceImg = $img.eq(number);
		index = (number) % imgLen;
		$choiceImg.siblings().animate({opacity:0},cT);
		$choiceImg.animate({opacity:1},cT);
		start();
	});
	function start(){
		slides = setInterval(function(){
			var next = (index +1) % imgLen;
			$tN.removeClass('active').eq(next).addClass('active');
			$img.eq(index).animate({opacity:0},cT);
			$img.eq(next).animate({opacity:1},cT);
			index = next;
		},sT + cT);
	};
	start();
});

$(function(){
	var cT = 2000,
		sT = 3000;
	var	index = 0,
		$img = $('#box_foil .box_slide').children('.slide'),
		imgLen = $img.length;
	$img.not(':first').css('opacity','0');
	for (var i=0; i<imgLen; i++) {
		$('.box_thum11 ul').append('<li class=thum'+ i +'"></li>');
	}
	var $tN = $('.box_thum11 li');
	$tN.first().addClass('active');
	$tN.click(function(){
		$img.stop();
		clearInterval(slides);
		$(this).addClass('active').siblings().removeClass('active');
		var number = $(this).index(),
			$choiceImg = $img.eq(number);
		index = (number) % imgLen;
		$choiceImg.siblings().animate({opacity:0},cT);
		$choiceImg.animate({opacity:1},cT);
		start();
	});
	function start(){
		slides = setInterval(function(){
			var next = (index +1) % imgLen;
			$tN.removeClass('active').eq(next).addClass('active');
			$img.eq(index).animate({opacity:0},cT);
			$img.eq(next).animate({opacity:1},cT);
			index = next;
		},sT + cT);
	};
	start();
});

$(function(){
	var cT = 2000,
		sT = 3000;
	var	index = 0,
		$img = $('#box_wood .box_slide').children('.slide'),
		imgLen = $img.length;
	$img.not(':first').css('opacity','0');
	for (var i=0; i<imgLen; i++) {
		$('.box_thum12 ul').append('<li class=thum'+ i +'"></li>');
	}
	var $tN = $('.box_thum12 li');
	$tN.first().addClass('active');
	$tN.click(function(){
		$img.stop();
		clearInterval(slides);
		$(this).addClass('active').siblings().removeClass('active');
		var number = $(this).index(),
			$choiceImg = $img.eq(number);
		index = (number) % imgLen;
		$choiceImg.siblings().animate({opacity:0},cT);
		$choiceImg.animate({opacity:1},cT);
		start();
	});
	function start(){
		slides = setInterval(function(){
			var next = (index +1) % imgLen;
			$tN.removeClass('active').eq(next).addClass('active');
			$img.eq(index).animate({opacity:0},cT);
			$img.eq(next).animate({opacity:1},cT);
			index = next;
		},sT + cT);
	};
	start();
});

$(function(){
	var cT = 2000,
		sT = 3000;
	var	index = 0,
		$img = $('#box_bamboo .box_slide').children('.slide'),
		imgLen = $img.length;
	$img.not(':first').css('opacity','0');
	for (var i=0; i<imgLen; i++) {
		$('.box_thum13 ul').append('<li class=thum'+ i +'"></li>');
	}
	var $tN = $('.box_thum13 li');
	$tN.first().addClass('active');
	$tN.click(function(){
		$img.stop();
		clearInterval(slides);
		$(this).addClass('active').siblings().removeClass('active');
		var number = $(this).index(),
			$choiceImg = $img.eq(number);
		index = (number) % imgLen;
		$choiceImg.siblings().animate({opacity:0},cT);
		$choiceImg.animate({opacity:1},cT);
		start();
	});
	function start(){
		slides = setInterval(function(){
			var next = (index +1) % imgLen;
			$tN.removeClass('active').eq(next).addClass('active');
			$img.eq(index).animate({opacity:0},cT);
			$img.eq(next).animate({opacity:1},cT);
			index = next;
		},sT + cT);
	};
	start();
});

$(function(){
	var cT = 2000,
		sT = 3000;
	var	index = 0,
		$img = $('#box_potelroom .box_slide').children('.slide'),
		imgLen = $img.length;
	$img.not(':first').css('opacity','0');
	for (var i=0; i<imgLen; i++) {
		$('.box_thum14 ul').append('<li class=thum'+ i +'"></li>');
	}
	var $tN = $('.box_thum14 li');
	$tN.first().addClass('active');
	$tN.click(function(){
		$img.stop();
		clearInterval(slides);
		$(this).addClass('active').siblings().removeClass('active');
		var number = $(this).index(),
			$choiceImg = $img.eq(number);
		index = (number) % imgLen;
		$choiceImg.siblings().animate({opacity:0},cT);
		$choiceImg.animate({opacity:1},cT);
		start();
	});
	function start(){
		slides = setInterval(function(){
			var next = (index +1) % imgLen;
			$tN.removeClass('active').eq(next).addClass('active');
			$img.eq(index).animate({opacity:0},cT);
			$img.eq(next).animate({opacity:1},cT);
			index = next;
		},sT + cT);
	};
	start();
});

$(function(){
	var cT = 2000,
		sT = 3000;
	var	index = 0,
		$img = $('#box_universal .box_slide').children('.slide'),
		imgLen = $img.length;
	$img.not(':first').css('opacity','0');
	for (var i=0; i<imgLen; i++) {
		$('.box_thum15 ul').append('<li class=thum'+ i +'"></li>');
	}
	var $tN = $('.box_thum15 li');
	$tN.first().addClass('active');
	$tN.click(function(){
		$img.stop();
		clearInterval(slides);
		$(this).addClass('active').siblings().removeClass('active');
		var number = $(this).index(),
			$choiceImg = $img.eq(number);
		index = (number) % imgLen;
		$choiceImg.siblings().animate({opacity:0},cT);
		$choiceImg.animate({opacity:1},cT);
		start();
	});
	function start(){
		slides = setInterval(function(){
			var next = (index +1) % imgLen;
			$tN.removeClass('active').eq(next).addClass('active');
			$img.eq(index).animate({opacity:0},cT);
			$img.eq(next).animate({opacity:1},cT);
			index = next;
		},sT + cT);
	};
	start();
});