var current_ele = null;
var left = 0;
var top = 0;

function create_footnote(evt, id) {
	var evt = evt || window.event;
	var obj = evt.target || evt.srcElement;
	
	if (evt && obj) {
		var position = get_element_position(obj);
		var text = get_footnote_text(id);
		
		if (position && text) {
			var balloon = document.createElement('div');
			balloon.setAttribute('id', id + '_balloon');
			balloon.className = 'balloon';
			
			balloon.innerHTML = '<div class="text" id="balloon">' + text + '</div>';
			
			top = position.top;
			left = position.left;
			
			document.getElementsByTagName('body')[0].appendChild(balloon);
			
			return balloon;
		}
	}
	return false;
}

function show_footnote(evt, id) {
	
	hide_footnote();
	var ele = create_footnote(evt, id);

	ele.style.display = 'block';
	ele.style.left = (left - ele.clientWidth - 10) + 'px';
	ele.style.top = (top - ele.clientHeight - 10) + 'px';
	
	current_ele = ele;
	
	return true;
}

function hide_footnote() {
	if (current_ele) current_ele.style.display = 'none';
}

function get_footnote_text(id) {
	var ele = document.getElementById(id);
	return ele.innerHTML;
}

function get_element_position(obj) {
	var offset_left = 0;
	var offset_top = 0;
	while (obj) {
		offset_left += obj.offsetLeft;
		offset_top += obj.offsetTop;
		obj = obj.offsetParent;
	}
	return {
		left:offset_left,
		top:offset_top
	}
}

function changeTab (_cur_id, _active_id, _act) {
	var _state;
	var _tab;
	for (i=1;i<=4;i++) {
		if (_act == 1 && i != _cur_id)
			_state = '_false';
		else if (_act == 1 && i == _cur_id)
			_state = '_true';
		else if (_act == 0 && i == _active_id)
			_state = '_true';
		else
			_state = '_false';
			
		_tab = document.getElementById('tab_'+i);
		_tab.src = '/_img/btn_'+i+_state+'.gif';
	}
}

function showHide() {
	
	var _elm			= document.getElementById('addition');
	var _img_elm	= document.getElementById('img_addition');
	
	if(_elm.style.display == ""  || _elm.style.display == "block" || _elm.style.display == "table") {
		_elm.style.display="none";
		_img_elm.src = '/_img/_md/ico_zoom.gif';
		_img_elm.alt = 'развернуть таблицу';
	}	else {
		_elm.style.display = navigator.userAgent.indexOf('Opera')==-1?'block':'table';
		_img_elm.src = '/_img/_md/ico_zoom_out.gif';
		_img_elm.alt = 'свернуть таблицу';
	}
}