Javasciprt / Jquery Rotating Slider - Double Delay Issue
<p>with some help I have created a rotating slider using jquery and CSS3, and it seems to be working great except for one thing... The first 'slide' seems to have double the delay on the first play through. Can anyone shed some light on why this might be happening? Any help would be greatly appreciated...</p>

<pre><code>var i = 0;
var z = 0;
delay = 5000;

var el = $('#scroll-script');
var ql = $('#info-box');

var classesb = ['fp-info-one', 'fp-info-two', 'fp-info-three', 'fp-info-four'];    
var classes = ['fp-slide-one', 'fp-slide-two', 'fp-slide-three', 'fp-slide-four'];

var interval = setInterval(function () {

  el.removeClass().addClass(classes[i]);
  i = (i + 1) % 4;

  ql.removeClass().addClass(classesb[z]);
  z = (z + 1) % 4; 

}, delay);
</code></pre>
