var $ = jQuery.noConflict();

$.fn.betterTooltip2 = function(options) {
	var defaults = { speed: 50, delay: 50 };
	var options = $.extend(defaults, options);
	getTip = function() {
		var tTip =
			"<div id=\"tooltip2\">" +
			"	<div class=\"tl\">" +
			"		<div class=\"tr\"></div>" +
			"	</div>" +
			"	<div class=\"bg_l clearfix\">" +
			"		<div class=\"bg_r\">" +
			"			<div id=\"tooltip2_content\"></div>" +
			"		</div>" +
			"	</div>" +
			"	<div class=\"bl\">" +
			"		<div class=\"br\"></div>" +
			"	</div>" +
			"</div>";
		return tTip;
	}
	$("body").prepend(getTip());
	$(this).each(function() {

		if(this.alt == "")  {
			$(this).remove();
		}

		var $this = $(this);
		var tip = $('#tooltip2');
		var tipInner = $('#tooltip2 #tooltip2_content');

		var tTitle = (this.alt ? this.alt : this.title);
		this.title = "";

		var tWidth = $this.width();
		var tHeight = $this.height();

		$this.hoverIntent(
			function() {
				tipInner.html(tTitle);
				var offset = $(this).offset();
				var tLeft = offset.left;
				var tTop = offset.top;

				setTip(tTop, tLeft);
				setTimer();
			},
			function() {
				stopTimer();
				tip.hide();
			}
		);

		setTimer = function() {
			$this.showTipTimer = setInterval("showTip()", defaults.delay);
		}

		stopTimer = function() {
			clearInterval($this.showTipTimer);
		}

		setTip = function(top, left) {
			var topOffset = tip.height();
			var xTip = (left - 245) + "px";
			var yTip = (top - topOffset - 20) + "px";
			tip.css({ 'top': yTip, 'left': xTip });
		}

		showTip = function() {
			stopTimer();
			tip.animate({ "top": "+=20px", "opacity": "toggle" }, defaults.speed);
		}
	});
};