var XME = 0;
var YME = 0;

function doTooltip(tipX, tipY, MyUserName, UserCity, UserCountry, UserCountryID, UserRaterType, UserAwardCount, UserMemberDays, UserAge) {
// build tooltip
var tip = '<TABLE BGCOLOR="#000000" WIDTH="180" CELLSPACING="0" CELLPADDING="1" BORDER="0"><TR><TD><TABLE BGCOLOR="#e6ecff" WIDTH="100%" CELLSPACING="0" CELLPADDING="1" BORDER="0">'
tip += '<TR CLASS="textblack">'
tip += '<TD>' + MyUserName + '</TD>'
tip += '<TD ALIGN="RIGHT"><A onclick="javascript:hideTip();" STYLE="font-family:arial;font-size:11px;font-weight:bold;color:#000000;text-decoration:none;cursor:pointer;">close&nbsp;X</A></TD></TR>'
tip += '<TR CLASS="textblack">'
tip += '<TD COLSPAN="2"><IMG SRC="http://www.eyefetch.com/img/flags/' + UserCountryID + '.gif">'
tip += '&nbsp;' + UserCountry + '</TD></TR>'
tip += '<TR><TD CLASS="textblack" WIDTH="80" nowrap>City:</TD>'
tip += '<TD CLASS="textblackt" WIDTH="100">' + UserCity + '</TD></TR>'
tip += '<TR><TD CLASS="textblack" WIDTH="80" nowrap>Age:</TD>'
tip += '<TD CLASS="textblackt" WIDTH="100">' + UserAge + '</TD></TR>'
tip += '<TR><TD CLASS="textblack" WIDTH="80" nowrap>Member for:</TD>'
tip += '<TD CLASS="textblackt" WIDTH="100">' + UserMemberDays + '&nbsp;days</TD></TR>'
tip += '<TR><TD CLASS="textblack" WIDTH="80" nowrap>Rater Type:</TD>'
tip += '<TD CLASS="textblackt" WIDTH="100">' + UserRaterType + '</TD></TR>'
tip += '<TR><TD CLASS="textblack" WIDTH="80" nowrap>Awards:</TD>'
tip += '<TD CLASS="textblackt" WIDTH="100">' + UserAwardCount + '</TD></TR>'
tip += '</TABLE></TD></TR></TABLE>'


	// correct mouse position for scrolled screens
	var corrposx = 0;
	var corrposy = 0;
	corrposx = tipX + document.body.scrollLeft;
	corrposy = tipY + document.body.scrollTop;

	if (document.all) // IE4+
	{
		document.all.tooltip.innerHTML = tip;
	 	document.all.tooltip.style.pixelLeft = corrposx + 8;
 		document.all.tooltip.style.pixelTop = corrposy + 8;
	 	document.all.tooltip.style.visibility = "visible";
	}
	else if (document.layers) // NS4+
	{
		document.tooltip.document.write(tip);
		document.tooltip.document.close();
		document.tooltip.left = corrposx + 8;
		document.tooltip.top = corrposy + 8;
		document.tooltip.visibility = "show";
	}
	else if (document.getElementById) //NS6+
	{
		var myElement = document.getElementById("tooltip");
		myElement.innerHTML = tip;
		myElement.style.left = corrposx + 8 + "px";
		myElement.style.top = corrposy + 8 + "px";
		myElement.style.visibility = "visible";
	} 
}

function hideTip() {
	if (document.all) // IE4+
	{
		document.all.tooltip.style.visibility = "hidden";
	}
	else if (document.layers) // NS4+
	{
		document.tooltip.visibility = "hide";
	}
	else if (document.getElementById) //NS6+
	{
		var myElement = document.getElementById("tooltip");
		myElement.style.visibility = "hidden";
	} 
}

function getDescription(xpos, ypos, username) {
	XME = xpos;
	YME = ypos;
	var url = 'http://www.eyefetch.com/info_user.aspx?user=' + username;
    if (window.XMLHttpRequest) {
        req = new XMLHttpRequest();
    } else if (window.ActiveXObject) {
        req = new ActiveXObject("Microsoft.XMLHTTP");
    }
    req.onreadystatechange = processRequest;
    req.open("GET", url, true);
    req.send(null);
}

function processRequest() {
    if (req.readyState == 4) {
        if (req.status == 200) {
          parseMessages();
        } else {
          //alert ( "Not able to retrieve description" );
				}
    }
}

function parseMessages() {
	response  = req.responseXML.documentElement;
	var TUsername = response.getElementsByTagName('UserName')[0].firstChild.data;
	var UserAge = response.getElementsByTagName('UserAge')[0].firstChild.data;
	//var UserAge = '';
	var UserCity = response.getElementsByTagName('UserCity')[0].firstChild.data;
	var UserCountry = response.getElementsByTagName('UserCountry')[0].firstChild.data;
	var UserCountryID = response.getElementsByTagName('UserCountryID')[0].firstChild.data;
	var UserRaterType = response.getElementsByTagName('UserRaterType')[0].firstChild.data;
	var UserAwardCount = response.getElementsByTagName('UserAwardCount')[0].firstChild.data;
	var UserMemberDays = response.getElementsByTagName('UserMemberDays')[0].firstChild.data;
	doTooltip(XME, YME, TUsername, UserCity, UserCountry, UserCountryID, UserRaterType, UserAwardCount, UserMemberDays, UserAge);
}