anchor.diff:      var canvasDiv = document.getElementById("canvasDiv");
       var tray = document.createElement("div");
       tray.setAttribute("id", "tray");
  -    tray.setAttribute("style", "height:50px;width:900px;background-color:yellow;border:1px solid;");
  +    tray.setAttribute("style", "height:100px;width:900px;background-color:yellow;border:1px solid;");
   
       // START TRAY COMPONENTS
       var colorsDiv = document.createElement("div");
  
positive.code:   setCanvas();
    $("#tray").on("click", makeSelections)
    $("#canvas").on("mousedown", mouseDown);
  
    function setCanvas(){
      var canvasDiv = document.getElementById('canvasDiv');
      var canvas = document.createElement("canvas");
      canvas.setAttribute("width", "900px");
      canvas.setAttribute("height", "750px");
      canvas.setAttribute("id", "canvas");
      canvas.setAttribute("style", "border:1px solid;margin:auto")
      canvasDiv.appendChild(canvas);
  
negative.code:   context.globalAlpha = 0.1
    var image = document.getElementById("source");
    context.drawImage(image, 100,100);
    context.globalAlpha = 1;
  
    var paint;
    mouseCoordinates = new Array();
  });
  