title: Moving a DIV element to bottom of parent (as last child)
body: <p>I'm trying to create a continually rotating banner for the top of the homepage of a site I'm developing. The best way that I can figure to keep it constantly in rotation is to take the first DIV (firstChild) and move it to the end of the stack once it's slid out of view.</p>
  
  <p>This:</p>
  
  <pre><code>&lt;div id='foo0'&gt;&lt;/div&gt;
  &lt;div id='foo1'&gt;&lt;/div&gt;
  &lt;div id='foo2'&gt;&lt;/div&gt;
  &lt;div id='foo3'&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Should become this:</p>
  
  <pre><code>&lt;div id='foo1'&gt;&lt;/div&gt;
  &lt;div id='foo2'&gt;&lt;/div&gt;
  &lt;div id='foo3'&gt;&lt;/div&gt;
  &lt;div id='foo0'&gt;&lt;/div&gt;
  </code></pre>
  
  <p>I use the Prototype framework... and I've tried to do this by cloning the element using my own method and inserting it into the bottom of the parent DIV, but I find that not all of the style attributes are being carried over, and I'd like to abandon this method because I don't want what's being moved to be a copy/clone of the element, but the actual element itself.</p>
  
  <p>Thanks.</p>