// JavaScript Document

 $.fn.cooltip = function(options) {
	var defaults = {
		message: false,
		tipclass: 'cooltip',
		tiplink: false
	}
	// Extend our default options with those provided.
	var opts = $.extend(defaults, options);	
	
	$(this).mouseenter(function() {
		var ct_p = $(this).position();
		var ct_p_c = ct_p.left + ($(this).width() / 2);
		var ct_p_m = ct_p.top + ($(this).height() / 2);
		
		if (opts['message'] !== false) {
			$("#wrapper").append("<div id=\"cooltip\" class=\"" + opts['tipclass'] + "\" style=\"position:absolute;\">" + opts['message'] + "</div>");
		} else {
			$("#wrapper").append("<div id=\"cooltip\" class=\"" + opts['tipclass'] + "\" style=\"position:absolute;\"></div>");
		}		
		
		$("#cooltip").css("left",(ct_p_c - ($("#cooltip").width() / 2)) + "px");
		$("#cooltip").css("top",(ct_p_m - ($("#cooltip").height() / 2)) + "px");
		
		if (opts['tiplink'] !== false) {
			$("#cooltip").css("cursor","pointer");
			$("#cooltip").click(function () {
				window.location = opts['tiplink'];
			});
		}
		
		$("#cooltip").mouseleave(function () {
			$(this).remove();
		});
		$("this").mouseleave(function () {
			$("#cooltip").remove();
		});
	});
}