﻿var iFootnoteDiffX = 24;
var iFootnoteRightPadding = 300;
var iFootnoteLeftPadding = 50;

var aOpened = new Array();

$(function(){
	$("table.footnote").appendTo(".content-area");
})


function showFootnote( footnoteId ){
	positionFootnote ( footnoteId );

	if(isOpened(footnoteId)){
		removeFromArray(footnoteId);
	}else{
		aOpened.push(footnoteId);
	}

	$('#footnote_' + footnoteId).toggle();
}

function closeFootnote( footnoteId ){
	removeFromArray(footnoteId);
	$('#footnote_' + footnoteId).hide();
}

function positionFootnote ( footnoteId ){
	var link = $('#footnote_link_' + footnoteId);
    
	//	Определяем координаты ссылки и длину экрана, чтобы решить, в какую сторону можно развернуться
	var linkOffset = $(link).offset();

	//	Настолько у нас получается ошибка при вычислении linkOffset.top из-за полоски навигации наверху
	var iFootnoteDiffY = $('div.content-area').offset().top + 3;

	/*
	if($('.b-compare').length > 0 && ($.browser.safari || $.browser.msie)){
		iFootnoteDiffY = $('.b-compare').offset().top + 3;
	}
	*/


	var iWindowWidth = $(document).width();
	var iPopupWidth = $('#footnote_' + footnoteId).width();

	//$('#footnote_' + footnoteId).css('top', (linkOffset.top - $('#footnote_' + footnoteId).height() - iFootnoteDiffY));
//	if ($.browser.opera) {
//		$('#footnote_' + footnoteId).css('top', $('#footnote_' + footnoteId).height()).parent().css("position", "relative");
//	} else {
		$('#footnote_' + footnoteId).css('top', (linkOffset.top - $('#footnote_' + footnoteId).height() - iFootnoteDiffY));
//	}


	if((iWindowWidth - iFootnoteRightPadding) > (iPopupWidth + linkOffset.left)){
		//	Влезает
//		if ($.browser.opera) {
//			$('#footnote_' + footnoteId).css('left', linkOffset.left - link.parent().parent().offset().left);
//		} else {
			$('#footnote_' + footnoteId).css('left', linkOffset.left - iFootnoteDiffX);
//		}
		$('#footnote_' + footnoteId + ' img.footnote_pointer').css('margin-left', '6px');
	}else{
		//	Не влезает
		var offsetX = (iPopupWidth + linkOffset.left) - (iWindowWidth - iFootnoteRightPadding);

		$('#footnote_' + footnoteId).css('left', linkOffset.left - iFootnoteDiffX - offsetX);
		$('#footnote_' + footnoteId + ' img.footnote_pointer').css('margin-left', (6 + offsetX) + 'px');
	}
}

function isOpened( footnoteId ){
	for (var i=0; i < aOpened.length; i++) {
		if(aOpened[i] == footnoteId)
			return true;
	};

	return false;
}

function removeFromArray( footnoteId ){
	for (var i=0; i < aOpened.length; i++) {
		if(aOpened[i] == footnoteId) {
			// aOpened[i] = '';
            aOpened.splice(i, 1);
        }
	};
}

function repositionFootnotes(){
	for (var i=0; i < aOpened.length; i++) {
		if(aOpened[i] != '')
			positionFootnote(aOpened[i]);
	}
}

function periodRepositionFootnotes()
{
	repositionFootnotes();
	setTimeout("periodRepositionFootnotes()", 500);
}

$(document).ready(function() {
	$(window).resize(function() {
		repositionFootnotes();
	});

	setTimeout("periodRepositionFootnotes()", 500);
});
