// Tootip Funktion

$(document).ready(function ()
{
  tooltip();
});
 
function tooltip()
{
  $("a.tooltip").mouseover(    
    function (event) 
    { 
	
      var text = this.rel;
	  
      // X- und Y-Koordinaten des Cursor ermitteln
      x = event.pageX;
      y = event.pageY-20;
 
      // ein DIV für den Tooltip erstellen
      $("div.auswahl").append("<div id='tooltip'>"+text+"</div>");
 
      // das erstellte DIV mit CSS positionieren
      $("#tooltip").css("top", y);
	  

    }
  );
 
  $("a.tooltip").mouseout(
    function (event)
    {
      // das DIV beim verlassen des Events entfernen
      $("#tooltip").remove();
    }
  );
}