$(document).ready(function() {
  var cssObj = {
    cursor:"help",
    color:"#22326E",
    "padding-right":"10px",
    "background-image":"url(typo3conf/ext/st9glossary/images/glossar.gif)",
    "background-repeat":"no-repeat",
    "background-position":"right"
  }
  $("span.glossary_i").css(cssObj);
  $("span.glossary_i").mouseover(function (e) {
    $(this).append("<div id=glossary_tooltip><div id=glossary_tooltip_top></div><div id=glossary_tooltip_bg><div id=glossary_tooltip_text>"+ $(this).attr("lang") + "</div></div><div id=glossary_tooltip_bottom></div></div>");
    $("#glossary_tooltip").css({left:(e.pageX-35)+"px",top:(e.pageY-$("#glossary_tooltip").height()-$(this).height())+"px"});
  });
  $("span.glossary_i").mouseout(function () {
    $("span.glossary_i #glossary_tooltip").remove();
  });
});