Image preloading object(Class)

newPreload.js

/*
****************************************************
COPYRIGHT © 2011 Raging Flame
AUTHOR: Qawelesizwe Mlilo
****************************************************
*/


var imgPreload =  {

    myImages: [],
	
    imageFolder:[],
	

    totalTime: null,

    isComplete: false,

    onComplete: function() {
        console.log("All Images loaded. Time taken : " + this.totalTime +" milliseconds");
    },

    startLoading: function () {
        var counter = 0, i, startTime = new Date().getTime(), totalImgs = imgPreload.myImages.length;
		
        for (i = 0; i < totalImgs; i += 1) {
		
            this.imageFolder[i] = new Image();
             
            this.imageFolder[i].onload = function() {
               counter += 1;
               if (counter === totalImgs && !imgPreload.isComplete) {
                   imgPreload.isComplete = true;
                   imgPreload.totalTime = (new Date().getTime() - startTime);
                   imgPreload.onComplete();
               }
            };

            this.imageFolder[i].src = this.myImages[i];			
       }   
    } 
};