<p>I have a gallery I quickly coded up for a small site, and under Firefox 3 and Safari 3 works fine. But when I test on my old best friend IE7, it seems to not fire the imageVar.onload = function() {  // code here }.. which I want to use to stop the load effect and load the image. </p>

<p>Please bear in mind...</p>

<ul>
<li>I know the thumbnails are just scaled down version of the larger images. When the images are finalised by the client I am going to create proper thumbnails.</li>
<li>This is my first attempt to try and get out of procedural JavaScript for the most part.. so please go easy and kindly let me know where my code sucks!</li>
</ul>

Cross browser event support is not so straightforward due to implementation differences. Since you are using jQuery at your site, you are better off using its events methods to normalize browser support:
instead of:
```
```
window.load = function(){ 
      //actions to be performed on window load
 }

 imageViewer.image.onload = function(){ 
     //actions to be performed on image load
 }
```
```
Do:
```
```
$(window).load(function(){ 
    //actions to be performed on window load
});

 $(imageViewer.image).load(function(){ 
      //actions to be performed on image load
 });
```
```