why doesn't this code loop?
<pre><code>var fadeCounter = 0;

function fadeNext() {
  window.fadeCounter++;
  s = '#slide' + window.fadeCounter;
  $(s).fadeIn(1000,fadeNext);
  //forgive typos above, code works, what doesn't:
  if (window.fadeCounter == 8) window.fadeCounter = 0;
  //code will loop up to 8, then stop. why?
}

//initiate loop
fadeNext();
</code></pre>

<p><strong>edit:</strong></p>

<p>Demo added, at <a href="http://jsfiddle.net/AXRBh/2/" rel="nofollow">http://jsfiddle.net/AXRBh/2/</a>
In demo, loop should reset at 20 but halts. Why?</p>
