title: Multiple slideshows on the same page
body: <p>I am having trouble running more then one slideshow on one page. I am trying to make due with the code i was given (which i know is out dated). My first problem was the use of multiple functions with the same name, i solved that problem by embedding the functions into other functions to distinguish between them (ex: show1() show2()). Here is what i have so far, im not sure what is the problem now as it could be multiple things and my lack of javascript knowledge. Any help would be great thank you!</p>
  
  <pre><code>&lt;!-- The following script is for the rotating images for the banner ad in right column            --&gt;
  &lt;SCRIPT LANGUAGE="JavaScript"&gt;
  &lt;!-- Beginning of JavaScript -
  
  if (document.images) {
  ads = new Array(5);
  ads[0] = "./images/okuma.jpg";
  ads[1] = "./images/schlumberger.gif";
  ads[2] = "./images/uesystems_logo.jpg";
  ads[3] = "./images/brady.jpg";
  ads[4] = "./images/ats.png";
  }
  
  newplace = new Array(5);
  newplace[0] = "http://www.okuma.com/home.html" 
  newplace[1] = "http://www.slb.com/"
  newplace[2] = "http://www.uesystems.com/"
  newplace[3] = "http://www.bradyid.com/bradyid/cms/contentView.do/6974/Visual-     Workplace.html"
  newplace[4] = "http://www.advancedtech.com/"
  
  
  var timer = null
  var counter = 0
  
  function banner() {
          timer=setTimeout("ban()", 6000);
          counter++;
          if (counter &gt;= 5)
          counter = 0;
          document.bannerad1.src = ads[counter];
  }
  
  function show1(){
  function gothere() {
          counter2 = counter;
          window.open(newplace[counter2]);
  }
  }
  // - End of JavaScript - --&gt;
  
  &lt;/script&gt;
  
  &lt;!-- The following script is for the rotating images for the banner ad in right column(2)  --&gt;
  &lt;SCRIPT LANGUAGE="JavaScript"&gt;
  &lt;!-- Beginning of JavaScript -
  
  if (document.images) {
  ads = new Array(4);
  ads[0] = "./marcon/images/arms_reliability_logo.jpg";
  ads[1] = "./marcon/images/brunson_logo.jpg";
  ads[2] = "./marcon/images/ctc_logo.jpg";
  ads[3] = "./marcon/images/descase_logo.jpg";
  }
  
  newplace = new Array(4);
  newplace[0] = "http://www.globalreliability.com/home" 
  newplace[1] = "http://www.brunson.us"
  newplace[2] = "http://www.ctconline.com/_home.aspx"
  newplace[3] = "http://www.des-case.com"
  
  
  
  var timer = null
  var counter = 0
  
  function banner() {
          timer=setTimeout("banner()", 6000);
          counter++;
          if (counter &gt;= 4)
          counter = 0;
          document.bannerad2.src = ads[counter];
  }
  function show2(){
  function gothere() {
          counter2 = counter;
          window.open(newplace[counter2]);
  }
  }
  // - End of JavaScript - --&gt;
  
  &lt;/script&gt;
  </code></pre>
  
  <p>and</p>
  
  <pre><code>    &lt;p align="center"&gt;&lt;font size="2"&gt;&lt;b&gt;Companies Supporting&lt;br /&gt;R&amp;M Research:&lt;/b&gt;&lt;br  /&gt;     (click logo for company info)&lt;/font&gt;&lt;/p&gt;
          &lt;p align="center"&gt;&lt;a href="javascript:show1()"&gt;&lt;IMG   SRC="./images/schlumberger.gif" WIDTH="180" HIGHT="200" BORDER="0" NAME="bannerad1"&gt;&lt;/a&gt;
  &lt;/p&gt;
         &lt;br /&gt;
  
              &lt;hr noshade="noshade" size="0" color="#4c617e" /&gt;
   &lt;br /&gt;
  
          &lt;p align="center"&gt;&lt;font size="1"&gt;&lt;b&gt;Thank you to the following for&lt;br /&gt;their MARCON '12 support&lt;/b&gt;&lt;br /&gt;(click logo for company info)&lt;/font&gt;&lt;/p&gt;
          &lt;p align="center"&gt;&lt;a href="javascript:show2()"&gt;&lt;IMG  SRC="./marcon/images/arms_reliability_logo.jpg" WIDTH="180" HIGHT="200" BORDER="0"   NAME="bannerad2"&gt;&lt;/a&gt;
  </code></pre>
  
  <p></p></p>