要设计一个可以左右控制的轮播图，在左右控制按钮上不知如何处理逻辑，用的是JQ

//设置图片下标
var curIndex = 0; 
   var autoChange=setInterval(function(){
       if(curIndex < $('#bannerItem li').length-1){
           curIndex++;
       }else{
           curIndex =0;
       }
       changeTo(curIndex);
   },2500);

   //自动变化
   function changeTo(num){ 
   $("#bannerItem").find("li").removeClass("imgOn").hide().eq(num).fadeIn(1000).addClass("imgOn");
 };
     $('#banner-left').click(function(){
         clearInterval(autoChange);
         changeTo(curIndex-1);
         autoChange=setInterval(function(){
       if(curIndex < $('#bannerItem li').length-1){
           curIndex++;
       }else{
           curIndex =0;
       }
   },2500);
     });

//切换图片
function changeTo(num){ 
   $("#bannerItem").find("li").removeClass("imgOn").hide().eq(num).fadeIn(1000).addClass("imgOn");
 };

//问题在这里
$('#banner-pre').click(function(){
          clearInterval(autoChange);
          changeTo(curIndex-1);
          autoChange=setInterval(function(){
        if(curIndex < $('#bannerItem li').length-1){
            curIndex++;
        }else{
            curIndex =0;
        }
    },2500);
      });
  /*    $('#banner-next').click(function(){
          clearInterval(autoChange);
      });*/

这样的话点击上一张图会卡住不能继续自动播放，再点击会一直停在第一张图,不知道该如何处理