$(function()  
{  
	var x;
	var y;
	var hideDelay = 500;    
	var currentID;  
	var hideTimer = null;  
	$(this).mousemove(function(e){
     x = e.pageX;
     y=	e.pageY;

    });
	// One instance that's reused to show info for the current person  
	var container = $('<div id="personPopupContainer">'  
	+ '<table width="" border="0" cellspacing="0" cellpadding="0" align="center" class="personPopupPopup">'  
	+ '<tr>'  
	+ '   <td class="corner topLeft"></td>'  
	+ '   <td class="top"></td>'  
	+ '   <td class="corner topRight"></td>'  
	+ '</tr>'  
	+ '<tr>'  
	+ '   <td class="left">&nbsp;</td>'  
	+ '   <td><div id="personPopupContent"></div></td>'  
	+ '   <td class="right">&nbsp;</td>'  
	+ '</tr>'  
	+ '<tr>'  
	+ '   <td class="corner bottomLeft">&nbsp;</td>'  
	+ '   <td class="bottoms">&nbsp;</td>'  
	+ '   <td class="corner bottomRight"></td>'  
	+ '</tr>'  
	+ '</table>'  
	+ '</div>');  
	
	$('body').append(container);  
	
	$('.personPopupTrigger').live('mouseover', function()  
	{  
	// format of 'rel' tag: pageid,personguid  
	var settings = $(this).attr('rel').split(',');  
	var pageID = settings[0];  
	currentID = settings[1];  
	
	// If no guid in url rel tag, don't popup blank  
	if (currentID == '')  
	return;  
	
	if (hideTimer)  
	clearTimeout(hideTimer);  


	var pos = $(this).offset();  
	var width = $(this).width(); 
	//alert("Y:"+y+"="+pos.top);
	container.css({  
	left: (x+1) + 'px',  
	top: (y+1) + 'px'  
	});  
	
	$('#personPopupContent').html('&nbsp;');  
	
	$.ajax({  
		type: 'GET',  
		url: 'tooltip_info.php',  
		data: 'id=' + pageID + '&ids=' + currentID,  
		success: function(data)  
		{  
		// Verify that we're pointed to a page that returned the expected results.  
		if (data.indexOf('personPopupResult') < 0)  
		{  
		$('#personPopupContent').html('<span >Page ' + pageID + ' did not return a valid result for person ' + currentID + '.Please have your administrator check the error log.</span>');  
		}  
		
		// Verify requested person is this person since we could have multiple ajax  
		// requests out if the server is taking a while.  
		//if (data.indexOf(currentID) > 0)  
		//{                    
		var text = data;  
		
		$('#personPopupContent').html(text);  

		//}  
		}  
	});  
	
	container.css('display', 'block');  
	});  
	
	$('.personPopupTrigger').live('mouseout', function()  
	{  
	if (hideTimer)  
	clearTimeout(hideTimer);  
	hideTimer = setTimeout(function()  
	{  
	container.css('display', 'none');  
	}, hideDelay);  
	});  
	
	// Allow mouse over of details without hiding details  
	$('#personPopupContainer').mouseover(function()  
	{  
	if (hideTimer)  
	clearTimeout(hideTimer);  
	});  
	
	// Hide after mouseout  
	$('#personPopupContainer').mouseout(function()  
	{  
	if (hideTimer)  
	clearTimeout(hideTimer);  
	hideTimer = setTimeout(function()  
	{  
	container.css('display', 'none');  
	}, hideDelay);  
	});  
});