       @$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()

    @$elements.
      append(@$nextWidgetNameContainer).
      append(@$countdown).
      append(@$manualSwitcher).
      append(@$switcherStopper)

  formatTime: (time) ->



  prev: () ->
    @$elements.hide()
    previous = @curPos - 2
    previous = @maxPos if previous == -1
    previous = @maxPos - 1  if previous == -2

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

    @curPos -= 1
    if @curPos < 0
      @curPos = @maxPos

  stopLoop: () ->
    clearInterval(@handle)
