$(document).ready(function() {
	//$(window).scroll(function(e) {
	//	console.log($(window).height());
	//});
	var twTerms = $(".twTerm");
	if (twTerms.length > 0) {
		$("body").append('<div id="twTermToolTipShadow" style="display:none;position:absolute;width:1px;height:1px;background-color:#000;z-index:1;opacity: .5;filter: alpha(opacity = 50);"></div>');
		$("body").append('<div id="twTermToolTip" style="display:none;position:absolute;width:300px;height:auto;background-color:#fff;border:1px #000 solid;z-index:2;"></div>');
		var openedTerm = null;
		twTerms.click(function(e) {
			var twTermToolTip = $("#twTermToolTip");
			var twTermToolTipShadow = $("#twTermToolTipShadow");
			/* 
						
			var docViewTop = $(window).scrollTop();
			var docViewBottom = docViewTop + $(window).height();

			var elemTop = $(elem).offset().top;
			var elemBottom = elemTop + $(elem).height();
			*/
			var positionTooltip = function(tooltip) {
				var linkPos = $(e.target).offset();
				var tooltipY = linkPos.top + 20;
				if (tooltipY + tooltip.height() > $(window).height() + $(window).scrollTop()) {
					tooltipY = linkPos.top - 10 - tooltip.height();
				}
				var tooltipX = linkPos.left;
				var maxX = ($(".fragment2").offset()).left + $(".fragment2").width() - tooltip.width();
				if (tooltipX > maxX) {
					tooltipX = maxX; 
				}
				tooltipX -= 10;
				twTermToolTipShadow.width(tooltip.width());
				twTermToolTipShadow.height(tooltip.height());
				twTermToolTipShadow.css({ top : tooltipY + 7, left : tooltipX + 7 });
				tooltip.css({ top : tooltipY, left : tooltipX });
			}


			e.preventDefault();
			if (openedTerm == this) {
				twTermToolTip.hide();
				twTermToolTipShadow.hide();
				openedTerm = null;
				return false;
			}
			openedTerm = this;
			var href = $(this).attr("href");
			
			positionTooltip(twTermToolTip.html("Hetkinen"));
			$.get(href, null, function(data, textStatus) {
				if (textStatus == 'success') {
					twTermToolTip.html(data);
					$(".twTermClose", twTermToolTip).click(function() {
						openedTerm = null;
						twTermToolTip.hide();
						twTermToolTipShadow.hide();
					});
					positionTooltip(twTermToolTip);
					twTermToolTip.show();
					twTermToolTipShadow.show();
				}
			}, 'html');				
			return true;
		}); 
	}
});