var curr_tooltip = null;

jQuery(function() {
  jQuery('img[tooltip]').hover(
    function() {
      var jthis = jQuery(this);
      var orig_height = jthis.height();
      var orig_width = jthis.width();
      var orig_pos = jthis.offset();

      if (curr_tooltip) {
          curr_tooltip.remove();
          curr_tooltip = null;
      }
      curr_tooltip = jQuery('<div>' + jthis.attr('tooltip') + '</div>')
          .addClass('img-tooltip blue-bar shadow')
          .hide();
      jQuery('body').append(curr_tooltip);

      var calc_top = orig_pos.top + orig_height + 5;
      var calc_left = orig_pos.left - ((curr_tooltip.width() - orig_width)/2);

      curr_tooltip.offset({top: calc_top, left: calc_left}).show();
    }, 
    function() {
      if (curr_tooltip) {
          curr_tooltip.remove();
          curr_tooltip = null;
      }
    })
})

