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

jQuery.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 topTip=0;
	var options = jQuery.extend(defaults, options);
	
	/* Create a function that builds the tooltip 
	   markup. Then, prepend the tooltip to the body */
	getTip = function() {
		var tTip = 
			"<div class='tooltipWeb'>" +
				"<div class='tooltipWebTop'></div>" +
				"<div class='tooltipWebMid'>"	+
				"</div>" +
				"<div class='tooltipWebBtm'></div>" +
			"</div>";
		return tTip;
	}
	jQuery("body").prepend(getTip());
	
	/* Give each item with the class associated with 
	   the plugin the ability to call the tooltip    */
	jQuery(this).each(function(){
		
		var jQuerythis = jQuery(this);
		var tip = jQuery('.tooltipWeb');
		var tipInner = jQuery('.tooltipWeb .tooltipWebMid');
		
		var tTitle = (this.title);
		this.title = "";
		
		var tWidth = jQuerythis.width();
		var tHeight = jQuerythis.height();
		
		
		/* Mouse over and out functions*/
		jQuerythis.hover(
			function() {
				tipInner.html(tTitle);
				setTip(this);
				setTimer();
			}, 
			function() {
				stopTimer();
				tip.hide();
			}
		);		   
		
		/* Delay the fade-in animation of the tooltip */
		setTimer = function() {
			jQuerythis.showTipTimer = setInterval("showTip()", defaults.delay);
		}
		
		stopTimer = function() {
			clearInterval(jQuerythis.showTipTimer);
		}
		
		/* Position the tooltip relative to the class 
		   associated with the tooltip                */
		setTip = function(element){
			
			offset = search_point(element);//jQuery(this).offset();
			
			var left = offset.left;
			var top = offset.top;
			
			var topOffset = tip.height();
			var xTip = left+"px";
			var yTip = (top-topOffset-30)+"px";
			topTip=yTip;
			tip.css({'top' : yTip, 'left' : xTip,'display':'block'});
		}
		
		/* This function stops the timer and creates the
		   fade-in animation                          */
		showTip = function(){
			stopTimer();
			
			tip.animate({"top": "+=20px"}, defaults.speed, "linear");
			jQuery('.tooltipWebMid').css({"height":jQuery('.tooltipWebMid').height()+'px'});
		}
	});
};