/*
	To use this js include, do this in the head section:
	1. Include the x_terms.js made from the X library (www.cross-browser.com).
	2. Define terms and definitions in an assoc array named 'defs' in a script
	block before this script is included. Note: the array keys should be all lower case.
	example:
	var defs = new Array;	
	defs["term1"] = '<strong>term1</strong><br>def1 def1 def1 def1';
	defs["term2"] = '<strong>term1</strong><br>def2 def2 def2 def2';
	defs["term3"] = '<strong>term1</strong><br>def3 def3 def3 def3';		
	3. Include this script (x_terms_popup.js).
	
	Do this to the content section:
	1. Wrap words/phrases to bedefined in a <span class="term">term1</span> tag.
	Note: The word/phrase should match a key in the defs array.  Capitalization is converted
	lowercase upon lookup.
	2. Create an empty <div id='xDef'></div> at the bottom of the content area.
*/
if (defs == undefined) { var defs = new Array;} // check so no error is thrown if defs not set in seperate script tag
window.onload = function() {
	xInitTerms(); ;
}	
function xInitTerms() {
	var i, terms;
	terms = xGetElementsByClassName('term');
	for (i = 0; i < terms.length; i++) {
		terms[i].isTerm = true;
		terms[i].onmouseover = xtermOnMouseover;
	}
	xAddEventListener(document, 'mousemove', xtermOnMousemove, false);
}	
function xtermOnMouseover(e) {
	var def = xGetElementById('xDef');
	//alert(this.id) ;
	ptr = this.id.substr(4) ; 
	//var j = this.innerHTML.indexOf('qterm');
	//var ptr = this.innerHTML.substr(j+parseInt(5),1) ;
	//alert(ptr+'=='+this.innerHTML+'=='+j+'==++'+(j+parseInt(5))+'++==') ;
	def.innerHTML = defs[ptr];
	//alert(def.innerHTML+"==="+defs[ptr])
	xMoveTo(def, xPageX(this), xPageY(this) - xHeight(def) - 2);
	xShow(def);
}	
function xtermOnMousemove(e) {
	var evnt = new xEvent(e);
	var ele = evnt.target;
	if (!ele || !ele.isTerm) {
		xHide('xDef');
	}
}