       preview.width(Math.round(width / 10) * 10)
       preview.height(preview.width())
 
+    @$('canvas').each (index, object) ->
+      canvas = $(object)
+      canvas.attr('width', Math.floor(canvas.width() / 10) * 10)
+      canvas.attr('height', Math.floor(canvas.height() / 10) * 10)
+
+    @drawPreviews()
+
   hide: (duration = 500, callback) ->
     super duration, callback
 

        'click .play': 'play'

  current: 0
  difficulty: 'easy'
  stats: {}


    #   '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')
