jQuery Ajax Tooltip

HTML:

<a class="personPopupTrigger" href="<link to person>" rel="4218,a17bee64-8593-436e-a2f8-599a626370df">House, Devon</a>   
<a class="personPopupTrigger" href="<link to person>" rel="4218,f6434101-15bf-4c06-bbb2-fbe8c111b948">House, Gregory</a> 

JavaScript:

 

 

<script type="text/javascript">
$(function()   
{   
var hideDelay = 500;     
var currentID;   
var hideTimer = null;   

// One instance that's reused to show info for the current person   
  var container = $('<div >function()   
      {   
          container.css('display', 'none');   
      }, hideDelay);   
  });   
});
</script>

CSS:

 

<style type="text/css">
{   
    position:absolute;   
    left:0;   
    top:0;   
    display:none;   
    z-index: 20000;   
}   

.personPopupPopup   
{   
}  

#personPopupContent   
{   
    background-color: #FFF;   
    min-width: 175px;   
    min-height: 50px;   
}   

.personPopupPopup .personPopupImage   
{   
    margin: 5px;   
    margin-right: 15px;   
}   

.personPopupPopup .corner    
{   
    width: 19px;   
    height: 15px;   
}   

.personPopupPopup .topLeft    
{   
    background: url(../images/personpopup/balloon_topLeft.png) no-repeat;   
}   

.personPopupPopup .bottomLeft    
{   
    background: url(../images/personpopup/balloon_bottomLeft.png) no-repeat;   
}   

.personPopupPopup .left    
{   
    background: url(../images/personpopup/balloon_left.png) repeat-y;   
}   

.personPopupPopup .right    
{   
    background: url(../images/personpopup/balloon_right.png) repeat-y;   
}   

.personPopupPopup .topRight    
{   
    background: url(../images/personpopup/balloon_topRight.png) no-repeat;   
}   

.personPopupPopup .bottomRight    
{   
    background: url(../images/personpopup/balloon_bottomRight.png) no-repeat;   
}   

.personPopupPopup .top    
{   
    background: url(../images/personpopup/balloon_top.png) repeat-x;   
}   

.personPopupPopup .bottom    
{   
    background: url(../images/personpopup/balloon_bottom.png) repeat-x;   
    text-align: center;   
}  
</style>

Images:

Download