// Set path to PHP script for ajax calls
var ajaxphpscript = '/resources/scripts/imported/glossarypopups-sql.php';

// glossary popup mashup
glossarypopup = {
	name : "glossarypop",
	glossary : null
};
var glossarycontent = '<div class="popupcontainer"><p class="glossarypopupclosebox"><a href="#" id="closeglossarybutton"><\/a><\/p><blockquote class="right"><p><span><span><span><span><div id="ajaxmessage"><\/div><\/span><\/span><\/span><\/span><\/p><\/blockquote><\/div>';
glossarypopup.init = function () {
	if (!document.getElementById) return;
	// generate glossary layer
	this.glossary = document.createElement ("div");
	this.glossary.setAttribute ("id", this.name);
	document.body.appendChild (this.glossary);
	this.glossary.innerHTML = glossarycontent;
	this.glossary = document.getElementById (this.name);
	var a;
	var anchors = document.getElementsByTagName ("a");
	for (var i = 0; i < anchors.length; i ++) {
		a = anchors[i];
		if (a.className == "glossarypopup") {
			a.onmouseover = function(evt) {
				sendRequestPost(this.title);
				glossarypopup.show(this.title); 
				glossarypopup.move(evt);
				return false;
			};
			a.onmouseout = function() {
				glossarypopup.hide(this.title);
				return false;
			}
			a.onclick = function() {
				return false;
			}
			
		}
	}
};
//this gets the position sorted out
glossarypopup.move = function (evt) {
	var posx=0,posy=0;
	if(evt==null) evt=window.event;
	if(evt.pageX || evt.pageY){
		posx=evt.pageX; posy=evt.pageY;
		}
	else if(evt.clientX || evt.clientY){
		if(document.documentElement.scrollTop){
			posx=evt.clientX+document.documentElement.scrollLeft;
			posy=evt.clientY+document.documentElement.scrollTop;
			}
		else{
			posx=evt.clientX+document.body.scrollLeft;
			posy=evt.clientY+document.body.scrollTop;
			}
		}
	this.glossary.style.left = (posx+10) + "px";
	this.glossary.style.top = (posy-1) + "px";
};
// show the glossary
glossarypopup.show = function (text) {
	if (!this.glossary) return;
	this.glossary.style.visibility = "visible";
	this.glossary.style.display = "block";
};
// hide the glossary
glossarypopup.hide = function (text) {
	if (!this.glossary) return;
	this.glossary.style.visibility = "hidden";
	this.glossary.style.display = "none";
};


//window.onload = function () {
//	glossarypopup.init ();
//}