 #   - show the name of the next dashboard
 #   - add controls for manually cycling through dashboards
 class SwitcherControls
+  arrowContent = "&#65515;"
+  stopTimerContent = "stop timer"
+
   constructor: (interval=60000, nextDashboardName) ->
     @currentTime = parseInt(interval, 10)
     @interval = parseInt(interval, 10)
     @$elements = $('#dc-switcher-controls')
     @nextDashboardName = nextDashboardName
     @incrementTime = 1000 # refresh every 1000 milliseconds
+    @arrowContent = @$elements.data('arrow-content') || SwitcherControls.arrowContent
+    @stopTimerContent = @$elements.data('stop-timer-content') || SwitcherControls.stopTimerContent
+    @
 
   present: () ->
     @$elements.length

    while str.length < length
      str = "0#{str}"
    str

  resetCountdown: () ->
    # Get time from form

  start: () ->
    @addElements()
    @$timer = $.timer(@updateTimer, @incrementTime, true)
    @paused = false

  addElements: () ->
    @$nextDashboardNameContainer = $("<span id='dc-switcher-next-name'></span>")
    @$countdown = $("<span id='dc-switcher-countdown'></span>")
    @$manualSwitcher = $("<span id='dc-switcher-arrow' class='fa fa-forward'></span>").
      html(@arrowContent).
      click () =>
        location.href = "/#{@nextDashboardName}"
    @$switcherStopper = $("<span id='dc-switcher-stopper' class='fa fa-pause'></span>").
      html(@stopTimerContent).
      click(@pause)
    @$elements.
      append(@$nextDashboardNameContainer).
      append(@$countdown).
      append(@$manualSwitcher).
      append(@$switcherStopper)

  formatTime: (time) ->
    time = time / 10;
