Image Map Rollover Problem

[Mike Davis OZ]

Hi Guys,

I am trying to get an image map to display rollovers on a separate image
somewhere else on the page.. i have copied the code bit for bit from a site..
and the demo on the site works on my browser.. but my version won't work for
me.. here is the code:

Any ideas why it's not working??

Thanks,

Mike


<script language="JavaScript" type="text/JavaScript">
<!--
origimage = new Image();
origimage.src = "image1.gif";

image2on = new Image();
image2on.src = "image2.gif";
image3on = new Image();
image3on.src = "image3.gif";
image4on = new Image();
image4on.src = "image4.gif";

function imageon(name) {
document.altimg.src = eval(name + "on.src");
}
function imageoff(name) {
document.altimg.src = eval(name + ".src");
}

function on(name) {
imageon(name);
}
function off(name) {
imageoff(name);
}
// -->
</script>

[Mike Davis OZ]

Sorry.. second part of code:



<img src="blockright2.gif" width="266" height="241" border="0" usemap="#Map"
/>
<map name="Map" id="Map">
<area shape="rect" coords="25,114,81,135" href="#" />
<area shape="rect" coords="107,86,161,107" href="#"
onmouseover="on('image2');" onmouseout="off('origimage')" />
<area shape="rect" coords="78,136,133,157" href="#"
onmouseover="on('image3');" onmouseout="off('origimage')" />
<area shape="rect" coords="119,110,178,129" href="#"
onmouseover="on('image4');" onmouseout="off('origimage')" />
</map>