/*
  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: "10px",
        border: optionen.rand,
        display: "none",
        "-moz-border-radius": optionen.eckenradius,
        "-webkit-border-radius": optionen.eckenradius,
        "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
        });
      }
    });
  });
}