I have an image that loads and contains a map. When you click on a part of
the image that loads another image positoned in a certain place on the main
image I need to load the coords for that particular images.



<head>
<title>Welcome to our site</title>
<script LANGUAGE="JavaScript">

var aboutus = new Image();
var forinvest = new Image();
var forincub = new Image();
var blank_blk = new Image();
aboutus.src = "Tem_Images/About_Drop2.gif";
forinvest.src = "tem_Images/For_Invest2.gif";
forincub.src = "Tem_Images/For_Incub2.gif";
blank_blk.src = "Tem_Images/Blank_blk.gif";

function doButtons(picimage) {
eval("document['picture'].src = " + picimage + ".src");

}
// End -->
</script>
</head>
<body>
<IMG border=0 height=462 src="images/GM%20web%20main2.gif" useMap=#GM%20web%20main2
width=639><IMG border=0 height=100 name=picture src="tem_images/blank_blk.gif"
style="HEIGHT: 72px; LEFT: 479px; POSITION: absolute; TOP: 20px; WIDTH: 168px;
Z-INDEX: 100" width=200>&nbsp;

<map name="GM%20web%20main2">
<area shape="rect" coords="322,19,396,32" nohref title="" onMouseOver="doButtons('aboutus')">
<area shape="rect" coords="337,39,431,57" nohref title="" onMouseOver="doButtons('forinvest')">
<area shape="rect" coords="355,60,462,75" nohref title="" onMouseOver="doButtons('forincub')">
<area shape="rect" coords="0,0,0,0" nohref title="">
<area shape="rect" coords="2,0,316,442" nohref title="" onMouseOver="doButtons('blank_blk')">
<area shape="rect" coords="316,142,635,443" nohref title="" onMouseOver="doButtons('blank_blk')">
<area shape="rect" coords="474,2,636,82" nohref title="" onMouseOver="doButtons('blank_blk')">
<area shape="default" nohref>
</map>

<! need to load coords for another image.

</body></html>