// JavaScript Document

  function mycarousel_initCallback(carousel)
  {
      // Disable autoscrolling if the user clicks the prev or next button.
      carousel.buttonNext.bind('click', function() {
          carousel.startAuto(0);
      });
  
      carousel.buttonPrev.bind('click', function() {
          carousel.startAuto(0);
      });
  
      // Pause autoscrolling if the user moves with the cursor over the clip.
      carousel.clip.hover(function() {
          carousel.stopAuto();
      }, function() {
          carousel.startAuto();
      });
  };
  
  $(document).ready(function() {
      $('#mycarousel').jcarousel({
          scroll: 1,
          wrap: 'last',
          visible: 1,
          auto: 4,
          initCallback: mycarousel_initCallback
      });
  });