mouseX_pos = 0;
mouseY_pos = 0;

function open_preview_pic (thepic, medium_image, age, username, gender, combined_location)
{
	var divPhoto = document.getElementById("user_pic");
	var left_pointer = "/templates/nimble_2008_001/images/hoverbox/left_pointer.gif";
	var right_pointer = "/templates/nimble_2008_001/images/hoverbox/right_pointer.gif";
  var photoUrl = medium_image;
	var leftPos = findOffsetLeft( thepic );
	var topPos = findOffsetTop( thepic );
	var backgroundImage = "/templates/nimble_2008_001/images/hoverbox/background.gif";
	var theBorderColor = "#89ceff";

  if (divPhoto.innerHTML == '' || divPhoto.innerHTML == ' ')
  {
    divPhoto.innerHTML = "<table border='0' cellpadding='0' cellspacing='0'><tr><td valign='top'><img border='0' width='14px' src='" + left_pointer + "'/></td><td style=\"border-bottom: 1px solid " + theBorderColor + "; border-top: 1px solid " + theBorderColor + "; background-image: url(" + backgroundImage + ");\"><img height='100' src='" + photoUrl + "' /></td><td style='border-bottom: 1px solid " + theBorderColor + "; border-top: 1px solid " + theBorderColor + "; background-image: url(" + backgroundImage + ");' nowrap valign='top' align='left'><div style='color: #000000; padding:3px; font-family: Tahoma; font-size: 12px; font-weight: bold;'>" + username + "<br /><span style='font-size: 9px; font-weight: normal;'>" + gender + " / " + age + "<br />" + combined_location + "<br /></span></div></td><td><img border='0' src='" + right_pointer + "'/></td></tr></table>";
  }
  divPhoto.style.left = (mouseX_pos + 30) + "px";
	divPhoto.style.top = (mouseY_pos - 50) + "px";
	divPhoto.style.display = "";
	
}

function getcords(e)
{
	mouseX_pos = Event.pointerX(e);
	mouseY_pos = Event.pointerY(e);
}

Event.observe(document, 'mousemove', getcords); 

function hidePhoto()
{
	var divPhoto = document.getElementById("user_pic");
	if (divPhoto)
	{
		divPhoto.innerHTML = '';
		divPhoto.style.display= "none";
	}
}

function findOffsetTop( el )
{
	var top = el.offsetTop;
	el = el.offsetParent;
	while( el != null )
	{
		top += el.offsetTop;
		el = el.offsetParent;
	}

	var form = document.forms[0];
	if ( form && form.scrollTop )
	{
		return top - form.scrollTop;
	}
	return top;
}

function findOffsetLeft( el )
{
	var left = el.offsetLeft;
	el = el.offsetParent;
	while( el != null )
	{
		left += el.offsetLeft;
		el = el.offsetParent;
	}

	var form = document.forms[0];
	if ( form && form.scrollLeft )
	{
		return left - form.scrollLeft;
	}
	return left;
}