var topOffset = 0;
var tooltipText = "";

$(document).ready(function(){
    $("#tooltiparea a").bind("mouseenter",function(){
        topOffset = $("#tooltiparea").offset().top - $(this).offset().top;
        topOffset = (topOffset * -1) - 25;
        $("#tooltip").css("top", topOffset);
        tooltipText = $(this).siblings("span.hide").html();
        $("#tooltip").html(tooltipText);
        $("#tooltip").fadeIn();
    }).bind("mouseleave",function(){
        $("#tooltip").hide();
    });
});