/*********************************************************************************/
var Cd2B_tooltip = 0;

function AbrirD2B_tooltipTime(target_items) {
    Cd2B_tooltip = setTimeout(function() {
        AbrirD2B_tooltip(target_items);
    }
    , 300);
}

function AbrirD2B_tooltip(target_items) {
    $(target_items).css({ opacity: 0.93, display: "none" }).fadeIn(500);
}

function Mantenerd2B_tooltip(target_items) {
    clearTimeout(Cd2B_tooltip);
}
/*********************************************************************************/



function d2B_tooltip(target_items, name, titulo) {
    $(target_items).each(function(i) {
        var ServidorUrlocation = location.href;
        var ServidorUrl = ServidorUrlocation.split("/");
        ServidorUrl = "http://staging1:36656/";
        var SpacerUrl = ServidorUrl + 'img/spacer.gif';
        //
        var ClaseCSS = "tooltip";
        var ClaseCSSFlecha = "BFR";
        //
        if (ClaseCSS == "tooltipDer") { ClaseCSSFlecha = "BFL"; }
        var ToolHTML = '<div class="tooltip" id="' + name + i + '" style="display: none;">';
        ToolHTML += '<table border="0" cellpadding="0" cellspacing="0" class="TablaTip" >';
        ToolHTML += '<tr>';
        ToolHTML += '<td class="TL">';
        ToolHTML += '    <img src="' + SpacerUrl + '" width="12" height="12">';
        ToolHTML += '</td>';
        ToolHTML += '<td class="T">';
        ToolHTML += '    <img src="' + SpacerUrl + '" width="184" height="12">';
        ToolHTML += '</td>';
        ToolHTML += '<td class="TR">';
        ToolHTML += '    <img src="' + SpacerUrl + '" width="12" height="12">';
        ToolHTML += '</td>';
        ToolHTML += '</tr>';
        ToolHTML += '<tr>';
        ToolHTML += '<td class="L">';
        ToolHTML += '    <img src="' + SpacerUrl + '" width="12" height="69">';
        ToolHTML += '</td>';
        ToolHTML += '<td class="F">';
        ToolHTML += titulo;
        ToolHTML += '</td>';
        ToolHTML += '<td class="R">';
        ToolHTML += '    <img src="' + SpacerUrl + '" width="12" height="69">';
        ToolHTML += '</td>';
        ToolHTML += '</tr>';
        ToolHTML += '<tr>';
        ToolHTML += '<td class="BL">';
        ToolHTML += '    <img src="' + SpacerUrl + '" width="12" height="24">';
        ToolHTML += '</td>';
        ToolHTML += '<td class="' + ClaseCSSFlecha + '">';
        ToolHTML += '    <img src="' + SpacerUrl + '" width="184" height="12">';
        ToolHTML += '</td>';
        ToolHTML += '<td class="BR">';
        ToolHTML += '    <img src="' + SpacerUrl + '" width="12" height="24">';
        ToolHTML += '</td>';
        ToolHTML += '</tr>';
        ToolHTML += '</table></div>';

        $("body").append(ToolHTML);
        
        var este_tooltip = $("#" + name + i);
        var tooltip_width = este_tooltip.width();

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

            $(this).removeAttr("title").mouseover(function() {
                //este_tooltip.css({ opacity: 0.8, display: "none" }).fadeIn(500);
                AbrirD2B_tooltipTime(este_tooltip);

            }).mousemove(function(kmouse) {
                var border_top = $(window).scrollTop();
                var border_right = $(window).width();
                var left_pos;
                var top_pos;
                var offset = 5;

                if (border_right - (offset * 2) >= este_tooltip.width() + kmouse.pageX) {
                    left_pos = kmouse.pageX + offset;
                } else {
                    left_pos = border_right - este_tooltip.width() - offset;
                }

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

                if (ClaseCSS == "tooltipDer") {
                    var position = $(this).position();
                    left_pos = border_right - este_tooltip.width() - offset;

                    este_tooltip.css({ left: left_pos, top: top_pos });

                } else {
                    este_tooltip.css({ left: left_pos, top: top_pos })
                }

            }).mouseout(function() {
                este_tooltip.css({ display: "none" });
                Mantenerd2B_tooltip(este_tooltip);
            });

        }

    });
}

$(document).ready(function() {
   // d2B_tooltip("a[class^='zz1_TopNavigationMenu']", "tooltip");
});