Onmouseover 2 steder

Jeg mangler lidt hjælp!! I kan se mine koding herunder, og jeg har brug for at når man køre henover med musen at der kommer to div\'er frem to froskellige steder på skærmen. Er der nogen der kan hjælpe mig med det?


<html>
<head>
<title>Digital Media Uddannelsen</title>
<script>
          ns4 = (document.layers)? true:false;
          ie4 = (document.all)? true:false;
          dom = (document.getElementsById)? true:false;
  function show(id) {
          if (ns4) document.layers[id].visibility = \"show\"
          else if (ie4) document.all[id].style.visibility = \"visible\"
          else if (dom) document.getElementById(id).style.visibility = \"visible\"
  }

  function hide(id) {
          if (ns4) document.layers[id].visibility = \"hide\"
          else if (ie4) document.all[id].style.visibility = \"hidden\"
          else if (dom) document.getElementById(id).style.visibility = \"hidden\"
  }
  ns4 = (document.layers)? true:false
  ie4 = (document.all)? true:false
</script>
</head>
<body oncontextmenu=\"return false\" onselectstart=\"return false\" ondragstart=\"return false\">

<div id=\"div0\" style=\"position: absolute; left: 183; top: 245; width: 233; height: 141; visibility: visible; color: #440044; z-index: 1\">
<font color=\"#000080\">
<br></font><br><br><br><b><font color=\"#000080\" size=\"5\">Velkommen</font><font color=\"#000080\" size=\"3\"><br>
til vores Digital Media side,...</font></b>
</div>

<div id=\"div1\" style=\"position: absolute; left: 452; top: 20; width: 225; height: 135; visibility: hidden; color: #440044; z-index: 2\">
<center><b>Uddannelsen</b></center>
</div>

<div id=\"div2\" style=\"position: absolute; left: 452; top: 20; width: 225; height: 135; visibility: hidden; color: #440044; z-index: 2\">
<center><b>Her kan du finde ud af mere om hvad en Digital Media kan lave når man er uddannedet.</b></center>
</div>

<div id=\"div3\" style=\"position: absolute; left: 452; top: 20; width: 225; height: 135; visibility: hidden; color: #440044; z-index: 2\">
<center><b>På denne side finder du en links til en masse nyttige Internets sider.</b></center>
</div>

<div id=\"div4\" style=\"position: absolute; left: 452; top: 20; width: 225; height: 135; visibility: hidden; color: #440044; z-index: 2\">
<center><b>OTS</b></center>
</div>

<div id=\"div5\" style=\"position: absolute; left: 452; top: 20; width: 225; height: 135; visibility: hidden; color: #440044; z-index: 2\">
<center><b>Miljø</b></center>
</div>

<div id=\"div6\" style=\"position: absolute; left: 452; top: 20; width: 225; height: 135; visibility: hidden; color: #440044; z-index: 2\">
<center><b>English version</b></center>
</div>

<div id=\"flag\" style=\"position: absolute; left: 352; top: 7; width: 225; height: 135; color: #440044; z-index: 2\">
<a href=\"eng/index2.html\">
<img src=\"images/flag.gif\" border=0 width=\"77\" height=\"53\" onmouseover=\"show(\'div6\')\" onmouseout=\"hide(\'div6\')\">
</a>
</div>

<map name=\"map\">
<area href=\"links.html\" shape=\"polygon\" coords=\"230, 484, 285, 589, 322, 481, 300, 487, 275, 489, 255, 488\" onmouseover=\"show(\'div3\')\" onmouseout=\"hide(\'div3\')\">
<area href=\"uddannelsen.html\" shape=\"polygon\" coords=\"128, 274, 5, 338, 130, 399, 122, 364, 117, 336, 117, 313, 122, 295\" onmouseover=\"show(\'div1\')\" onmouseout=\"hide(\'div1\')\">
<area href=\"job.html\" shape=\"polygon\" coords=\"142, 417, 67, 572, 218, 478, 190, 467, 175, 455, 158, 441, 145, 418\" onmouseover=\"show(\'div2\')\" onmouseout=\"hide(\'div2\')\">
<area href=\"ots.html\" shape=\"polygon\" coords=\"415, 400, 399, 430, 372, 458, 340, 477, 488, 550\" onmouseover=\"show(\'div4\')\" onmouseout=\"hide(\'div4\')\">
<area href=\"miljo.html\" shape=\"polygon\" coords=\"415, 267, 423, 295, 428, 326, 428, 352, 422, 381, 609, 292\" onmouseover=\"show(\'div5\')\" onmouseout=\"hide(\'div5\')\">
</map>
<div style=\"position: absolute; left: 0; top: 0; width: 659; height: 600\">
<img src=\"images/stjerne.gif\" usemap=\"#map\" border=0 width=\"700\" height=\"600\">
</div>
</body>
</html>