function closeTooltip(){
   $('#userTooltip').hide();
}
function openTooltip(){
   var alto=$('#userTooltip').height();
  $('#userTooltip').css("left",x+"px").css("top",y-5-alto +"px").show();
}
var tooltipTimeout;
var x;
var y;
jQuery(document).ready(function(){
   $("body").prepend('<table id="userTooltip" cellpadding="0" cellspacing="0"><tr class="top"><td class="left"></td><td class="center"></td><td class="right"></td></tr><tr class="middle"><td class="left"></td><td id="userTooltipData" class="center"></td><td class="right"></td></tr><tr class="bottom"><td class="left"></td><td class="center"></td><td class="right"></td></tr></table>');
   $("[user]").mousemove(function(e){
	  x=e.pageX;
	  y=e.pageY;
   }); 
   $("[user]").mouseover(function(e){
	 closeTooltip();
	 var user = $(this).attr("user");
	 var content ="<div id='userTooltipAvatar'><img src='/0/"+user.charAt(0)+"/"+user.charAt(1)+"/"+user+"/avatar.jpg'></div>"
	 			+"<a href='/"+user+"'>"+user+"</a> "
				+"<a href='/pm/compose/"+user+"' class='nolink'><img src='/imagenes/pm_unread.gif' border='0' title='Enviar mensaje privado' /></a>";
	 $("#userTooltipData").html(content);
   	 if(tooltipTimeout) clearTimeout(tooltipTimeout);
   	 tooltipTimeout = setTimeout("openTooltip()",250);
   }); 
   $("[user]").mouseout(function(e){
   	 if(tooltipTimeout) clearTimeout(tooltipTimeout);
   	 tooltipTimeout = setTimeout("closeTooltip()",100);
   }); 
   $("#userTooltip").mouseover(function(e){
   	 if(tooltipTimeout) clearTimeout(tooltipTimeout);
     $('#userTooltip').show();
   }); 
   $("#userTooltip").mouseout(function(e){
   	 if(tooltipTimeout) clearTimeout(tooltipTimeout);
   	 tooltipTimeout = setTimeout("closeTooltip()",100);
   }); 
})