Weblabor

window.onload = function(){
    c = document.getElementById('canvas')
    ctx = c.getContext('2d');       
   
    var images = new imagesRepository();
   
    ctx.drawImage (images.elso, 0, 0);
    ctx.drawImage(images.masodik, 200, 200);
     
}

function imagesRepository(){
   
    //set all the images here!
    //TODO implement: get images from config file
    var imagesArray = ["elso.jpg", "masodik.jpg"];
    var images = new Array();   
   
    images = this.preload(imagesArray);
   
    this.elso = images[0];
    this.masodik = images[1];               
   
}

imagesRepository.prototype.preload = function (imagesArray){
    var imagesCollection = new Array();
    var imageCount = 0;
   
    for (var i in imagesArray){
        imagesCollection[i] = new Image();
        imagesCollection[i].src = "images/" + imagesArray[i];
        imagesCollection[i].onload = function() {
            imageCount++;
            if (imageCount >= imagesArray.length){                               
                return imagesCollection;
            }
        };         
    }         
}