var G = {

	links: [],
	popover : '',
	href : '',

	openBox: function(e){
		e.preventDefault();
		$('.glossary-popover').remove();
		G.popover = $('<div class="glossary-popover"><h4>Loading...</h4></div>');
		var l = e.pageX - 150;
		var t = e.pageY - 50;
		G.popover.css({
			'left' : l,
			'top' : t,
			'display' : 'none'
		});
		$('body').append(G.popover);
		G.href = this.href;
		var selector = this.href.match(/#(\w|-|_)+$/);
		var get = ' ' + selector[0] + ', ' + selector[0] + ' + p';
		G.popover.load( this.href.replace(selector[0], get), null, G.checkBox );
		G.popover.fadeIn( 500 );
	},
	
	closeBox: function(){
		G.popover.fadeOut( 500 );		
	},
	
	checkBox: function(){
		if( G.popover.html() == "") window.location.href = G.href;
		G.popover.prepend('<a href="javascript:void(0)" class="glossary-popover-close" onclick="G.closeBox()"></a>');

	},

	init: function(){
		G.links = $('a[href*=glossary#]');
		G.links.click(G.openBox);
	}


}

$(document).ready( G.init );