﻿(function ($) {
    $.fn.tooltip = function() {
        var offsetY = 10;
        var offsetX = 10;
        $(this).hover(function (e) {
            tooltip = $(this).children('div.tooltip');
            $('<div id="tooltipDiv">' + tooltip.html() + '</div>')
                            .css('top', e.pageY + offsetY)
                            .css('left', e.pageX + offsetX)
                            .appendTo('body')
                            .fadeIn(200);
        },
                    function () {
                        $('div#tooltipDiv').fadeOut(200, function () {
                            $('div#tooltipDiv').remove();
                        });
                    });

        $(this).mousemove(function (e) {
            tooltip = $('div#tooltipDiv');
            tooltip.css('top', e.pageY + offsetY)
                            .css('left', e.pageX + offsetX);
        });
    };
})(jQuery)
