/**
  *  Example:
  *    <div id="catTooltip" title="Cat" style="display: none;">
  *   An introverted mammal with lots of claws and a piercing gaze.
  * </div>
  * Its raining <a href="" onclick="return openTooltip('#catTooltip',event);">cats</a>.
  * 
  * FIXME a line break is added in safari when a tooltip is opened.  I haven't found a workaround yet. - peter.deweese@eyestreet.com
  **/
  var tooltipOptions = {autoOpen: false, maxWidth:400, minHeight: 50};
  var tooltipInitialized = new Array();
  
  function openTooltip(id, event)
  {
    if(!tooltipInitialized[id])
      $(id).dialog(tooltipOptions);
    $(id).dialog('option', 'position', [event.clientX, event.clientY]);
    $(id).css('display', 'inline');
    $(id).dialog('open');
    return false;
  }