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

        if ($(this).attr("title") != "" && $(this).attr("title") != "undefined") {

            $(this).removeAttr("title").mouseover(function() {
                my_tooltip.css({ opacity: 0.8, display: "none" }).fadeIn(200);
            }).mousemove(function(kmouse) {
                var border_top = $(window).scrollTop();
                var border_right = $(window).width();
                var left_pos;
                var top_pos;
                var offset = 20;
                if (border_right - (offset * 2) >= my_tooltip.width() + kmouse.pageX) {
                    left_pos = kmouse.pageX + offset;
                } else {
                    left_pos = border_right - my_tooltip.width() - offset;
                }

                if (border_top + (offset * 2) >= kmouse.pageY - my_tooltip.height()) {
                    top_pos = border_top + offset;
                } else {
                    top_pos = kmouse.pageY - my_tooltip.height() - offset;
                }


                my_tooltip.css({ left: left_pos, top: top_pos });
            }).mouseout(function() {
                my_tooltip.css({ left: "-9999px" });
            });

        }

    });
}



$(document).ready(function() {
simple_tooltip("img.help", "tooltip");
});