﻿jQuery.fn.tooltipInit = function()
{
    return this.each(function()
    {
        var $obj = $(this);
        $obj
            .hover(function(e)
            {
                var x = e.pageX + 15;
                var y = e.pageY + 15;
                var text = $obj.attr("alt");
                $obj.removeAttr("alt");
                
                if ($("body").find("#TOOL_POPUP").length == 0) 
                { 
                    $("body").append(
                        $("<div id='TOOL_POPUP'></div>")
                            .css({
                                "position":"absolute",
                                "width":"auto",
                                "height":"auto",
                                "background-color":"white",
                                "border-style":"solid",
                                "border-color":"maroon",
                                "border-width":"1px",
                                "padding":"2px"
                                })
                    ); 
                }
                $("#TOOL_POPUP")
                    .css({"top": y, "left": x})
                    .text(text)
                    .show();
            },
            function(e)
            {
                $obj.attr("alt",$("#TOOL_POPUP").text());
                $("#TOOL_POPUP")
                    .text("")
                    .hide();
            })
            .mousemove(function(e)
            {
                var x = e.pageX + 15;
                var y = e.pageY + 15;
                $("#TOOL_POPUP")
                    .css({"top":y,"left":x});
            });
    });
}
