A MULTIPLE IMAGE LOADER THAT COUNTS THE LOADED IMAGES AND CALLS A FUNCTION YOU PASS WHEN DONE!

image_loader_function.js

function loadImages(imagesToBeLoaded, drawCallback) {
     var imagesLoaded = {};
     var loadedImages = 0;
     var numberOfImagesToLoad = 0;
     // get num of images to load
     for(var name in imagesToBeLoaded) {
         numberOfImagesToLoad++;
     }
     for(var name in imagesToBeLoaded) {
         imagesLoaded[name] = new Image();
         imagesLoaded[name].onload = function() {
             if(++loadedImages >= numberOfImagesToLoad) {
                 drawCallback(imagesLoaded);
             } // if
         }; // function
         imagesLoaded[name].src = imagesToBeLoaded[name];
      } // for
} // function