var service_url = "/service.php?option=glossary";

var popup_containter = '<div id="glossary_popup" style="display:none; position: absolute;"> \
<div class="term"></div> \
<div class="definition"></div> \
</div>';

var glossary_init = function()
{
	// insert the container
	
	 $('div#main').after(popup_containter);
	 // add hovers events
	 $('span.glossary').hoverIntent(trigger_glossary, hide_glossary);
}

var trigger_glossary = function(e)
{
        var term = jQuery.trim(this.innerHTML);
	var posi = $(this).position();
	var offset = $(this).offset();
	//alert (e.pageX + "," + e.pageY + "-" + posi.left + "," + posi.top);
	
	// hack to handle spans that wrap over a line break
	// if the height of the object is greater than the line height, we assume it wraps
	if($(this).height() > parseInt($(this).css("line-height")) * 1.5 )
	{
		var cssPosObj = {
			'top' : e.pageY + 20 + "px",
			'left' : e.pageX - 10 + "px"
		}
		mode = "mouse";
	}
	else
	{
		var cssPosObj = {
			'top' : Math.round(offset.top) + $(this).height() + "px",
			'left' : Math.round(offset.left) + 0 + "px"
		}
		mode = "span";
	}

	$("div#glossary_popup").css(cssPosObj);
	$("div#glossary_popup div.term").html(term);
	$("div#glossary_popup div.definition").html('Loading....');
	$("div#glossary_popup").show("fast");
        //--: alert("term is " + term );
        show_glossary_pre(term.toLowerCase());
        //--:$.getJSON(service_url + '&term=' + term,show_glossary);


}
 
var hide_glossary = function(e)
{
	$("div#glossary_popup").hide("fast");
}

var show_glossary = function(myhash, key)
{
alert('myhash=' + myhash);
alert('key=' + key);
//	$("div#glossary_popup div.definition").html(data["definition"]);
	$("div#glossary_popup div.definition").html(data.items[key]);
}