# bivouac/helpers/view/html

module BivouacHelpers
  module TooltipView
    # Returns an html div (id +name+) as a tooltip for +element+.
    #
    #   div( id => "tooltip_me" ) do
    #     "Hello World"
    #   end
    #   tooltip( "i_m_the_tooltip", "tooltip_me" ) do
    #     "Content of the tooltip"
    #   end # =>
    #   <div id="tooltip_me">
    #     Hello World
    #   </div>
    #   <div id = "i_m_the_tooltip" style = "display:none;">
    #     Content of the tooltip
    #   </div>
    #   <script>
    #     var i_m_the_tooltip = new Tooltip( 'tooltip_me', 'i_m_the_tooltip' )
    #   </script>
    #
    # See http://blog.innerewut.de/tooltip for more information about tooltip
    def tooltip( name, element, &block )
      div( :id => name, :style => "display:none;" ) do
        yield( )
      end
      script do
        "var #{name} = new Tooltip( '#{element}', '#{name}' )"
      end
    end
  end
end