title: How to cycle through without it being random?
body: <p>I have a method like so: </p>
  
  <pre><code>     function randomHighlights() {
          loops++;
          var newRandom = Math.floor(Math.random() * 12 + 1);
          while (lastRandom == newRandom) {
            newRandom = Math.floor(Math.random() * 12 + 1);
          }
          lastRandom = newRandom;
          var li = $('#u-' + newRandom);
          $('#home-grid-list li').random().addClass(function() {
            var liClass = $(this).attr('class').split(/\s+/);;
            $('#home-grid-list li').removeClass('color-off');
            $('#home-grid-list li.' + liClass[0]).addClass('color-off');
            clearTimeout(timer);
          });
          $('#home-grid-list li').removeClass('text-on');
          timer = setTimeout(randomHighlights, 2500);
          if (loops == 20) {
            clearTimeout(timer);
            longHighlight();
          }
        }
  </code></pre>
  
  <p>It highlights 4 images at a time. The problem is I don't want it to be random anymore because there are only 3 different choices for it to be random and obviously it ends up picking the same block more than once creating a lag effect. Now I want to cycle through the <code>#home-grid-list</code> and highlight them cyclically. Any advice on how to do that? </p>
  
  <p><strong><code>longHighlight()</code> just highlights a random block of 4 pictures for longer than returns to this method.</strong></p>