/**  
 * Tool Tips  
 * par Jay Salvat - http://blog.jaysalvat.com/  
 */  
(function($) {  
$.fn.toolTips = function(settings) {      
    options =  {  
        offsetX:  10,    // positionnement X par rapport au pointeur 
        offsetY:  -5,    // positionnement Y par rapport au pointeur 
        baseLine: 'top', // alignement de par rapport au pointeur 
        delay:    500,   // délai avant l'ouverture de l'infobulle 
        click:    true   // autorise ou non le clic sur le lien 
    };  
    var options = $.extend(options, settings);  
      
    return this.each(function(){  
        var $$ = $(this);  
        var aTitle   = $$.attr('title') || '';  
        var aHref    = $$.attr('href')  || '';  
        var aRel     = $$.attr('rel')   || '';  
        var aToolTip = $("<div></div>"); 
        var aCaption = ''; 
        var aImage; 
        var timer; 
        var offsetX = 1; 
        var offsetY = 1; 
 
        // Quand le curseur survole un élément  
        $$.mouseover(function(e) {            
            // Supprime le Title pour éviter le toolTip par défaut du navigateur  
            $$.attr('title', '');     
              
            // Si un Title est présent, on fait un block pour la légende  
            if (aTitle != '') {  
                aCaption = '<div class="toolTip-caption"><span>'+ aTitle +'</span></div>';  
            }  
 
            // Si un attribut Rel est présent dans le lien et qu'il mène à une image  
            // on passe en mode Vignette 
            if (aRel.match(/\.(png|jpg|jpeg|gif|JPG)$/)) {  
                aImage = $('<img src="'+ aRel +'" />'); 
                aToolTip = $('<div class="toolTip-thumbnail">'+ aCaption +'</div>');  
  
            // Si le lien est un lien vers une image  
            // on passe en mode Prévisualisation  
            } else if (aHref.match(/\.(png|jpg|jpeg|gif|JPG)$/)) {  
                aImage = $('<img src="'+ aHref +'" />'); 
                aToolTip = $('<div class="toolTip-picture">'+ aCaption +'</div>');  
                 
            // Sinon on pas en mode Texte 
            } else if (aTitle != '') {  
                aToolTip = $("<div class='toolTip-text'><span>"+ aTitle +"</span></div>");      
            }  
 
            // Le toolTip précédemment créé est ajouté au Body et masqué 
            aToolTip.appendTo("body").hide().css({ position:'absolute', top:0, left:0 }); 
 
            // On attend le chargement de l'image éventuellement contenue 
            // dans le toolTip pour ajuster le placement selon la hauteur finale 
            if ((aImage)) { 
                aImage.load(function() { 
                    aImage.prependTo(aToolTip); 
                     
                    // Quelques ajustements selon les préférences utilisateurs 
                    offsetX = options.offsetX; 
                    if (options.baseLine == 'bottom') { 
                        offsetY = options.offsetY - aToolTip.height(); 
                    } else if (options.baseLine == 'middle') { 
                        offsetY = options.offsetY - (aToolTip.height() / 2); 
                    } 
 
                    // Place le toolTip aux coordonnées voulues 
                    aToolTip.css({ 
                        left: parseInt(aToolTip.css('left')) + offsetX + "px", 
                        top:  parseInt(aToolTip.css('top'))  + offsetY + "px"                             
                    }); 
                }); 
            } 
 
            // On déplace le toolTip en même temps que la souris  
            $$.mousemove(function(e) {  
                aToolTip.css({ 
                    left: e.pageX + offsetX + "px", 
                    top:  e.pageY + offsetY + "px"                             
                }); 
            });  
             
            // On attend quelques fractions de seconde avant d'afficher le toolTip 
            timer = setTimeout( function() { aToolTip.show() }, options.delay); 
        })  
             
        // Quand le curseur ne survole plus un élément  
        $$.mouseout(function(e) {  
            clearTimeout(timer); 
            // On remet le Title en place  
            $$.attr("title", aTitle);    
            // On supprime le suivi de déplacement  
            $$.unbind("mousemove");       
            // On supprime le toolTip  
            aToolTip.remove();  
        });  
     
        // Bloque éventuellement le clic sur le lien 
        $$.click(function() { 
           return options.click; 
        });         
    });  
};  
})(jQuery);