Multiple javascript elements on one page?
<p>I know pretty much no javascript, and I just need to do something for an art class. Basically, I want to have multiple images on the same page that toggle between 3 images each.</p>

<p>This is the script:</p>

<pre><code> var images = ["images/image1.png", "images/image2.jpg", "images/image3.jpg"];
 var clicks = 0;

 $(document).ready(start);

 function start(){
     $("#panel_1").click(changeImage);
 }

 function changeImage(){
     clicks++;
     img = images[clicks % images.length];
     $("#panel_1").attr("src", img);
 }
</code></pre>

<p>And here's the HTML:</p>

<pre><code> &lt;div id="panel1"&gt;
 &lt;a href="#"&gt;
    &lt;img id="panel_1" border="0" src="images/SquirrelFull.jpg" width="230px" height="230px"/&gt;
 &lt;/a&gt;
 &lt;/div&gt;
</code></pre>

<p>Now I want all of this, but a second one, to make panel_2 (and 3, 4, 5, etc.)</p>
