     "translateX(#{-100 * @state.currentBadge / @props.badges.length}%)"
 
 
+  currentBadgeTransitionDuration: =>
+    if @state.initial
+      "#{@initialSlide}ms"
+    else if @state.looping
+      ''
+    else
+      '250ms'
+
   nextBadge: (callback) =>
     return if !@state.looping
 
-    @setState currentBadge: (@state.currentBadge + 1) % @props.badges.length, callback
+    @setState
+      currentBadge: (@state.currentBadge + 1) % @props.badges.length, callback
 
 
   pause: =>

    super props

    @slideTimer = 5000
    @timeouts = {}
    @intervals = {}

    @state =
      currentBadge: @props.badges.length
      looping: true


  componentDidMount: =>
    @timeouts.first = Timeout.set 0, @nextBadge
    @intervals.slider = setInterval @nextBadge, @slideTimer


  componentWillUnmount: =>

          className: 'profile-badges__stripe'
          style:
            transform: @currentBadgeTransform()
            transitionDuration: @currentBadgeTransitionDuration()
          for badge in @props.badges
            div
              key: badge.image_url
