
jQuery(document).ready(function(){
// pohybuje s prvkem tooltip při pohybu myši   
   $(document).mousemove(function(e){
      $('.atrtitle_float').css({top:e.pageY+25,left:e.pageX-($('.atrtitle_float').width()/2)});
   });
});

// po najetí myši na odkaz  
// přepsáno na LIVE, aby i nově vzniknuvší prvky mohly mít floating title
// LIVE funguje jen v jQuery > 1.3
   
   $('*[title]:not(iframe)').live('mouseover',function(e){                   // po najetí myší na element s title        
      $("body").prepend('<div class="atrtitle_float"><img src=\"/images/sipecka.png\" style=\"margin-bottom: -1px;\" /><br /><div class="atrtitle"></div></div>');     // 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.
      var ttext = $(this).attr("title");                  // uloží title do proměnné
      $(this).attr({title:""});                           // vymaže title (aby se nezobrazovala klasická windwos)
      $(this).addClass("hemala");                         //musí se přidat klasa, podle které se bude zase titulek rušit
      $('.atrtitle').text(ttext).show();  // zobrazení
      $(".atrtitle_float").hide(1).delay(600).fadeTo("fast",1); 
   }); 
   
   $(".hemala").live('mouseout',function(e){               // po odjetí myší na klasu hemala
      $(".atrtitle_float").stop(true, true);
      $(this).removeClass("hemala");                      //identifikační klasu odebrat
      $(this).attr({title:$('.atrtitle').text()});        // zapíše atribut title zpátky k odkazu (aby jej bylo možno znovu použít)      
      $('.atrtitle_float').hide().remove();                     // skryje DIV s ID tooltip a potom ho odstraní
   });

