Pass Link Associated with Image Onmouseover
<p>I need to pass the link associated with 5 different images dynamically to a different image. I have already created the function that changes the image, but this is the last part that I haven't been able to find an answer to. Here is my code so far:</p>

<pre><code>&lt;html&gt;
&lt;head&gt;&lt;title&gt;Revolving Pictures&lt;/title&gt;
   &lt;script type="text/javascript"&gt;          
        function changeBigPic(newPic){
            var big = document.getElementById("bigPic");
            big.src = newPic;
    //***How do I get the href of the 'album' images to 'bigPic'? I'm also trying to double the size of bigPic and using 200% makes the image enormous! Thanks in advance   
}
    &lt;/script&gt;
&lt;/head&gt;
    &lt;body&gt;
        &lt;img name="bigPic" id="bigPic" src="album1.jpg" height="200%" width="200%"&gt;&lt;br /&gt;

&lt;A HREF="http://stevenseagal.com/"&gt;&lt;img src="album1.jpg" id="segal" onmouseover="changeBigPic(document.getElementById('segal').src);"&gt;

&amp;nbsp &lt;A HREF="http://www.richardcheese.com/" target="_blank"&gt;&lt;img src="album2.jpg" id="cheese" onmouseover="changeBigPic(document.getElementById('cheese').src);"&gt;

&amp;nbsp &lt;A HREF="http://www.myspace.com/etjusticepourtous" target="_blank"&gt;&lt;img src="album3.jpg" id="justice" onmouseover="changeBigPic(document.getElementById('justice').src);"&gt;

&amp;nbsp &lt;A HREF="http://www.bestcoast.us/" target="_blank"&gt;&lt;img src="album4.jpg" id="bestCoast" onmouseover="changeBigPic(document.getElementById('bestCoast').src);"&gt;

&amp;nbsp &lt;A HREF="http://www.van-halen.com/" target="_blank"&gt;&lt;img src="album5.jpg"       id="vanHalen" onmouseover="changeBigPic(document.getElementById(this.id).src);"&gt;

 &lt;/body&gt;
&lt;html&gt;
</code></pre>
