$(document).ready(function(){
	$(".pic_small").find("span").click(function(){
			clearInterval(din);
			$(".pic_small").find("span").not($(this)).removeClass("current").css("opacity","0.6");
			$(this).addClass("current").css("opacity","1");
			var picNum = parseInt($(this).parent().attr("href").slice(1));			
			var movePos = ($("#pic_chg_area li").width()*(-picNum));
			$("#pic_chg_area").animate({left:movePos},500);
		});
	$(".pic_small span").css("opacity","0.6");
	$(".pic_small span:eq(0)").css({"opacity":"1"});
	$(".pic_in_area span").addClass("showd");
	var i=0;var j=0;
	din=setInterval(autopic,8000);
	function autopic(){
	i++;
	if (i > $(".pic_small span").length - 1) {i = 0};
	$(".pic_small span").removeClass("current").css("opacity","0.6");
	$(".pic_small span").eq(i).addClass("current").css({"opacity":"1"});
	var movePos = ($("#pic_chg_area li").width()*(-i));
	$("#pic_chg_area").animate({left:movePos},1000);
	}

	$(".pic_small span").mouseout(function(){
	din=setInterval(autopic,8000);
	}).mouseover(function(){clearInterval(din);})
	});