title: Having issues with multiple javascript slideshows on a single page
body: <p>Im having isues with multiple javascript slideshows on a single webpage. I can get the one slide show setup to work fine, but when I put others on, I think the scripts are counteracting eachother. Please help.</p>
  
  <p>Here is the js in the header:</p>
  
  <pre><code>&lt;/script&gt;  
  &lt;script type="text/javascript"&gt;
  var image1 = new Image()
  image1.src = "images/linen/ldp-1.jpg"
  var image2 = new Image()
  image2.src = "images/linen/ldp-2.jpg"
  var image2 = new Image()
  image2.src = "images/linen/ldp-3.jpg"
  var image2 = new Image()
  image2.src = "images/linen/ldp-4.jpg"
  &lt;/script&gt;
  
  &lt;script type="text/javascript"&gt;
  var image5 = new Image()
  image5.src = "images/linen/ldp-5.jpg"
  var image6 = new Image()
  image6.src = "images/linen/ldp-6.jpg"
  var image7 = new Image()
  image7.src = "images/linen/ldp-7.jpg"
  var image8 = new Image()
  image8.src = "images/linen/ldp-8.jpg"
  &lt;/script&gt;
  </code></pre>
  
  <p>And here is the body:</p>
  
  <pre><code>&lt;div align="center"&gt;
           &lt;img src="images/linen/ldp-1.jpg" width="300" height="300" name="slide" /&gt;
  &lt;script type="text/javascript"&gt;
      var step=1;
      function slideit()
      {
          document.images.slide.src = eval("image"+step+".src");
          if(step&lt;2)
              step++;
          else
              step=1;
          setTimeout("slideit()",3000);
      }
      slideit();
  &lt;/script&gt;
  
  &lt;img src="images/linen/ldp-5.jpg" width="300" height="300" name="slide" /&gt;
  &lt;script type="text/javascript"&gt;
      var step=1;
      function slideit()
      {
          document.images.slide.src = eval("image"+step+".src");
          if(step&lt;2)
              step++;
          else
              step=1;
          setTimeout("slideit()",3000);
      }
      slideit();
  &lt;/script&gt;
  </code></pre>
  
  <p></p>