Bildbreite dynamisch ändern??

[Hristo]

Hallo zusammen,

mein Ziel ist es, ein Bild in mehreren Schritten zu erweitern, sodass eine langsame Vergrösserung stattfindet.  Ich versuche es damit, aber leider erfolgslos, das Bild poppt onmouseover immer gleich zu seine maximale Breite auf, ohne Animationseffekt:

  
<img src="snow.bmp" width="100" height="100" onmouseover="mouseover(this)" onmouseout="mouseout(this)" />

  
<script type="text/javascript"><!--  
  function mouseover(frbild) {  
    for (var i = 0, i<200, i++) {frbild.width = frbild.width + 1;}  
  }  
  function mouseout(frbild) {  
    frbild.width = 100;  
  }  
--></script>  

Woran liegt es??  Vielleicht kann mir jemand einen Hinweis geben, wo ich mehr von der Prozessbearbeitung in JavaScript bzw. HTML lesen könnte??  Offensichtlich funktioniert es nicht wie im normalen C++ oder VBA.

Danke und Grüsse,
Hristo