jQuery - add class to next element and remove it from current after some time
<p>I need to do the "active" class will move from the first list item to next one after 3 sec ... stay there for 3 sec and then move to next one, after another 3 sec move to next ... and next, and next ...</p>

<p>when it comes to last one (list_4) hten it should start again from first li</p>

<p>I need ... if the list_3 has active class, class "block" with the same number should be visible, other "blocks" hidden or undisplayed (in this case block_3)</p>

<pre><code>&lt;ul&gt;
 &lt;li class="list_1 active"&gt;&lt;a href="#"&gt;some text&lt;/a&gt;
 &lt;li class="list_2"&gt;&lt;a href="#"&gt;some text&lt;/a&gt;
 &lt;li class="list_3"&gt;&lt;a href="#"&gt;some text&lt;/a&gt;
 &lt;li class="list_4"&gt;&lt;a href="#"&gt;some text&lt;/a&gt;
&lt;/ul&gt;
&lt;div&gt;
 &lt;span class="block_1" style="display:block"&gt;some content&lt;/span&gt;
 &lt;span class="block_2" style="display:none"&gt;some content&lt;/span&gt;
 &lt;span class="block_3" style="display:none"&gt;some content&lt;/span&gt;
 &lt;span class="block_4" style="display:none"&gt;some content&lt;/span&gt;
&lt;/div&gt;
</code></pre>

<p>I want also to pause the "jumping" on ul:hover, when mouse goes out "jumping" shluld continue</p>

<p>Is tehre any not to complicated way to do that?</p>
