/*
	jQuery Tooltip Plugin
	(C) 2009 Matthias Schuetz - http://matthiasschuetz.com
	------------------------------------------------------
	
	jquery.tooltip1.js - Tooltip-Inhalt aus "title"-Text
	
	------------------------------------------------------
	
	[ Benutzung ]
	
	$(".klasse, #id").tooltip({
		hintergrund: "#FFFFFF",
		schriftfarbe: "#000000",
		rand: "2px #CCCCCC solid",
		eckenradius: 8,
		zeit: 400
	});
	
	------------------------------------------------------
*/

$.fn.tooltip = function(optionen){
	optionen = $.extend({
		hintergrund: "#000000",
		schriftfarbe: "#FFFFFF",
		rand: "2px #ABABAB solid",
		eckenradius: 10,
		zeit: 300
	}, optionen);
	
	function zeigeTooltip(evt, zeit, inhalt){
		$("<div>", {
			id: "tooltip",
			css: {
				position: "absolute",    
				left: evt.pageX + 20,
				top: evt.pageY + 20,
				padding: "10px",
				background: optionen.hintergrund,
				color: optionen.schriftfarbe,
				fontFamily: "Tahoma, Helvetica, sans-serif",
				fontSize: "12px",
				border: optionen.rand,
				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", "");
		$(this).bind({
			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){
				$("#tooltip").css({
					left: evt.pageX + 20,
					top: evt.pageY + 20
				});
			}
		});
	});
}

	$("#id1").tooltip({
		hintergrund: "#FFFFFF",
		schriftfarbe: "#000000",
		rand: "2px #CCCCCC solid",
		eckenradius: 8,
		zeit: 400
	});