Changing margin-top and background image with jQuery
<p>It's me again.</p>

<p>Now I try to change the margin-top of three images. I've already tried it with this:</p>

<pre><code> function runIt() {
  $("#switcher .active").delay(2000).animate({'margin-top':'-18px'},1000).delay(3000).animate({'margin-top':'6px'},1000,runIt);
  $("#switcher .item").delay(3000).animate({'margin-top':'-18px'},1000).delay(4000).animate({'margin-top':'6px'},1000,runIt);
  $("#switcher .item.last").delay(5000).animate({'margin-top':'-18px'},1000).delay(4000).animate({'margin-top':'6px'},1000,runIt);
 }
 runIt();
</code></pre>

<p>The margin is changing but it's a little bit cunfused. I'd like to get the following things. When the left images moves down the other ones are up. When the middle image moves down the left one should go up and the right is still on top. When the middle image moves up the right one should move down and the left one is still on top. At the small image is down the background with the big picture should change to the according small one.</p>

<p>Is it solvable with jQuery? Ahh, here is the link to the problem page:
<a href="http://seo.web-kiste.com" rel="nofollow">http://seo.web-kiste.com</a>, user and pass are testshop.</p>

<p>Greetz
Ron</p>

<p>P.S: How is it possible to show the jQuery snippet correctly here on SO?</p>
