Javasript & Image Map

Je voudrais faire en sorte que lorsque l'utilisateur survole un élément, un message change, mais je n'y arrive pas. De plus, la console d'erreurs de FF donne des trucs inconnus. Voici mon code :

<HTML>
<HEAD>
<TITLE>Votre titre</TITLE>
<script type="text/javascript" language="javascript">
function affiche(name)
{
switch (name)
{
case "1": 
document.getElementById("div1").innerHTML="Texte 1";
break;
case "2":
document.getElementById("div1").innerHTML="texte 2";
break;
case "3":
document.getElementById("div1").innerHTML="texte 3";
break;
case "4":
document.getElementById("div1").innerHTML="texte 4";
default:
document.getElementById("div1").innerHTML="Passez votre souris sur un objet";
break;
}
}
</script>
</HEAD>
<BODY>
	<img src="1.jpg" ismap usemap="#navbar" alt="image">
		<map name="navbar" alt="map">
			<area shape="rect" coords="13,18,38,60" onmouseover="affiche(1)">
			<area shape="rect" coords="54,24,86,60" href="#" onmouseover="affiche(2)">
			<area shape="rect" coords="96,23,144,66" href="#" onmouseover="affiche(3)">
			<area shape="rect" coords="146,24,186,66" href="#" onmouseover="affiche(4)">
			</map>
<div id="div1">
ok
</div>
</BODY>
</HTML>