     #   'left': 0
     # , 500, 'cubic-bezier(0.5, -0.5, 0.5, 1.5)'
 
+  drawPreviews: ->
+    i = 0
+    while (i < 9)
+      canvas = @$('.preview canvas').eq(i)
+      pixelSize = Math.floor(canvas.width() / 10)
+      context = canvas[0].getContext('2d')
+      context.clearRect(0, 0, canvas.width(), canvas.height())
+
+      level = levels[@difficulty][@page * 9 + i]
+      for clue, index in level.clues
+          if clue is 1
+            x = index % 10
+            y = Math.floor(index / 10)
+            context.fillRect(x * pixelSize, y * pixelSize, pixelSize, pixelSize)
+      i += 1
 
   resize: (width, height, orientation) ->
     preview = @$('.preview')

      preview.width(Math.round(width / 10) * 10)
      preview.height(preview.width())

  hide: (duration = 500, callback) ->
    super duration, callback


      if @current == 1 then @$('.previous').removeClass 'disabled'

      @trigger 'sfx:play', 'button'
      @page += 1
      @drawPreviews()
      # @showPreview levels[@difficulty][@current]

  play: (e) ->
    e.preventDefault()
