$(document).ready(function ()
{
  tooltip();
});
 
function tooltip()
{
  $(".tooltip").mouseover(    
    function (event) 
    { 
      //var tmp = this.descr;
      var tmp = $(this).attr("descr");
      var arr = tmp.split("|");
      var text = '<p><b>' + arr.join('</b><br />') + '</p>';
      
      var img = $(this).attr("image_src");
 
      var posX = parseInt('0');
      var posY = parseInt('0');

      var offW = jQuery(this).width();
      var offH = jQuery(this).height();

      var mouseX = event.pageX;
      var mouseY = event.pageY;

      var corX = -350; 
      var corY = ( event.corY ) ? parseInt(event.corY) : 0;

      var windowX = jQuery(window).width();
      var windowY = jQuery(window).height();


      // X- und Y-Koordinaten des Cursor ermitteln und ggf. korrigieren

	
      if(( mouseX + corX ) > 0 )
	       posX = mouseX + corX;
      if(( mouseX + corX + offW ) > windowX )
	       posX = windowX - offW;
      if(( mouseY + corY ) > 0 )
	       posY = mouseY; // + corY;
      if(( mouseY + corY + offH ) > windowY )
	      posY =  mouseY - 350;
	
	else
	{
	      posX = mouseX + corX;
	      posY = mouseY; // + corY + 10;
	      }

       
      // ein DIV fuer den Tooltip erstellen
      $("body").append("<div id='tooltip'><img width='55px' src='" + img + "' class='lecturer_image' /> " + text + "</div>");
 
      // das erstellte DIV mit CSS positionieren
      $("#tooltip").css("left", parseInt(posX)).css("top", posY);
    }
  );
 
  $(".tooltip").mouseout(
    function (event)
    {
      // das DIV beim verlassen des Events entfernen
      $("#tooltip").remove();
posX = 0;
posY = 0;
    }
  );
}