Image gallery large photo changes, how do i get link to change

[funkysig]

I have a simple table with a few thumbnailed images on the right with a large image area that changes when user selects other thumbnails. can be seen here http://www.superbrightleds.com/light...b.html#rgbca12 The large image area is a link to go to another page, how do I get that link to change if the user clicks another thumbnail.

<table width="803" height="238" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td width="411" height="10"><div align="left"><img src="images/roundtable/410tabtop.gif" alt="" width="410" height="17" border="0" /></div></td>
        <td width="333" rowspan="3"><div align="left"><a href="specs/RGB-CA12.htm"><img src="products/lightbars/controllers/rgb-conw.jpg" alt="" name="large" width="333" height="235" border="0" id="large" /></a></div></td>
        <td width="59"><img src="images/roundtable/57tabtop.gif" alt="" width="59" height="17" border="0" /></td>
      </tr>
      <tr>
        <td height="202" background="images/roundtable/410tabside.gif"><div align="center">
            <p><strong class="style87"><strong><strong class="style87">Universal RGB Controllers</strong></strong><br />
            </strong><span class="style51"><br>
            Wireless or Wired versions of RGB Controllers <br>
            controls any of our RGB LED products<br>
            RGB LED Products can be set to one of seven different static colors <br>
            or one of four different speed adjustable flashing patterns </span><br>
            <span class="style51">12VDC operation with  +/- terminals </span><br />
            </p>
            <p><span class="style17"><a href="specs/RGB-CA12.htm"><img onMouseOver='xpe(this,1);' onMouseOut='xpe(this,0);' onMouseDown='xpe(this,2);'id="xpi_r7faa2" src="buttons-files/btr7faa_0.gif" name="vbr7faa" width="98" height="28" border="0" alt="More Info"/></a><a href="/cgi-bin/store/commerce.cgi?product=BARS"><img onMouseOver='xpe(this,4);' onMouseOut='xpe(this,3);' onMouseDown='xpe(this,5);'id="xpi_67faa2" src="buttons-files/bt67faa_0.gif" name="vb67faa" width="98" height="28" border="0" alt="Buy Now"/></a></span></p>
        </div></td>
        <td width="59" background="images/roundtable/57tabside.gif"><table width="0" height="183" border="0" align="center" cellpadding="0" cellspacing="0">
            <tr>
              <td width="40" height="50"><div align="center"><a href="javascript://"><img src="products/lightbars/controllers/rgb-conwS.jpg" alt="" onmousedown="document.images['large'].src='products/lightbars/controllers/rgb-conw.jpg'" width="40" height="32" border="0" /></a></div></td>
            </tr>
            <tr>
              <td height="50"><div align="center"><a href="javascript://"><img src="products/lightbars/controllers/rgb-conw_closeS.jpg" alt="" onmousedown="document.images['large'].src='products/lightbars/controllers/rgb-conw_close.jpg'" width="40" height="32" border="0" /></a></div></td>
            </tr>
            <tr>
              <td height="50"><div align="center"><a href="javascript://"><img src="products/lightbars/controllers/rgb-ca12S.jpg" alt="" onmousedown="document.images['large'].src='products/lightbars/controllers/rgb-ca12.jpg'" width="40" height="32" border="0" /></a></div></td>
            </tr>
            <tr>
              <td height="50"><div align="center"><a href="javascript://"><img src="products/lightbars/controllers/rgb-ca12_closeS.jpg" alt="" onmousedown="document.images['large'].src='products/lightbars/controllers/rgb-ca12_close.jpg'" width="40" height="32" border="0" /></a></div></td>
            </tr>

        </table>

[rangana]

Add highlighted:

onmousedown="document.images['large'].src='http://www.superbrightleds.com/products/lightbars/controllers/rgb-conw.jpg';document.images['large'].parentNode.href='http://www.google.com';"

...this should go all the way down on all those images.

Hope that helps.

[funkysig]

awesome, that was easy, thanks