Dynamically set events and closure
<p>This is a follow up question to my previous <a href="http://stackoverflow.com/questions/2171602/settimeout-and-anonymous-function-problem">one</a>:
I have this object:</p>

<pre><code>var myObject {
 init: function(){

        for (var i = 0; i &lt;3; i++) {
            image = new Image();
.
.
.
            image.onmouseover = this.Fade(this, 70, 100,1);
            image.onmouseout = this.Fade(this, 100, 70,0);
         }
    },

SetOpacity: function (eID, opacity){                   
       eID.style.opacity = opacity / 100; 
       eID.style.filter = 'alpha(opacity=' + opacity + ')'; 
    } ,
    fade: function (eID, startOpacity, endOpacity){            
        var timer = 0; 
        if (startOpacity &lt; endOpacity) {  
          for (var i = startOpacity; i &lt;= endOpacity; i++) { 
             (function(opacity) { 
                setTimeout(function() {SetOpacity(eID, opacity);}, timer * 30); 
             })(i); 
             timer++; 
           }     
        }            
    } 
}
</code></pre>

<p>Do I need to define closures on the events?  </p>
