/*-------------------------------------------------------------------------------
	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);
	
	/* Create a function that builds the tooltip 
	   markup. Then, prepend the tooltip to the body */
	getTip = function() {
		var tTip = 
			"<div class='tip'>" +
				"<div class='tipMid'>"	+
				"</div>" +
				"<div class='tipBtm'></div>" +
			"</div>";
		return tTip;
	}
	$("body").prepend(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 tTitle = (this.title);
        var tAlt = (this.alt);
        this.alt = "";
		this.title = "";
		
		/* Mouse over and out functions*/
        $this.hover(    
            function() {     
                $.ajax({
                    type: "post",  
                    cache: false,    
                    data: "date="+tTitle,
                    url: smf_scripturl+"?action=calendar;sa="+tAlt,   
                    success: function(data) {
                      tipInner.html(data);     
                    }                         
                });
                var offset = $(this).offset();
				setTip();
				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(e) {
            e = e || window.event;
            var cursor = {x:0, y:0};
            if (e.pageX || e.pageY) {
                cursor.x = e.pageX;
                cursor.y = e.pageY;
            } 
            else {
                cursor.x = e.clientX + 
                    (document.documentElement.scrollLeft || 
                    document.body.scrollLeft) - 
                    document.documentElement.clientLeft;
                cursor.y = e.clientY + 
                    (document.documentElement.scrollTop || 
                    document.body.scrollTop) - 
                    document.documentElement.clientTop;
            }
            var xTip = (cursor.x-50)+"px";
            var yTip = (cursor.y - 5)+"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);
		}
	});
};