$(function(){
	var speed=3000;
	var show = $("#play");
	var pics = $("#td_f td");
	var picnum=pics.length;
	var pic  =$("#td_f td img");
	$("#td_f td:eq(0)").css({left:0});
	var idnum = $("#idNum li");
	var this_show=index_id=_mousemove=0;
	idnum.click(function(){
			index_id = idnum.index(this);
			_mousemove=1;
			_scroll();
		});
	
	function _scroll(){
			if(!_mousemove&&!pics.is(":animated")) { index_id++;if(index_id>picnum-1)  index_id=0;}
			
			var this_id  = idnum.eq(index_id);
			
			if(index_id==this_show||pics.is(":animated")) { return false;}

			var ture_this_show=index_id;
			this_id.addClass("on").siblings("li").removeClass("on");
			pics.eq(this_show).animate({left:"-1050px"},800);
			
			pics.eq(index_id).animate({left:0},800,function(){
														pics.eq(this_show).css({left:"1050px"});
														this_show=ture_this_show;
														}
												);
			
		}
	
	var autoscroll=setInterval(_scroll,speed);
	show.mouseover(function(){ clearInterval(autoscroll); });
	show.mouseout(function(){ _mousemove=0; autoscroll=setInterval(_scroll,speed); });
});