var tooltipIndex = 0;

function initTooltips()
{
 $('body').append($('<div id="dymki"></div>'));
 updateTooltips();
}

function extractTooltipId(fromWhere)
{
 var className = fromWhere.match(/pokaz-dymek-\d+/g)[0];
 className = className.split('-');
 return className[className.length - 1];
}

function updateTooltips()
{
 $('.dymek:not(.tooltip-moved)').each(function(i) {
  
  $(this).append('<div class="dziobek"></div>');
  
  $(this).parent().removeClass('pokaz-dymek').addClass('pokaz-dymek-' + (tooltipIndex)).hover(function() {
   $('#dymki>.dymek').hide();
   $('#dymek-' + extractTooltipId($(this).attr('class'))).show();
  }, function() {
   $('#dymek-' + extractTooltipId($(this).attr('class'))).hide();
  }).mousemove(function(e) {
   $('#dymek-' + extractTooltipId($(this).attr('class'))).css('left', (e.pageX + 20) + 'px').css('top', (e.pageY - 15) + 'px');
  });
  
  $(this).remove().appendTo('#dymki').attr('id', 'dymek-' + (tooltipIndex)).toggleClass('tooltip-moved');
  tooltipIndex++;
 });
}

$(document).ready(function() {
 initTooltips();
});