﻿var ajax_tooltipObj = false;
var ajax_tooltipObjLeft = false;

function setMapOver(e, Path, Text, ddd) {
    var imgMap1 = document.getElementById('imgMap');
    imgMap1.src = Path;
    if (!ajax_tooltipObj)	/* если Tooltip div еще не создан */
    {    
        ajax_tooltipObj = document.createElement('DIV');
        ajax_tooltipObj.style.position = 'absolute';
        ajax_tooltipObj.id = 'ajax_tooltipObj';
        document.body.appendChild(ajax_tooltipObj);

        var leftDiv = document.createElement('DIV'); /* создание div со стрелкой */
        leftDiv.className = 'ajax_tooltip_arrow';
        leftDiv.id = 'ajax_tooltip_arrow';
        ajax_tooltipObj.appendChild(leftDiv);

        var contentDiv = document.createElement('DIV'); /* создание div контента */
        contentDiv.className = 'ajax_tooltip_content';
        ajax_tooltipObj.appendChild(contentDiv);
        contentDiv.id = 'ajax_tooltip_content';
        contentDiv.style.marginBottom = '15px';
    }
    if (!ajax_tooltipObjLeft)	/* если обратный Tooltip div еще не создан */
    {
        ajax_tooltipObjLeft = document.createElement('DIV');
        ajax_tooltipObjLeft.style.position = 'absolute';
        ajax_tooltipObjLeft.id = 'ajax_tooltipObjLeft';
        document.body.appendChild(ajax_tooltipObjLeft);

        var contentDivLeft = document.createElement('DIV'); /* создание обратного div контента */
        contentDivLeft.className = 'ajax_tooltip_content';
        ajax_tooltipObjLeft.appendChild(contentDivLeft);
        contentDivLeft.id = 'ajax_tooltip_contentLeft';
        contentDivLeft.style.marginBottom = '15px';

        var leftDivLeft = document.createElement('DIV'); /* создание div со стрелкой для обратного div */
        leftDivLeft.className = 'ajax_tooltip_arrow';
        leftDivLeft.id = 'ajax_tooltip_arrowLeft';
        ajax_tooltipObjLeft.appendChild(leftDivLeft);
    }
    ajax_tooltipObj.style.display = 'block';
    ajax_tooltipObjLeft.style.display = 'block';
    var targetObjLeft = document.getElementById('ajax_tooltip_contentLeft');
    var targetObj = document.getElementById('ajax_tooltip_content');
    if (navigator.userAgent.indexOf('Firefox') >= 0) {
        targetObj.innerHTML = Text;        
        ajax_tooltipObjLeft.style.visibility = 'hidden';
        var leftPos = ajaxTooltip_getLeftPos(ddd) - 18;
        var topPos = ajaxTooltip_getTopPos(ddd);
        ajax_tooltipObj.style.top = topPos + 'px';
        ajax_tooltipObj.style.left = leftPos + 'px';
        ajax_tooltipObj.style.visibility = 'visible';
        leftDiv.style.visibility = 'hidden';
    }
    else {
        if (e.clientX + targetObj.offsetWidth + 25 > document.body.parentNode.clientWidth) {
            ajax_tooltipObj.style.visibility = 'hidden';
            targetObjLeft.innerHTML = Text;
            ajax_tooltipObjLeft.style.left = (e.clientX + document.body.parentNode.scrollLeft - (targetObjLeft.offsetWidth + 20) - 5) + 'px';
            ajax_tooltipObjLeft.style.top = (e.clientY + document.body.parentNode.scrollTop - 15) + 'px';
            ajax_tooltipObjLeft.style.visibility = 'visible';
        }
        else {
            ajax_tooltipObjLeft.style.visibility = 'hidden';
            targetObj.innerHTML = Text;
            ajax_tooltipObj.style.left = (e.clientX + document.body.parentNode.scrollLeft + 5) + 'px';
            ajax_tooltipObj.style.top = (e.clientY + document.body.parentNode.scrollTop - 15) + 'px';
            ajax_tooltipObj.style.visibility = 'visible';
                };
    }
}

function ajaxTooltip_getTopPos(inputObj) {
    var returnValue = inputObj.offsetTop;
    while ((inputObj = inputObj.offsetParent) != null) {
        if (inputObj.tagName != 'HTML') returnValue += inputObj.offsetTop;
    }
    return returnValue;
}

function ajaxTooltip_getLeftPos(inputObj) {
    var returnValue = inputObj.offsetLeft;
    while ((inputObj = inputObj.offsetParent) != null) {
        if (inputObj.tagName != 'HTML') returnValue += inputObj.offsetLeft;
    }
    return returnValue;
}


function setMapOut(Path) {
    var imgMap1 = document.getElementById('imgMap');
    imgMap1.src = Path;
    if (ajax_tooltipObj)
    {
    ajax_tooltipObj.style.visibility = 'hidden';
    };
    if (ajax_tooltipObjLeft)
    {
    ajax_tooltipObjLeft.style.visibility = 'hidden';
    };    
}
