title: How can I autoplay this javascript slider?
body: <p>I have found this nice js slider that works by clicking on radio buttons, selecting the slides to view.</p>
  
  <p>I'd like it to autoplay the slides, and give it a time for slides and transitions, but I'm honestly unsure where to put those values. </p>
  
  <p>I've seen the other questions about similar problems, but couldn't find a proper answer to my problem. Help, please?</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      $(document).ready(function () {
  
          var showCaseItems = $('.show-case-item').hide();
  
          var splashes = $('.splash').hide();
          //get each image for each slide and set it as a background of the slide
          //            splashes.each(function () {
          //                var img = $(this).find('img');
          //                var imgSrc = img.attr('src');
          //                img.css('visibility', 'hidden');
          //                $(this).css({ 'background-image': 'url(' + imgSrc + ')', 'background-repeat': 'no-repeat' });
          //            });
  
          splashes.eq(0).show();
          showCaseItems.eq(0).show();
  
          var prevIndex = -1;
          var nextIndex = 0;
          var currentIndex = 0;
  
          $('#banner-pagination li a').click(function () {
  
              nextIndex = parseInt($(this).attr('rel'));
  
              if (nextIndex != currentIndex) {
                  $('#banner-pagination li a').html('&lt;img src="assets/img/slidedot.png" alt="slide"/&gt;');
                  $(this).html('&lt;img src="assets/img/slidedot-active.png" alt="slide"/&gt;');
                  currentIndex = nextIndex;
                  if (prevIndex &lt; 0) prevIndex = 0;
  
                  splashes.eq(prevIndex).css({ opacity: 1 }).animate({ opacity: 0 }, 500, function () {
                      $(this).hide();
                  });
                  splashes.eq(nextIndex).show().css({ opacity: 0 }).animate({ opacity: 1 }, 500, function () { });
  
                  showCaseItems.eq(prevIndex).css({ opacity: 1 }).animate({ opacity: 0 }, 500, function () {
                      $(this).hide();
                      showCaseItems.eq(nextIndex).show().css({ opacity: 0 }).animate({ opacity: 1 }, 200, function () { });
                  });
  
                  prevIndex = nextIndex;
              }
  
              return false;
          });
  
      });
  &lt;/script&gt;
  </code></pre>