$(document).ready(function() {
  $(".box-help")
          .click(
            function(e) {
            	var helpDialog = $(this).find(".help-dialog");
            	helpDialog.toggleClass("help-dialog-enabled");
            	var width = $(this).find(".help-dialog").width() + 55;
            	helpDialog.css("left", e.pageX - width);
            	helpDialog.css("top", e.pageY - $(window).scrollTop());
            	
            	
            	if (helpDialog.hasClass("help-dialog-enabled")) {
            		$(".help-dialog-enabled").removeClass("help-dialog-enabled");
            		helpDialog.addClass("help-dialog-enabled");
            		e.stopPropagation();
            		$("body").click(
            				function(){
            					helpDialog.removeClass("help-dialog-enabled");
            					$("body").unbind('click');
            				}
            		)
            	} else {
            		$("body").unbind('click');
            	}
            }
		  )
});