var terms = new Array();
var meanings = new Array();
var show = new Array();
terms[0]    = 'Bildungsverordnung';
meanings[0] = 'Bildungsverordnung Meaning';
terms[1]    = 'Fachmann Gesundheit';
meanings[1] = 'Fachmann Gesundheit Meaning. Fachmann Gesundheit Meaning. Fachmann Gesundheit Meaning';
var yes = 0;

function showCite (e) {
	//alert(e.pageX + "|" + (e.pageX - content.offsetLeft));
	
	if (e.pageX || e.pageY) {
        posx = e.pageX;
        posy = e.pageY;
	} else if (e.clientX || e.clientY) {
		posx = e.clientX + document.body.scrollLeft
				+ document.documentElement.scrollLeft;
		posy = e.clientY + document.body.scrollTop
				+ document.documentElement.scrollTop;
	}
	
	var w_scroll = getScrollXY();
	var w_scrollY = w_scroll[1];
		
	var spanPopup = $(this).next();	
	var contentOffset = $("div.content").offset();	
	var offsetX = posx - contentOffset.left + 10;
	var swapper = 210 < offsetX ? offsetX - 230 : offsetX;

	spanPopup.css("left", swapper);	
	var checkAboveOrBelow = $(window).height() + w_scrollY - posy -spanPopup.height();
		
	if (checkAboveOrBelow <= 0){
		//above the word
		spanPopup.css("top", posy - contentOffset.top - spanPopup.height() - 20);
	}else {
		//below the word
		spanPopup.css("top", posy - contentOffset.top + 10);
	}
	
	//alert(spanPopup.text().length);
	
	if (spanPopup.text().length > 200){		
		spanPopup.css("width", "325px");
	}
	
	spanPopup.css("display", "block");
}

function getScrollXY() {
  var scrOfX = 0, scrOfY = 0;
  if( typeof( window.pageYOffset ) == 'number' ) {
    //Netscape compliant
    scrOfY = window.pageYOffset;
    scrOfX = window.pageXOffset;
  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
    //DOM compliant
    scrOfY = document.body.scrollTop;
    scrOfX = document.body.scrollLeft;
  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
    //IE6 standards compliant mode
    scrOfY = document.documentElement.scrollTop;
    scrOfX = document.documentElement.scrollLeft;
  }
  return [ scrOfX, scrOfY ];
}

function hideCite () {
	var spanPopup = $(this).next();
	spanPopup.css("display", "none");	
}

$(document).ready(function() {
	// inject the cites
/*	
	var html = $("div.content").html();
	for (var counter = 0; counter < terms.length; counter ++) {
				
		var re = new RegExp(terms[counter],"i");
		//alert(re);
		//html = html.replace(terms[counter] , "<cite title='" + meanings[counter] + "'>" + show[counter] + "</cite>");
		html = html.replace(re, "<cite title='" + meanings[counter] + "'>" + show[counter] + "</cite>");
		
	}
	
	$("div.content").html(html);
*/	
	// substitute the cites with DIV popup
	$('cite').each(function(){
		     $(this).after($('<span/>')
			.attr('class', 'show-tooltip-text')
			.html($(this).attr('title')))
			.attr('title', '')
			.hover(showCite, hideCite);
			 
		});

	$('acronym').each(function(){
		     $(this).after($('<span/>')
			.attr('class', 'show-tooltip-text')
			.html($(this).attr('title')))
			.attr('title', '')
			.hover(showCite, hideCite);
			 
		});
	
	$('.glossary_image_link').each(function(){
		$(this).hover(showCite, hideCite);
	});
	
});