Move 4 iframes/elements at the same time?
<p>I'm trying to move 4 iframes simultaneously, however I have a problem when they get out of the screen. You can see the misbehavior here: (I used a small div to make it easier to see the problem)</p>

<p><a href="http://chusmix.com/test2.php" rel="nofollow">http://chusmix.com/test2.php</a></p>

<p>Basically they get on top of each other instead of staying in the same positions.</p>

<p>And this is the code that moves the iframes:</p>

<pre><code>// Move iframes
setInterval(function() {
 if(left==true &amp;&amp; right!=true){
        $(".site").animate({'left':'+=10'}, 0);
     }
 if(right==true &amp;&amp; left!=true){
        $(".site").animate({'left':'-=10'}, 0);
     }
 if(up==true &amp;&amp; down!=true){
        $(".site").animate({'top':'+=10'}, 0);
     }
 if(down==true &amp;&amp; up!=true){
        $(".site").animate({'top':'-=10'}, 0);
     }
}, 20);
</code></pre>

<p>What is wrong with my code?</p>
