     @context = @canvas[0].getContext '2d'
     @overlayContext = @overlayCanvas[0].getContext '2d'
     @reset()
-    this.initialiseGameState() if @options.grid && @options.moves
     @overlayCanvas.click $.proxy(this.clicked, this)
     @overlayCanvas.mousemove $.proxy(this.mouseMove, this)
     @overlayCanvas.mouseleave $.proxy(this.mouseLeave, this)
     @drawFrame()
+    this.initialiseGameState() if @options.grid && @options.moves
 
   reset: ->
     @nextColour = 0

  initialiseGameState: ->
    @grid = @options.grid
    @moves = @options.moves

  activate: (active) ->
    @active = active

  highlight: (column) ->
    if @highlightColumn > -1 && @highlightColumn < @options.gridWidth
      @context.globalCompositeOperation = 'copy'
      @context.fillStyle = 'rgba(0, 0, 0, 0)'
      @clearEllipse(((@highlightColumn + 1) * @options.cellSize) - (@options.cellSize/2),
        ((@options.gridHeight - @grid[@highlightColumn].length) * @options.cellSize) - (@options.cellSize/2),
        (@options.cellSize * 4/10) + 1)
