     @currentPanel.style.display = "block"
 
     if @back is true
-
       # must perform this initial tranform to get animation working in the next step
       @targetPanel.style.webkitTransition = "0ms"
       @targetPanel.style.webkitTransform = "translateX(0%)"

      # use window timeout to delay transition or will not work on android device
      window.setTimeout =>
        @currentPanel.style.webkitTransition = "#{@speed} ease"
        @currentPanel.style.webkitTransform = "translateX(100%)"
        @targetPanel.className += " visible"
      , 10

    else
      #do forward transition

        @currentPanel.style.webkitTransform = "translateX(-100%)"
      , 10

      # shortern the delay here to stop a gap appearing in android
      window.setTimeout =>

        @targetPanel.style.webkitTransition = "#{@speed} ease"
        @targetPanel.style.webkitTransform = "translateX(100%)"
        @currentPanel.addEventListener("webkitTransitionEnd", =>
          @finishTransition()
        , false);
      , 5

  finishTransition: ->
    @currentPanel.style.webkitTransition = "0s ease"
    @currentPanel.style.left = "-100%"
    @currentPanel.style.display = "none"
    @removeClass(@currentPanel, 'visible')
    @addClass(@targetPanel, 'visible')
    @back = false
    @isTransitioning = false

  fitHeightToContent: ->
