     @puzzle = puzzle_app
     @hex_draw = @puzzle.hex_draw
     @canvas = document.getElementById("puzzle-widget")
-    @dstring = @canvas.getAttribute("data-puzzle-pattern")
+    @dstring = @canvas.getAttribute("data-puzzle-pattern") # TODO This needs to be changed to get NEW pattern from server when there is a new puzzle.
     @grid = @get_pattern_grid(@dstring)
 
 

  constructor: (puzzle_app) ->
    @puzzle = puzzle_app
    @all_pieces = ["a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p"]
    @pieces_in_puzzle = 16


  start_new_puzzle: () ->
    @unset_pieces = []
    @unset_pieces[p] = @puzzle.pz_status.all_pieces[p] for p in [0..15]
    @pieces_set = 0
    @start_first_piece()



    @photo_picker = new PhotoPicker
    @photo = @photo_picker.pick_new_photo()
    @puzzle_xy = [100,30]
    @reset()


  reset: () ->
    @canvas = document.getElementById("puzzle-widget")
    @context_canvas = @canvas.getContext('2d')
    @context_canvas.fillStyle = "#999999"
