var t = null;
var glossary = {
	link: function() {
		$('a.glossary-link').click(function() {});
	},
	popup: function() {
		$('a.glossary-popup').hover(
			function() {
				glossary.timer.deactivate();
				$('div.glossary-popup').remove(); 
				$('body').append('<div class="glossary-popup loading"><div class="content"></div></div>');
				var sPopupHeight = $('div.glossary-popup').height();
				var sPopupWidth = $('div.glossary-popup').width() / 2;
				var sItemOffset = $(this).offset();
				var sItemWidth = $(this).width() / 2;
				var sPopupOffsetTop = sItemOffset.top - sPopupHeight - 10;
				var sPopupOffsetLeft = sItemOffset.left + sItemWidth - sPopupWidth;
				$('div.glossary-popup').css('top',sPopupOffsetTop);
				$('div.glossary-popup').css('left',sPopupOffsetLeft);
				var sGlossaryId = $(this).attr('rel').split('-')[1];
				$.ajax({
					type: 'GET',
	        		dataType: 'html',
	        		url: '/service/widgets/glossaryitems/'+sGlossaryId+'.html',
	        		error: function() {
						$('div.glossary-popup').remove();
					},
	        		success: function(response) {
						$('div.glossary-popup').removeClass('loading');
	        			$('div.glossary-popup .content').append(response);
	        			video.elementSearch();
	        		}
				});
				$('div.glossary-popup').hover(
					function() {
						glossary.timer.deactivate();
					},
					function() {
						glossary.timer.activate();
					}
				);
			},
			function() {
				glossary.timer.activate();
			}
		);
		
	},
	timer: {
		activate: function() {
			t = setTimeout(function() {
				$('div.glossary-popup').remove(); 
			}, 500);
		},
		deactivate: function() {
			clearTimeout(t); 
		}
	}
};

$(document).ready(function() {
	 glossary.link();
	 glossary.popup();
});