jQuery Forum

I have made a website with an JQuery slideshow in it. It works fine, but there is one problem:

When it reaches the last picture the slideshow goes back to the first one (you can see that is goes back, all the pictures will appear in a splitsecond). What I want is that the slideshow is kind of a looping.

Hope someone can help me out with it.

This is the code of the slideshow:

1. $(document).ready(function(){
    /* This code is executed after the DOM has been completely loaded */
    
    var totWidth=0;
    var positions = new Array();
    
    $('#slides .slide').each(function(i){
     
     /* Traverse through all the slides and store their accumulative widths in totWidth */
     
     positions[i]= totWidth;
     totWidth += $(this).width();
       
     /* The positions array contains each slide's commulutative offset from the left part of the container */
     
     if(!$(this).width())
     {
      alert("Please, fill in width & height for all your images!");
      return false;
     }
     
    });
    
    $('#slides').width(totWidth);
2.  /* Change the cotnainer div's width to the exact width of all the slides combined */
3.  $('#menu1 ul li a').click(function(e,keepScroll){
4.    /* On a thumbnail click */
5.    $('li.menuItem').removeClass('act').addClass('inact');
      $(this).parent().addClass('act');
      
      var pos = $(this).parent().prevAll('.menuItem').length;
      
      $('#slides').stop().animate({marginLeft:-positions[pos]+'px'},450);
      /* Start the sliding animation */
      
      e.preventDefault();
      /* Prevent the default action of the link */
      
      
      // Stopping the auto-advance if an icon has been clicked:
      if(!keepScroll) clearInterval(itvl);
    });
    
    $('#menu1 ul li.menuItem:first').addClass('act').siblings().addClass('inact');
    /* On page load, mark the first thumbnail as active */
    
    
    
    /*****
     *
     * Enabling auto-advance.
     *
     ****/
    
    var current=1;
    function autoAdvance()
    {
     if(current==-1) return true;
     
     $('#menu1 ul li a').eq(current%$('#menu1 ul li a').length).trigger('click',[true]); // [true] will be passed as the keepScroll parameter of the click function on line 28
     current++;
    }
    
    
    // The number of seconds that the slider will auto-advance in:
    
    var changeEvery = 4;
6.  var itvl = setInterval(function(){autoAdvance()},changeEvery*1000);
7.  /* End of customizations */
   });