Hello, I am having a problem with my code below. I am trying to create an image swap in the big image with an imagemap. Here is the link to the page as well: http://www.evaspace.com/version2/images/sheets/g31.htm . As you can see, when you rollover the two linked images on the bottom left, nothing happens to the large image. Here's the code:

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script language="JavaScript1.2">
var navSection = "";
</script>
<script language="JavaScript1.2" src="js/links.js"></script>
<script>

function changeimage(towhat,url){
if (document.images){
document.images.targetimage.src=towhat.src
gotolink=url
}
}
function warp(){
window.location=gotolink
}

</script>
<script language="JavaScript1.1">
var myimages=new Array()
var gotolink="#"

function preloadimages(){
for (i=0;i<preloadimages.arguments.length;i++){
myimages[i]=new Image()
myimages[i].src=preloadimages.arguments[i]
}
}

preloadimages("../photos/girlsshoot/pic01.jpg","../photos/girlsshoot/pic02.jpg">
</script>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->

</script>

</head>

<body bgcolor="#000000" onLoad="navInit();">
<table width="625" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="2"><img src="../photos/girlsshoot/girls_top.jpg" width="650" height="121" /></td>
</tr>
<tr>
<td><img src="../photos/girlsshoot/girl_side.jpg" width="337" height="304" border="0" usemap="#Map" /></td>
<td><a href="javascript:warp()"><img src="../photos/girlsshoot/pic01.jpg" width="300" height="300" name="targetimage" border="0"></a></td>
</tr>
</table>

<map name="Map" id="Map">
<area shape="rect" coords="22,190,153,294" href="#" onMouseOver="changeimage(myimages[0],this.href)" />
<area shape="rect" coords="162,186,246,299" href="#" onMouseOver="changeimage(myimages[1],this.href)"/>
</map>
</body>
</html>