$(document).ready(function(){
    var stopper = false;
         
     $(document).mousemove(function(e){      
        if (stopper == false){
          $("#bublina").css({top : e.pageY - $('#bublina').height()-3 ,left:e.pageX-($('#bublina').width()/2)})
        }
     });  
    
    
     
     $('.live').mouseover(function(e){                   // po najetí myší na element s title        
        stopper = false;
        $("#bublina").hide().remove();              // kdyby náhodou byla nějaká už z minula, tak jí zlikvidovat
        $("body").prepend('<table id="bublina"><tr><td id="topleft" class="corner"></td><td class="top"></td><td id="topright" class="corner"></td></tr><tr><td class="left"></td><td class="content"></td><td class="right"></td></tr><tr><td class="corner" id="bottomleft"></td><td class="bottom"><img width="30" height="29" alt="popup tail" src="/images/bubble/bubble-tail2.png"/></td><td id="bottomright" class="corner"></td></tr></table>');     // přidá nový DIV hned na začátek dovnitř BODY, je to jedno, za jaký ho necháme zařadit, ale pokud má kotvící objekt nějakou exotickou pozici, nemusí se tooltip ukazovat dobře.
         
        $("td.content").html($(this).next("div.data").html()); 

     }); 
     

     $('*').not('.live , #bublina td').mouseup(function(e){      
      
      $("#bublina").hide().remove();
      return false; 
     });
     
     $('.live').mouseout(function(e){
      stopper = true;
     });

    });