var bubble_add = 0;
var bubble_remove = 0;

function glossarybubbleadd(word, path, textid) {
	
	if (!(Prototype.Browser.IE)) {
	
  	if(bubble_add == bubble_remove) {
    	var text = document.getElementById(textid);
    	text.innerHTML = "<span class=\"gloss-bubble-wrapper\"><a href=\"/"+path+"\" class=\"gloss-link\">"+word+"</a> <span class=\"gloss-bubble\"><span class=\"gloss-bubble-bottom\"></span><span id=\"gloss-bubble-content\">loading ...</span></span></span>";
	
		
			// new Ajax.Request("http://costdev.beemt.com/" + path + "/%28json%29", {
			// 			    asynchronous: true,
			// 					method: 'get',
			// 					evalJS: true,
			// 			    onSuccess: function(r) {
			// 			        $("gloss-bubble-content").innerHTML =  r.responseText;
			// 							//document.getElementById("gloss-bubble-content").innerHTML = r.responseText;
			// 			    },
			// 			    onFailure: function(r) {
			// 			        alert("failed!");
			// 			    }
			// 			});
			new Ajax.Updater('gloss-bubble-content', 'http://' + window.location.hostname + '/' + path + '/(json)' , { method: 'get' });
			if (bubble_add == 1) {bubble_add = 0;} else {bubble_add = 1;}
		}
	}
}

function glossarybubbleremove(word, path, textid) {
  
	if (!(Prototype.Browser.IE)) {
		var text = document.getElementById(textid);
	  if(bubble_add != bubble_remove) {
	    text.innerHTML = "<a href=\""+path+"\" title =\"Click for explanation\" class=\"gloss-link\">"+word+"</a>";
	    if (bubble_remove == 1) {bubble_remove = 0;} else {bubble_remove = 1;}
	  }
	}
	
  
}