 
 class Factlink.Fact
   constructor: (@id, @elements) ->
-    @attention_span = new Factlink.AttentionSpan
-      lost_attention: => @stopEmphasis()
-      gained_attention: => @startEmphasis()
+    @button_attention = new Factlink.AttentionSpan
+      lost_attention:   => @show_button.hide()
+      gained_attention: => @show_button.show()
+
+    @highlight_attention = new Factlink.AttentionSpan
+      lost_attention:   => @highlighter.dehighlight()
+      gained_attention: => @highlighter.highlight()
 
     @highlighter = new Highlighter $(@elements)
 


  stopLoading: ->
    @_loading = false
    @stopEmphasis()

  destroy: ->
    for el in @elements


  highlight_temporary: (duration) ->
    @highlighter.highlight()
    setTimeout =>
      @highlighter.dehighlight() unless @shouldHaveEmphasis()
    , duration

  onBlur: ->
    @highlight_attention.neglect()
    @button_attention.neglect()
  onFocus: (e) =>
    if e?
      @show_button.setCoordinates($(e.target).offset().top, e.pageX)
    @highlight_attention.attend()
    @button_attention.attend()

  shouldHaveEmphasis: => @highlight_attention.has_attention() || @_loading

  openFactlinkModal: =>
    @startLoading()
