jQuery(document).ready(function(){
// pohybuje s prvkem tooltip při pohybu myši
   $(document).mousemove(function(e){
      // defaultně nastavím souřadnice tooltipu doprostřed pod kurzor      
      var tip_y = e.pageY+25;
      var tip_x = e.pageX-($('.atrtitle').width()/2);
      
      // jestliže je souřadnice pravého okraj tooltipu větší, než souřadnice pravého okraje obrazovky, nastavím X souřadnici tooltipu vlevo od kurzoru 
      if (e.pageX+($('.atrtitle').width()/2) > window.innerWidth-15){
        tip_x  = e.pageX-($('.atrtitle').width())-25;
        //tip_y = e.pageY-10;
      }
      
      // jestliže je souřadnice levého okraje tooltipu menší, než nula, nastavím X souřadnici tooltipu vpravo od kurzoru
      if (e.clientX-($('.atrtitle').width()/2) < 0){
        tip_x  = e.pageX+30;
        //tip_y = e.pageY-10;
      }
      
      // horní okraj neřeším
      // spokud je souřadnice spodního okraje tooltipu větší, než souřadnice spodního okraje obrazovky, nastaví Y souřadnici tooltipu nahoru od kurzoru
      if (e.clientY+($('.atrtitle').height())+35 > window.innerHeight ){        
        tip_y = e.pageY-$('.atrtitle').height()-15;
      }
      
      $('.atrtitle').css({top: tip_y,left: tip_x});
      
   });
});

// 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      
      var ttext = jQuery.trim($(this).attr("title"));                  // uloží title do proměnné
      if (ttext!=""){
        $(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      
        $("body").prepend('<div class="atrtitle"></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.                               
        $('.atrtitle').text(ttext).fadeTo(200,1);           // zobrazení a něco pro efekt
        return false;                                       // aby se to dál nepropagovalo v DOM
      }
   }); 
   
   $(".hemala").live('mouseout',function(e){              // po odjetí myší na klasu hemala
      $(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').hide("slow").remove();                     // skryje DIV s ID tooltip a potom ho odstraní
   });