$.fn.betterTooltip = function(options){  
   
         /* Setup the options for the tooltip that can be  
            accessed from outside the plugin              */  
         var defaults = {  
             speed: 200,  
             delay: 300  
         };  
   
         var options = $.extend(defaults, options);  
   
         /* Create a function that builds the tooltip  
            markup. Then, prepend the tooltip to the body */  
         getTip = function() {  
             var tTip =   
             "<div class='tip'>" +  
                
                 
                 "<div class='tipMid2'>"    +  
                 "</div>"  +  
                 
                 "<div class='tipMid'>"    +  
                 "</div>"  +  
             "</div>";  
             return tTip;  
         }  
         $("#page").append(getTip());  
   
         /* Give each item with the class associated with  
            the plugin the ability to call the tooltip    */  
         $(this).each(function(){  
   
             var $this = $(this);  
             var tip = $('.tip');  
             var tipInner = $('.tip .tipMid');  
             var tipInner2 = $('.tip .tipMid2');   
             var tTitle = (this.title);  
             this.title = "";  
             
              var tTitle2 = $(this).attr("alt"); 
            // this.alt = ""; 
               
             var offset = $(this).offset();  
             var tLeft = offset.left;  
             var tTop = offset.top;  
             var tWidth = $this.width();  
             var tHeight = $this.height();  
       
             /* Mouse over and out functions*/  
             $this.hoverIntent(function(e) {  
                 tipInner.html(tTitle);  
                  tipInner2.html(tTitle2); 
                 setTip(tTop, tLeft,e);  
                 showTip();  
             },   
             function() {  
                 stopTimer();  
                 tip.hide();  
             }  
         );           
       
         /* Delay the fade-in animation of the tooltip */  
         setTimer = function() {  
             $this.showTipTimer = setInterval("showTip()", defaults.delay);  
         }  
       
         stopTimer = function() {  
             clearInterval($this.showTipTimer);  
         }  
       
         /* Position the tooltip relative to the class  
            associated with the tooltip                */  
          setTip = function(top, left,e){  
             var topOffset = tip.height();  
             var xTip = (e.pageX-105)+"px";  
             var yTip = (e.pageY-230)+"px";
             
             tip.css({'top' : yTip, 'left' : xTip});  
         }  

       
         /* This function stops the timer and creates the 
            fade-in animation                          */  
         showTip = function(){  
             stopTimer();  
             tip.animate({ "top": "+=20px","opacity": "toggle"}, defaults.speed);  
         }  
     });  
 };