jquery replace image on imagemap click
<p>I have an image map in one div and I want to replace the image in another div when the hotspots are clicked.  </p>

<p>Here's the map...</p>

<pre><code>&lt;div id="vtright"&gt;
&lt;img src="vt_map.jpg" usemap="#vtmap" border="0"&gt;
&lt;map name="vtmap"&gt;
&lt;area shape="circle" coords="313,105,15" href="map01.jpg"&gt;
&lt;area shape="circle" coords="320,140,15" href="map02.jpg"&gt;
&lt;area shape="circle" coords="265,308,15" href="map03.jpg"&gt;
&lt;area shape="circle" coords="323,301,15" href="map04.jpg"&gt;
&lt;area shape="circle" coords="250,377,15" href="map05.jpg"&gt;
&lt;area shape="circle" coords="310,350,15" href="map06.jpg"&gt;
&lt;area shape="circle" coords="284,451,15" href="map07.jpg"&gt;
&lt;area shape="circle" coords="208,485,15" href="map08.jpg"&gt;
&lt;/map&gt;
&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>...and here's the image I'm trying to replace...</p>

<pre><code>&lt;div id="vtleft"&gt;
&lt;div id="vtimg"&gt;
&lt;img id = "vtimage" src="map01.jpg" width="255" height="180" class="vtimage"&gt;
&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>Be nice if the images crossfaded or just fade in / fade out as well if that's not stretching the friendship!</p>

<p>I've tried a bunch of noob level functions that I won't embarrass myself by posting, probably only confuse things. Any help is appreciated!</p>
