       @$nextWidgetNameTemplate = $("<widget-name-template>Next widget: $nextName in </widget-name-template>")
     @$nextWidgetNameContainer = $("<span id='dc-wid-switcher-next-name'></span>")
     @$countdown = $("<span id='dc-wid-switcher-countdown'></span>")
-    @$manualSwitcher = $("<span id='dc-wid-switcher-next' class='fa fa-forward'></span>").
+    @$manualPrev = $("<span id='dc-wid-switcher-prev' class='fa fa-backward'></span>").
+      html(@arrowContent).
+      click () =>
+        @resetCountdown(false)
+    @$manualNext = $("<span id='dc-wid-switcher-next' class='fa fa-forward'></span>").
       html(@arrowContent).
       click () =>
         @resetCountdown()



  prev: () ->
    @curPos -= 1
    if @curPos < 0
      @curPos = @maxPos

    @$elements.hide()
    $(@$elements[@curPos]).show().css('display', 'table-cell')

  stopLoop: () ->
    clearInterval(@handle)

    @$elements.
      append(@$nextWidgetNameContainer).
      append(@$countdown).
      append(@$manualPrev).
      append(@$manualNext).
      append(@$switcherStopper)

  formatTime: (time) ->
