// JavaScript Document

$(document).ready(function(){
	var gloss = getGlossary();
	var count=0;
	$(".gloss").each(function(){
		// Iterates over each tag in the HTML
		// with the "gloss" class
		var term;
		var classes = $(this).attr("class").split(" ");
		for (var i=0; i<classes.length; i++) {
			if (classes[i]!="gloss") {
				term = classes[i];
				break;
			} // if (classes[i]!="gloss")
		} // for (var i=0; i<classes.length; i++)
		term = term.replace(/_/g, " ");
		if (gloss[term]!=undefined) {
			$(this).attr("id", "trigger"+count);
			$(this).after('<div class="tooltip" id="tt'+count+'"><div class="content"><div class="top"> </div><p class="term">'+term+'</p><p>'+gloss[term]+'</p><p><a href="/glossary">View full glossary</a>.</p> </div><div class="bottom"><div> </div></div>');			
			var tt = new Spry.Widget.Tooltip("tt"+count, "#trigger"+count, {offsetX:0, offsetY:0, closeOnTooltipLeave:true, hideDelay:200, showDelay:200});
		} // if (gloss[$(this).attr("title")]!=undefined)
		count++;
	});
});

function getGlossary() {
	var gloss = new Array();
	var xml = $.ajax({
		type: "GET",
		url: "/xmlfile.aspx?id=1",
		dataType: "xml",
		async: false,
		success: function(xml) {
			$(xml).find("gloss").each(function(){
				gloss[$(this).attr("term")] = $(this).text();
			});
		} // success: function(xml)
	});
	return gloss;
} // function getGlossary()