var glossaryWords = new Array();
var softPopupId = "softPopup";
var softPopupClassName = "glossaryPopup";
var display = "topCenter";
var idAttribute = "title";
var splitElement = " ";
var splittedTitle = "";
var glossaryId = "";
var activeEle = "";

function addGlossaryWord(linkID, glossaryId, glossaryTitle, glossaryDescription) {
	glossaryWords[glossaryId] = new Array();
	glossaryWords[glossaryId]["title"] = glossaryTitle;
	glossaryWords[glossaryId]["description"] = glossaryDescription;
}


function openGlossary(event) {
	$ = jQuery;
	activeEle = event.target;
	glossaryId = $(activeEle).attr(idAttribute);
	if(splitElement!="") {
		var split = glossaryId.split(splitElement);
		glossaryId = split[(split.length-1)];
		split.pop();
		splittedTitle = split.join(splitElement);
		$(activeEle).attr(idAttribute,splittedTitle);
	}
	openSoftPopup(event,glossaryWords[glossaryId]["title"], glossaryWords[glossaryId]["description"],$);
	return false;
}

function openSoftPopup(event, glossaryTitle, glossaryDescription) {
	var mySoftPopup = $("#"+softPopupId);
	if (mySoftPopup.length==0) {
		$("body").append("<div id=\""+softPopupId+"\" style=\"display:none;\"></div>");
		mySoftPopup = $("#"+softPopupId);
	}
	
	closeSoftPopup($);
	if(splitElement!="") {
		$(activeEle).attr(idAttribute,splittedTitle);
	}
	if(glossaryTitle==''){
		mySoftPopup.html("<div class=\"borderTop\"></div><div class=\"glossaryPopupInner\"><div class=\"content\">"+glossaryDescription+"</div></div><div class=\"borderBottom\"></div>");
	} else {
		mySoftPopup.html("<div class=\"borderTop\"></div><div class=\"glossaryPopupInner\"><div class=\"head\"><h1>" + glossaryTitle + "</h1><a href=\"javascript:closeSoftPopup();\" class=\"close\"></a></div><div class=\"content\">"+glossaryDescription+"</div></div><div class=\"borderBottom\"></div>");
	}

	if(navigator.appVersion.indexOf("MSIE 6")>-1){
		mySoftPopup.bgiframe();
	}
	mySoftPopup.addClass(softPopupClassName);
	mySoftPopup.css("position","absolute");
	
	var outerHeightA = $(activeEle).outerHeight();
	var outerWidthA = $(activeEle).outerWidth();
	var posX = $(activeEle).offset().left;
	var posY = $(activeEle).offset().top;
	var mouseX = $(event).pageX;
	var mouseY = $(event).pageY;
	var outerHeightP = mySoftPopup.outerHeight();
	var outerWidthP = mySoftPopup.outerWidth();
	
	if(display = "topCenter"){
		mySoftPopup.css("left",(posX-outerWidthP/2+outerWidthA/2)+"px");
		mySoftPopup.css("top",(posY-outerHeightP)+"px");
	}
	else if (display = "rightOfLink"){
		mySoftPopup.css("left",(posX+outerWidthA)+"px");
		mySoftPopup.css("top",(posY+outerHeightA-outerHeightP)+"px");
	}
	
	mySoftPopup.fadeIn(100);//css("display","block");
	mySoftPopup.click(closeSoftPopup);
	$(document).click(closeSoftPopup);
}

function closeSoftPopup() {
	$ = jQuery;
	if ($("#"+softPopupId).length>0) {
		$("#"+softPopupId).fadeOut(100);
		$("#"+softPopupId).html("");
		$("#"+softPopupId).removeClass(softPopupClassName);
		if(splitElement!="") {
			$(activeEle).attr(idAttribute,splittedTitle + splitElement + glossaryId);
		}
	}
}