$(document).ready(function() {
    function adjust_tooltip_pos(element, event) {
        var newX = event.pageX+12;
        var newY = event.pageY+12;
        var width = element.outerWidth();
        var height = element.outerHeight();
        if (newX + width > $(window).width()) {
            newX = $(window).width() - width;
        }
        if (newY + height > $(window).height()) {
            newY = $(window).height() - height;
        }
        element.css({
            top: newY,
            left: newX
        });
    }
    var $tooltip = $('<div id="tooltip"></div>').hide().appendTo('body');

    $(".main-content sup").each(function(index){
        var kids = $(this).parent().children();
    });

    var tipTitle = '';
    $(".withtooltip").live('mouseover', function(event) {
        tipTitle = this.title;
        this.title = '';
        $tooltip.html('<div>' + tipTitle + '</div>');
        adjust_tooltip_pos($tooltip, event);
        $tooltip.show();
    }).live('mouseout', function(event) {
        if (tipTitle) {
            this.title = tipTitle;
        }
        $tooltip.hide();
    }).live('mousemove', function(event) {
        adjust_tooltip_pos($tooltip, event);
    });
});