/*-------------------------------------------------------------------------------
    A Better jQuery Tooltip
    Version 1.0
    By Jon Cazier
    jon@3nhanced.com
    01.22.08
-------------------------------------------------------------------------------*/

$.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);
 
 
//   $('#tooltip').clone().id('').append(this);
  // $(this).find('.tipMid').html=this.title;
  // this.title = "";
	
    /* 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 tTitle = (this.title);
        this.title = ""; */
        
        /* Mouse over and out functions*/
  /*      $this.hover(
            function() {
			$
	        var offset = $(this).offset();
            var tLeft = offset.left;
            var tTop = offset.top;
            var tWidth = $this.width();
            var tHeight = $this.height();	
			
                tipInner.html(tTitle);
                setTip(tTop, tLeft);
                setTimer();
            }, 
            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){
            var topOffset = tip.height();
            var xTip = (left-30)+"px";
            var yTip = (top+42)+"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);
        }
    });
};