$(document).ready(function(){
	$("span.glossary").hover(function(event) {
		var target = $(event.target);
		var glossaryDefinitionURL = "definitions/glossary-" + target.text().toLowerCase().replace(/ /gi, "-") + ".html";
		var glossaryTooltip = $('<div class="glossary-tooltip"><div class="top">&nbsp\;</div><div class="mid"></div><div class="btm"></div></div>');

		glossaryTooltip.appendTo("body");
		
		$("div.glossary-tooltip div.mid").load(glossaryDefinitionURL, function() {
			glossaryTooltip.css({left: target.offset().left + (target.width() / 2) - (glossaryTooltip.width() / 2), top: target.offset().top - glossaryTooltip.height() - 2}).show();
		});
		
	}, function() {
		$("div.glossary-tooltip").hide().remove();
	});
});