function attachColourhandlers(){
        canvascolour.addEventListener('touchstart',colourbutton, false);
        canvascolour.addEventListener('mousedown',colourbutton, false);
}


function set_penseel(){
       
            Activeradius=Radius.penseel;
            penseel.src="beeld/penseel_selected.png";
            kwast.src="beeld/kwast.png";
            roller.src="beeld/roller.png";
            gummetje.src="beeld/gum.png";
            
            gum=false;      
}


function set_kwast(){
       
            Activeradius=Radius.kwast;
            penseel.src="beeld/penseel.png";
            kwast.src="beeld/kwast_selected.png";
            roller.src="beeld/roller.png";
            gummetje.src="beeld/gum.png";
            
            gum=false;      
}


function set_roller(){
       
            Activeradius=Radius.roller;
            penseel.src="beeld/penseel.png";
            kwast.src="beeld/kwast.png";
            roller.src="beeld/roller_selected.png";
            gummetje.src="beeld/gum.png";
            
            gum=false;      
}

function set_gum(){
       
            Activeradius=Radius.roller;  
            penseel.src="beeld/penseel.png";
            kwast.src="beeld/kwast.png";
            roller.src="beeld/roller.png";
            gummetje.src="beeld/gum-selected.png";
            
            gum=true;      
}

function kiesKleurplaatShow() {
      kieskleurplaat_div.style.width =  docwidth; 
}

function newPage(){

    if(confirm("Weet je zeker dat je met een nieuwe tekening wil beginnen?")){
     location.reload(true);
     }
 }
 
function colourbutton(event){

    if(event.type=="touchstart"){
         var x = event.targetTouches[0].pageX;
    } else {
          var x =event.x;
    }
    
          i = x / Colourspacing;
          i = Math.round(i);
          Activecolour=Colours[i];
          Drawcolours();

}