Waiting For Images To Load Before Display Image?

Here is a snippet of code that I have. First off the recursion doesn't appear to be working as it only ever calls the addThumb function once and it should be called it more often as it never gets to the point of popping up the alert box "Loading". addThumbNails in this case is being called first which then calls addThumb. I have tried a preloading function for images with the same issues. The result of the current code can be seen here.

http:[url]....The thumbnails should load below a main image. The main image also isn't loading for the same reason at this point. Hit reload and the page reloads correctly.

Code:
/***************************************
Adds the thumbnails to the scrollBar
!!!Need to randomize the order.[code]......