     super props
 
     @slideTimer = 5000
+    @initialSlide = Math.max(2000, @props.badges.length * 500)
     @timeouts = {}
     @intervals = {}
 
     @state =
       currentBadge: @props.badges.length
       looping: true
+      initial: true
 
 
   componentDidMount: =>
     @timeouts.first = Timeout.set 0, @nextBadge
-    @intervals.slider = setInterval @nextBadge, @slideTimer
+    @timeouts.slider = Timeout.set @initialSlide, =>
+      @setState initial: false
+      @intervals.slider = setInterval @nextBadge, @slideTimer
 
 
   componentWillUnmount: =>

    "translateX(#{-100 * @state.currentBadge / @props.badges.length}%)"


  nextBadge: (callback) =>
    return if !@state.looping

    @setState currentBadge: (@state.currentBadge + 1) % @props.badges.length, callback


  pause: =>

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