/*
	jQuery Tooltip Plugin
	(C) 2009 Matthias Schuetz - http://matthiasschuetz.com
*/

$.fn.tooltip = function(optionen){
	optionen = $.extend({
		hintergrund: "#f9f6ee",
		schriftfarbe: "#635e58",
		rand: "4px #635e58 solid",
		eckenradius: 8,
		zeit: 300
	}, optionen);
	
	function zeigeTooltip(evt, zeit, inhalt){
		$("<div>")
			.attr("id", "tooltip")
			.css({
				position: "absolute",    
				left: evt.pageX + 20,
				top: evt.pageY + 20,
				padding: "10px",
				background: optionen.hintergrund,
				color: optionen.schriftfarbe,
				fontFamily: "'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Geneva, sans-serif",
				fontSize: "13px",
				border: optionen.rand,
				cursor: "pointer",
				display: "none",
				"-moz-border-radius": optionen.eckenradius,
				"-webkit-border-radius": optionen.eckenradius
			})
			.html(inhalt)
			.appendTo("body")
			.fadeIn(zeit);
	}

	$(this).each(function(){
		var inhalt = $(this).attr("title");
		$(this)
			.attr("title", "")
			.mouseenter(function(evt){
				if ($("#tooltip").css("opacity") != 0) {
					$("#tooltip").stop().remove();
				}
				
				zeigeTooltip(evt, optionen.zeit, inhalt);
			})
			.mouseleave(function(){
				$("#tooltip").fadeOut(
					optionen.zeit,
					function(){
						$(this).remove();
					}
				);
			})
			.mousemove(function(evt){
				$(this).css("cursor", "pointer");
				$("#tooltip").css({
					left: evt.pageX + 20,
					top: evt.pageY + 20
				});
			});
	});
}