MouseOver på Map!

Har gjort en area-map av en stor bild...
Har gjort två delar klickbara... Dessa två vill jag ska byta färg vid MouseOver..
Hur gör jag på lättaste sätt??
Koden

<div id="intro"><img src="/build/intro.gif" border="0" usemap="#Map"> 
<map name="Map">
<area shape="rect" coords="220, 382, 288, 396" href="javascript:void(0);" onClick="fullScreen('http://www.xxxxxx.com/about.asp?pageID=1');">
<area shape="rect" coords="339, 346, 415, 359" href="http://www.adobe.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" target="_blank">
 </map>
</div>

Problemet löst:

<script LANGUAGE="JavaScript">
<!--
function getAppVersion() {
appname= navigator.appName;
appversion = navigator.appVersion;
majorver = appversion.substring(0, 1);
if ( (appname == "Netscape") && ( majorver >= 3 ) ) return 1;
if ( (appname == "Microsoft Internet Explorer") && (majorver >= 4) ) return 1;
return 0;
}
function swtch(num, imgname) {
if (getAppVersion()) {
document[imgname].src = img[num].src;
}
}
//-->
</script>
<script LANGUAGE="JavaScript1.1">
<!--
imgsrc = new Array();
imgsrc[0] = "/build/intro.gif";
imgsrc[1] = "/build/intro2.gif";
if (getAppVersion()) {
img = new Array();
for (i = 0; i < imgsrc.length; i++) {
img[i] = new Image();
img[i].src = imgsrc[i];
}
}
//-->
</script>

<div id="intro"><img src="/build/intro.gif" name="kalle" border="0" usemap="#Map"> 
  <map name="Map">
<area shape="rect" coords="220, 382, 288, 396" href="javascript:void(0);" onMouseOver="swtch('1','kalle')" onMouseOut="swtch('0','kalle')" onClick="fullScreen('http://www.xxxx.com/about.asp?pageID=1');">
    </map>
</div>