//дополнительная функция для отображения подсказок, к которой зачем то обращаются на некоторых страницах
function showFootnotePopUp(evt, html, popup) {
    var evt = evt || window.event;
    var o = evt.target || evt.srcElement;

    //Create new element
    var f = document.getElementById('current_footnote');
    if (f == null)
    {
        f = document.createElement("div");
        f.setAttribute("id", "current_footnote");
        f.setAttribute("style", "progid:DXImageTransform.Microsoft.Alpha(opacity=100); opacity: 1; display: block; top: 0px; left: 0px; width:200px; height:auto; z-index:2000;");
        f.setAttribute("class", "footnote_new");
        document.body.appendChild(f);
    }else{
		//f.setAttribute("style", "progid:DXImageTransform.Microsoft.Alpha(opacity=100); opacity: 1; display: block; top: 0px; left: 0px; width:200px; height:auto; z-index:2000;");
	}
    
	if(typeof popup == "undefined"){
		f.opacityFilter = 0;
		f.innerHTML = '<img src="i/help_close.png" height="18" width="18" border="0" id="x_image" style="cursor:pointer;float:right;" onclick="hideFootnotes();" /><div style="padding: 10px">' + html + '</div>';
		//f.innerHTML = document.getElementById(id).innerHTML; //закометировал строчку что бы вывети кнопку закрытия попапа
		f.className = 'footnote_new_active';
		
		f.style.filter = 'progid:DXImageTransform.Microsoft.Alpha(opacity=' + (f.opacityFilter * 100) + ');';
		f.style.opacity = f.opacityFilter;

		f.style.display = 'block';
		var o_coords = getElementPosition(o);
		var f_coords = getElementPosition(f);

		var calculatedTop = (f.offsetTop + (o_coords.top - f_coords.top));
		var calculatedLeft = (f.offsetLeft + (o_coords.left - f_coords.left));

		if (calculatedTop + f.offsetHeight > document.body.offsetHeight) calculatedTop = document.body.offsetHeight - f.offsetHeight;
		if (calculatedLeft + 200 > document.body.offsetWidth) calculatedLeft = document.body.offsetWidth - 220;
	}
	else {
		//f.innerHTML = '<img src="/design/images/x.gif" height="13" width="13" border="0" id="x_image" style="cursor:pointer;float:right;" onclick="hideFootnotes();" /><div style="padding: 10px">' + document.getElementById(id).innerHTML + '</div>';
		f.innerHTML = html;
		f.className = 'footnote_new_active';
		f.style.display = 'block';
		var calculatedTop = getElementPosition(o).top + 11;
		var calculatedLeft = getElementPosition(o).left + 11;
	}

    f.style.top = calculatedTop + 'px';
    f.style.left = calculatedLeft + 'px';

    window.setTimeout("animateFootNote()", 50);

    evt.cancelBubble = true;
    return false;
}

function getElementPosition(offsetTrail){
	var offsetLeft = 0;
        var offsetTop = 0;
        while(offsetTrail) {
        	offsetLeft += offsetTrail.offsetLeft;
                offsetTop += offsetTrail.offsetTop;
                offsetTrail = offsetTrail.offsetParent;
        }
        return { left:offsetLeft, top:offsetTop }
}
function animateFootNote() {
    var f = document.getElementById('current_footnote');
    f.opacityFilter += 0.05;
    f.style.filter = 'progid:DXImageTransform.Microsoft.Alpha(opacity=' + (f.opacityFilter * 100) + ');';
    f.style.opacity = f.opacityFilter;
    if (f.opacityFilter < 1) window.setTimeout("animateFootNote()", 10); //было 50 немного ускорил процесс
} 
function hideFootnotes() {
	var div = document.getElementById('current_footnote');
        div.className = 'footnote_new';
        div.style.display = 'none';
        return false; 
}