jQuery(function () {
    jQuery('body').click(function () {
        jQuery("#tooltip").remove();
        jQuery(".ToolTipOn").removeClass('ToolTipOn');
	});

    jQuery(".ToolTip img").click(
		function() {
		    if (!jQuery(this).hasClass('ToolTipOn')) {
				var word = $(this);
				jQuery("#tooltip").remove();
				jQuery(".ToolTipOn").removeClass('ToolTipOn');
				word.addClass('ToolTipOn');
				var div = $('<div id="tooltip"><div id="tooltipbody">' + word.siblings("span").html() + "</div></div>");
				div.appendTo(jQuery('body'));
				div.css(
					{
						'left': word.offset().left - 17,
						'top': word.offset().top - div.children().height() - 22
					}
				);
				div.click(function() { return false; });
			}
			else {
			    jQuery(this).removeClass('ToolTipOn');
			    jQuery("#tooltip").remove();
			}
			return false;
		}
	);
});