 
   destroy: ->
     super
-
+    @_robustHover.destroy()
     @$highlightElements.off 'mouseenter', @_onHover
     @$highlightElements.off 'mouseleave', @_onUnhover
     @$highlightElements.off 'click', @_onClick
-
+    @frame.destroy()
 
   _onHover: =>
     @frame.addClass 'hovered'

      @$boundingBox?.remove()
      @$boundingBox = FactlinkJailRoot.drawBoundingBox contentBox, 'green'

  _onClick: ->
    text = @$paragraph.text()
    siteTitle = window.document.title
    siteUrl = FactlinkJailRoot.siteUrl()

class ParagraphButton extends IconButton
  content: '<div class="fl-icon-button"><span class="icon-comment"></span>+</div>'

  constructor: (paragraphElement) ->
    @frame = new FactlinkJailRoot.ControlIframe()
    @frame.setContent($.parseHTML(@content.trim())[0])
    $el = $(@frame.frameBody.firstChild)

    @_robustHover = new FactlinkJailRoot.RobustHover $el,
      mouseenter: => @frame.addClass 'hovered'
      mouseleave: => @frame.removeClass 'hovered'
    $el.on 'click', @_onClick

    @$paragraph = $(paragraphElement)

    @frame.fadeIn()
    @_updatePositionRegularly()
