/* jquery */
/* нет обработки, когда подсказка уходит за правую границу окна */

function simple_tooltip(target_items, name) {
    $(target_items).each(function(i) {
        mytitle = $(this).attr('mytitle');
        if (mytitle == undefined) { mytitle = "<p>" + $(this).attr('title') + "</p>"; }        
        $("body").append("<div class='" + name + "' id='" + name + i + "'>" + mytitle + "</div>");
        var my_tooltip = $("#" + name + i);

        $(this).removeAttr("title").mouseover(function() {
            my_tooltip.css({ opacity: 1, display: "none" }).fadeIn(400);
        }).mousemove(function(kmouse) {
            //my_tooltip.css({ left: kmouse.pageX + 15, top: kmouse.pageY + 15 });
            my_tooltip.css({ left: kmouse.pageX - 30 - my_tooltip.width(), top: kmouse.pageY - 30 - my_tooltip.height() });
        }).mouseout(function() {
            my_tooltip.fadeOut(400);
        });
    });
}
$(document).ready(function() {
    simple_tooltip("span.action", "tooltip");
});