tooltips.js

jQuery(document).ready(function($) {

    $(document).click(function() {
        $('.tooltip [display!="none"]').parent().fadeOut(100);
    });

    $('.tooltip').live('click', function(e) {
        e.stopPropagation();
    });
    
    $('.tooltip-content').live('click', function(e) {
        e.preventDefault();
    });

    $('.help-icon').live('click', function(event) {
		if ( $( this ).hasClass('open') )
		{
			$( this ).removeClass('open');
			$( document ).click();
		} else {
	        event.stopPropagation();
			$( this ).addClass('open');
	        var tooltip = $(this).siblings('.tooltip');
	        var tooltip_before = $(this).siblings('.tooltip').find('.tooltip-before');

	        if (($(document).width()) - ($(this).offset().left + 35) > tooltip.width()) {
	            tooltip.css("left", $(this).position().left + 35);
	        } else {
	            tooltip.css("left", $(this).position().left - (tooltip.width() + 10));
	            tooltip_before.css("transform", 'rotate(180deg)');
	            tooltip_before.css("-ms-transform", 'rotate(180deg)');
	            tooltip_before.css("-webkit-transform", 'rotate(180deg)');
	            tooltip_before.css("left", tooltip.width());
	        }

	        tooltip.css("top", $(this).position().top - 7);
	        tooltip.fadeIn(300);			
		}

    });

    $('.tooltip-button').live('click', function() {
        $(this).parent().fadeOut(100);
    });

});