var httpRequest;
var myDiv;
var arrIDs = new Array(0);
var arrTexts = new Array(0);
document.onclick = HidePopUp;

function HidePopUp(e)
{
    if(document.getElementById("glossaryTarget"))
    {
        var target = document.getElementById("glossaryTarget");
        target.style.display = "none";
    }
}

function ShowGlossaryPopup(id)
{
	if (FindAndShowGlossaryEntry(id))
		return;

	var glossaryDirector = "/GetPopUpItem.aspx";
	if (window.XMLHttpRequest)
		httpRequest = new XMLHttpRequest();
	else if (window.ActiveXObject) 
		httpRequest = new ActiveXObject("Microsoft.XMLHTTP");
	else
		return;

	httpRequest.open('GET', glossaryDirector + "?id=" + id, true);
	httpRequest.onreadystatechange = CheckState;
	httpRequest.send('');
}

function CheckState() 
{
	if (httpRequest.readyState == 4 && httpRequest.status == 200)
	{
		var arrGlossary = httpRequest.responseText.split('|');
		arrIDs.length = arrIDs.length + 1;
		arrTexts.length = arrIDs.length;
		arrIDs[arrIDs.length] = arrGlossary[0];
		arrTexts[arrTexts.length] = arrGlossary[1];
		RenderGlossaryPopup(arrGlossary[1]);
	}
}

function FindAndShowGlossaryEntry(id)
{
	for (i = 0; i < arrIDs.length; i++)
	{
		if (id == arrIDs[i])
		{
			RenderGlossaryPopup(arrTexts[i]);
			return true;
		}
	}	
	return false;
}

function RenderGlossaryPopup(glossaryText)
{
	if (glossaryText != null || glossaryText != "")
	{
		document.getElementById("definition").innerHTML = glossaryText;
		AssignPosition();
	}
}

var cX = 0; var cY = 0; var rX = 0; var rY = 0;

function UpdateCursorPosition(e){ cX = e.pageX; cY = e.pageY;}

function UpdateCursorPositionDocAll(e){ cX = event.clientX; cY = event.clientY;}

if(document.all) { document.onmousemove = UpdateCursorPositionDocAll; }
else { document.onmousemove = UpdateCursorPosition; }

function AssignPosition() 
{
	if(self.pageYOffset)
	{
		rX = self.pageXOffset;
		rY = self.pageYOffset;
	}
	else if(document.documentElement && document.documentElement.scrollTop) 
	{
		rX = document.documentElement.scrollLeft;
		rY = document.documentElement.scrollTop;
	}
	else if(document.body) 
	{
		rX = document.body.scrollLeft;
		rY = document.body.scrollTop;
	}
	if(document.all) 
	{
		cX += rX; 
		cY += rY;
	}
		
	GetMyDiv();
	myDiv.style.left = (cX-60) + "px";
	myDiv.style.display = "block";
	myDiv.style.top = (cY - 15 - myDiv.offsetHeight) + "px";
}

function GetMyDiv()
{
    if (myDiv == null)
    {
	    myDiv = document.getElementById("glossaryTarget");
	    myDiv.style.display = "none";
    }
}