     else
       @$('.level-number').html "#{@difficulty.charAt(0).toUpperCase() + @difficulty.slice(1)} ##{@selectedLevel + 1}: ????"
 
-  animateThumbnails: (direction) ->
+  animateThumbnails: (direction = "") ->
+    opposite = if direction == "-" then "" else "-"
+
     # Move existing thumbnails off
     @canvases.parent('.group').css('z-index': 0)
     @canvases.each (i, element) =>
       canvas = $(element)
 
       _.delay =>
-        # Animate offscreen
-        # "cubic-bezier(.5,-0.5,.5,1.5)"
-        canvas.animate({ transform: "translateX(-#{@width}px)" }, "fast", "ease-in-out")
+        canvas.animate({
+          transform: "translateX(#{direction}#{@width}px)"
+        }, "fast", "ease-in-out")
       , i * 100
 
     # switch thumbnail groups

      time = '--:--'

    attempts = @stats[@selectedLevel]?.attempts || "0"
    
    @$('.attempts').html "Attempts: #{attempts}"
    @$('.best-time').html "Best Time: #{time}"


      string = '0' + string while string.length < length
      return string

    if @stats[@selectedLevel]?.time
      minutes = pad Math.floor(@stats[@selectedLevel].time / 60), 2
      seconds = pad @stats[@selectedLevel].time % 60, 2
      time = "#{minutes}:#{seconds}"
