//var kleurplaatimg = document.images.kleurplaatimg; 

var kleurplaatimg = new Image();
kleurplaatimg.onload = kleurplaatLoaded;

function kiesKleurplaat(kleurplaaturl){
            
            if(!confirm("Als je een nieuwe kleurplaat uitzoekt wordt je tekening gewist. Weet je het zeker?")){
            kieskleurplaat_div.style.width =  0;
            return false;}
            
            canvas.width=canvas.width;
            
            var html='<img src="../kleurplaten/transparant/'+kleurplaaturl+'">';
            kleurplaatimg.src = '../kleurplaten/transparant/'+kleurplaaturl;

}

function kleurplaatLoaded(){     //zit achter de onload event handler van de kleurplaatimg
            
            kleurplaatwidth=kleurplaatimg.width;
            kleurplaatheight=kleurplaatimg.height;
            
            scalingfactor = 1.05*Math.max(kleurplaatwidth/docwidth, kleurplaatheight/(docheight-2*headerheight));
            
            kleurplaatwidth=kleurplaatwidth/scalingfactor;
            kleurplaatheight=kleurplaatheight/scalingfactor;

            kleurplaatXoffset=(docwidth-kleurplaatwidth)/2;
            kleurplaatYoffset=(docheight-2*headerheight-kleurplaatheight)/2;
            
             
            context.drawImage(kleurplaatimg, kleurplaatXoffset, kleurplaatYoffset,kleurplaatwidth,kleurplaatheight);
            context.stroke();
            kieskleurplaat_div.style.width =  0; 
            
            clickX.length=0;
            clickY.length=0;
            strokeRadius.length=0;
            strokeColour.length=0;
            clickDrag.length=0;
            EindID = 0;
            

}