$(fuction()){
?? var $li = $('.slide_pics li');
?? var len = $li.length;
?? var nextli = 0;
?? var nowli = 0;
?? var $prev = $('.prev');
?? var $next = $('.next');
?? var timer = null;
?? $li.not(':first').css({left:800});
?? $li.each(function(index)){
?? var $sli = $('<li></li>');
?? if(index == 0){
? ?? $sli.addClass('active');
? ?? }
? ?? $sli.appendTo('.points');
? ?? })
? ? $points = $('.poinnts li');
? ? $points.click(function()){
? ?? nextli = $(this).index
? ?? if(nextli == nowli){
? ?? return;
? ?? }
? ?? move();
? ?? $(this).addClass('active').siblings().renoveClass('active');
? ? });
? ? $prev.click(function()){
? ? nextli--;
? ? move();
? ? $points.eq(nextli).addClass('active').siblings().removeClass('actve');
? ? });
? ?? $next.click(function()){
? ? nextli--;
? ? move();
? ? $points.eq(nextli).addClass('active').siblings().removeClass('actve');
? ? });
? ? $('.slide').hover(function()){
? ? clearInterval(timer);
? ? },function(){
? ? timer = setInterval(autoplay,3000);
? ? });
? ? timer = setInterval(autoplay,3000);
? ? function autoplay(){
? ? ?? nextli++;
? ? ?? move();
? ?? $points.eq(nextli).addClass('active').siblings().removeClass('actve');
? ? }
? ? function move(){
? ? if(nextli < 0){
? ? nextli = len - 1;
? ? nowli = 0;
? ? $li.eq(nextli).css({left:-800});
? ? $li.eq(nowli).stop().stop().animate({left:400});
? ? $li.eq(nowli).stop().stop().animate({left:0});
? ? nowli = nextli;
? ? return;
? ? }
? ? if(nextli > len - 1){
? ? nextli = 0;
? ? nowli = len - 1;
? ? $li.eq(nextli).css({left:-800});
? ? $li.eq(nowli).stop().stop().animate({left:400});
? ? $li.eq(nowli).stop().stop().animate({left:0});
? ? nowli = nextli;
? ? return;
? ? }
? ? if(nextli > nowli){
? ? $li.eq(nextli).css({left:600});
? ? $li.eq(nowli).stop().animate({left: 800});
? ? }else{
? ? $li.eq(nextli).css({left: -800});
? ? $li.eq(nowli).stop().animate({left: 800});
? ? }
? ? $li.eq(nextli).stop().animate({left: 0});
? ? nowli = nextli;
? ? }
? ? })
