         popup_template: Handlebars.compile $('#cluster_status-reachability-popup-template').html()
 
         events:
-            'mouseup .show_details': 'show_details'
-            'mouseup .close': 'hide_details'
+            'click .show_details': 'show_details'
+            'click .close': 'hide_details'
 
         initialize: =>
             @data = ''


        clean_dom_listeners: =>
            if @link_clicked?
                @link_clicked.off 'click', @stop_propagation
            @.$('.popup_container').off 'click', @stop_propagation
            $(window).off 'click', @hide_details

        show_details: (event) =>
            event.preventDefault()
            @clean_dom_listeners()

            @.$('.popup_container').css 'display', 'block'
            margin_top = event.pageY-60-13
            margin_left= event.pageX+12
            @.$('.popup_container').css 'margin', margin_top+'px 0px 0px '+margin_left+'px'


            @.$('.popup_container').on 'click', @stop_propagation
            @link_clicked = @.$(event.target)
            @link_clicked.on 'click', @stop_propagation

            $(window).on 'click', @hide_details

        stop_propagation: (event) ->
            event.stopPropagation()

        hide_details: (event) =>
            @.$('.popup_container').css 'display', 'none'
            @clean_dom_listeners()

        destroy: =>

        popup_template: Handlebars.compile $('#cluster_status-redundancy-popup-template').html()

        events:
            'click .show_details': 'show_details'
            'click .close': 'hide_details'

        initialize: =>
            @data = ''
