Canvas - nenačítají se, nebo nevykreslují obrázky

preloadimages(['1.gif', '2.gif', '3.gif']).done(function(images){
 //call back codes, for example:
 vykresli();
})
Shop1Background = newImages[0];

////////////////////////// EXPENSE //////////////////////////////////////////////////
var NameShop17 = new Image();
NameShop17.onload = function() {
keystoneAndDisplayImageUpdate(ctx, NameShop17, shop17FromXup+8, shop17FromYup+35, NameShop17.width * 0.9, 1 , NameShop17.height, -0.04);
}
NameShop17.src = 'images/entrance/categories/kuchyne.png';
////////////////////////// END EXPENSE //////////////////////////////////////////////

function preloadimages(arr){
    var newimages=[], loadedimages=0
    var postaction=function(){}
    var arr=(typeof arr!="object")? [arr] : arr
    function imageloadpost(){
        loadedimages++
        if (loadedimages==arr.length){
            postaction(newimages) //call postaction and pass in newimages array as parameter
        }
    }
    for (var i=0; i<arr.length; i++){
        newimages[i]=new Image()
        newimages[i].src=arr[i]
        newimages[i].onload=function(){
            imageloadpost()
        }
        newimages[i].onerror=function(){
            imageloadpost()
        }
    }
    return { //return blank object with done() method
        done:function(f){
            postaction=f || postaction //remember user defined callback functions to be called when images load
        }
    }
}
.
.
.
.
function draw() {
pillarsFillImage = 'images/entrance/pillarsFill.png';
.
.
. 
imagesarray[15] = pillarsFillImage;
.
.
.
preloadimages(imagesarray).done(function(images){
 drawThan(images);
})


function drawThan(images) { 
var pillarsFillImage = images[15];
.
.
.
pillarsFillRepeatOption = "repeat";  //  values: repeat, no-repeat, repeat-x, repeat-y
var pillarsFill = ctx.createPattern(pillarsFillImage, pillarsFillRepeatOption);

ctx.beginPath();
ctx.moveTo(Pillar1FromX, Pillar1FromY);
ctx.lineTo(Pillar1ToX, Pillar1FromY2);
ctx.lineTo(Pillar1ToX, Pillar1ToY2);
ctx.lineTo(Pillar1FromX, Pillar1ToY);
ctx.lineTo(Pillar1FromX, Pillar1FromY);
ctx.fillStyle = pillarsFill;
ctx.fill();
ctx.closePath();

}
 

preloadimages(imagesarray).done(function(images){
 drawNormal(images);

})

function zoomIn(images, zoomed) {
    if(zoomed == 1) {
 ctx.scale(2,2);
drawScene(images, zoomed);
    zoomed = 1; 
    }
    else alert("více už nelze přiblížit");
}
function zoomOut(images, zoomed) {
    if(zoomed == 0) {
  ctx.scale(0.5, 0.5);
drawScene(images, zoomed);
}
    else alert("více už nelze oddálit");
}



function onClick() {
if(zoomed == 0){ 
   drawNormal();
}

else {
    zoomed = 0;
    drawZoomed();
}
}

function drawNormal(images) {  
.
.
.
}

function drawZoomed(images) { 
.
.
.
.
}