Vise et billede i DIV ved mouse over

Hej derude..
Jeg har dette lille script som viser et billede når man fører musen hen over et ikon.
Mit problem er bare at den viser det samme billede i alle ikonerne på siden, hvad skal rettes for at den ikke gør det.
Tager jeg kilde koden for siden skriver den godt nok forskellige billeder.

<script type="text/javascript">
function showBox(e) {
          box = document.getElementById("boks").style;
          box.left = ((e.clientX) ? e.clientX : e.pageX)+15+"px";
          box.top = ((e.clientY) ? e.clientY : e.pageY)-15+"px";
          box.display = "block";
  }
  function hideBox() {
          document.getElementById("boks").style.display="none";
  }
</script>

<div id="boks" style="position:absolute;left:0px;top:0px;display:none"><img src="andetbillede.png" /></div>
<img src="billede.png" onmouseover="showBox(event)" onmousemove="showBox(event)" onmouseout="hideBox()" />