(function($) {
    $.fn.tooltip = function() {
        return $(this).each(function() {
            var self = this;
            $(self).bind('click', function(){
                
                if(!$($(self).attr('href')).hasClass('tooltiphook')) {
                    
                    $('.tooltiphook').css('display', 'none');
                    $('.tooltiphook').removeClass('tooltiphook');
                    $('.tooltipactive').removeClass('tooltipactive');
                   
                    $($(self).attr('href')).addClass('tooltiphook');
                    $($(self).attr('href')).css('display', 'block');
                    $(self).addClass('tooltipactive');
                   
                } else {
                    $('.tooltiphook').css('display', 'none');
                    $('.tooltiphook').removeClass('tooltiphook');
                    $('.tooltipactive').removeClass('tooltipactive');
                    
                }
                
                return false;
            })
            $(self).bind('mouseover', function(){
                if($('.tooltiphook').length == 0) {
                    if($($(self).attr('href')).css('display') == 'none') {
                        $($(self).attr('href')).css('display', 'block');
                    }
                }
            })
            $(self).bind('mouseout', function(){
                if($('.tooltiphook').length == 0) {
                    if($($(self).attr('href')).css('display') == 'block') {
                        if(!$($(self).attr('href')).hasClass('tooltiphook')) {
                            $($(self).attr('href')).css('display', 'none');
                        }
                    }
                }
            })
        })
    }
})(jQuery);

$(document).ready(function() {
    $('html').click(function() {
        $('.tooltiphook').css('display', 'none');
        $('.tooltiphook').removeClass('tooltiphook');
        $('.tooltipactive').removeClass('tooltipactive');
    });
})