$(function(){
	
	$('.glossary').bind('click', function(e){
		var $this = $(this);
		var term = $this.html();
		var objurl = window.location + '/search-glossary-term?term=' + term;
		
		$.ajax({
  			url: objurl,
			dataType: 'json',
  			success: function(data){
				if(data.title) {

					removeTip();    			
					
					var glossarytip_holder=$('<div id="glossarytip_holder" class="tip_top"></div>');
					var glossarytip_content=$('<div id="glossarytip_content"></div>');
					var glossarytip_arrow=$('<div id="glossarytip_arrow"></div>');
					var glossarytip_close=$('<div id="glossarytip_close">chiudi</div>')
					$("body").append(glossarytip_holder.html(glossarytip_content)
							 .prepend(glossarytip_close)
							 .prepend(glossarytip_arrow.html('<div id="glossarytip_arrow_inner"></div>')));
						
					glossarytip_content.append('<h4>'+ data.title +'</h4>').append(data.text).append(data.related);
					
					var tipHeight = glossarytip_content.height();
					var tipWidth = glossarytip_content.width() / 2 ;		
					
					glossarytip_arrow.css({top: tipHeight + 11, left: tipWidth - 5});
					glossarytip_holder.css({top: e.pageY - tipHeight - 30 , left : e.pageX - tipWidth});
					glossarytip_close.bind('click', function(){removeTip()});

				}					
 			}
		});
	
	});


}); //onload

function removeTip(){
	$('#glossarytip_holder').remove();
}