﻿function simple_tooltip(target_items, name) {
    $(target_items).each(function(i) {
        if ($(this).attr("id") == "dialogBox") {
            $("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.9, display: "none" }).fadeIn(400);
                }).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" });
                });
            }
        }
    });
}
