function showtooltip(id)
{
  $('#' + id).mouseover(function(e) {  
    var tip = $('#emtooltip' + id).html();      
    $(this).append('<div id="tooltip' + id + '" class="tooltip"><div class="tipHeader"></div><div class="tipBody">' + tip + '</div><div class="tipFooter"></div></div>');       

    //Set the X and Y axis of the tooltip  
    $('#tooltip' + id).css('top', e.pageY + 50 );  
    $('#tooltip' + id).css('left', e.pageX + 50 );  

    //Show the tooltip with faceIn effect  
    $('#tooltip' + id).fadeIn('500');  
    
  }).mousemove(function(e) {  

    $('#tooltip' + id).css('top', e.pageY + 60 );  
    $('#tooltip' + id).css('left', e.pageX + 0 );  

  }).mouseout(function() {  
  
    $(this).children('div#tooltip' + id).remove();    
  });   
}