var winX = 0;
var winY = 0;
var scrollTop = 0;
var scrollLeft = 0;

function getWindowSize()
{
	if (document.all)
	{
		scrollLeft = document.body.scrollLeft + (!isOpera ? document.documentElement.scrollLeft : 0);
		scrollTop = document.body.scrollTop + (!isOpera ? document.documentElement.scrollTop : 0);
	}
	else
	{
		scrollLeft = window.scrollX;
		scrollTop = window.scrollY;
	}

	if( typeof( window.innerWidth ) == 'number' )
	{
		//Non-IE
		winX = window.innerWidth;
		winY = window.innerHeight;
	}
	else
		if (document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight))
		{
			//IE 6+ in 'standards compliant mode'
			winX = document.documentElement.clientWidth;
			winY = document.documentElement.clientHeight;
		}
		else
			if (document.body && ( document.body.clientWidth || document.body.clientHeight))
			{
				//IE 4 compatible
				winX = document.body.clientWidth;
				winY = document.body.clientHeight;
			}
}

var thumbs = new Array();
var thumbs_cached = false;

var tabs = new Array();
var tabs_cached = false;

function cacheThumbsPointers()
{
	var n = 0;
	var t;
	while(thumbs[n] = document.getElementById('thumb_' + n++)) {	}
	thumbs_cached = true;
}

function cacheTabsPointers()
{
	var n = 0;
	var t;
	while(document.getElementById('tab_' + n++)) { }
	n--;
	for (var x = 0; x < n; x++)
	{
		tabs[x] = new Object();
		tabs[x].tab = document.getElementById('tab_' + x);
		tabs[x].tabBody = document.getElementById('tab_' + x + '_body');
	}
	tabs_cached = true;
}

function showTab(t_id)
{
	if (!tabs_cached) cacheTabsPointers();
	for(var x = 0; x < tabs.length; x++)
	{
		tabs[x].tab.style.zIndex = (tabs.length - 1 - x);
		tabs[x].tab.className = 'TabInact';
		tabs[x].tabBody.style.display = 'none';
	}
	tabs[t_id].tab.className = 'TabAct';
	tabs[t_id].tab.style.zIndex = 20;
	tabs[t_id].tabBody.style.display = 'block';
}

/*    всплывающие окошки с подсказками  */

var mouseX = 0;
var mouseY = 0;

function getXY(e)
{
	getWindowSize();

	mouseX = (window.Event) ? e.pageX : event.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
	mouseY = (window.Event) ? e.pageY : event.clientY + document.body.scrollTop + document.documentElement.scrollTop;

	try
	{
		hint.style.top = (mouseY + hint.offsetHeight > winY + scrollTop - 20 ? mouseY - hint.offsetHeight : mouseY + 8) + 'px';
		hint.style.left = (mouseX + hint.offsetWidth > winX + scrollLeft - 20 ? mouseX - hint.offsetWidth : mouseX + 8) + 'px';
		//hint.style.left = mouseX + 'px';
		//hint.style.top = mouseY + 8 + 'px';
	}
	catch (err)
	{
	}
}
function showHint(txt)
{
	hint.style.visibility = 'visible';
	hint.style.display = 'block';
	msg.innerHTML = txt;
}

function hideHint()
{
	//alert(mouseY + hint.offsetHeight);
	//alert(scrollTop);

	hint.style.visibility = 'hidden';
	hint.style.display = 'none';
}

var hint = null;
var msg = null;
var docBody = null;
var isOpera = 0;

function initHelpBaloon()
{
	getWindowSize();

	docBody = document.getElementById('docBody');
	//alert(scrollTop);
	isOpera = (navigator.appName.indexOf("Opera") > -1 ? 1 : 0);


	hint = document.createElement('div');
	document.getElementById('docBody').appendChild(hint);
	hint.className = 'HintContainer';

	hint.innerHTML = '<table cellspacing="0" cellpadding="0" class="Shadow"><tr><td class="UL"><div></div></td><td class="U"></td><td class="UR"><div></div></td></tr><tr><td class="L"></td><td class="Cntr"><div class="MsgArea" id="msg"></div></td><td class="R"></td></tr><tr><td class="BL"><div></div></td><td class="B"></td><td class="BR"><div></div></td></tr></table>';

	msg = document.getElementById('msg');

	if (window.Event)
	{
		document.captureEvents(Event.MOUSEMOVE);
	}
		document.onmousemove = getXY;
}

/*   ---------------------------------- */

function showXlPic(path, head)
{
	document.getElementById('xlpic_popup_body').innerHTML = '<div class="CloseXLPic" onclick="closeXlPic();"><img alt="X" src="pic/detailed/close.gif" onclick="closeXlPic()" /></div><img alt="" src="' + path + '" onclick="closeXlPic()" /><h1>' + head + '</h1>';
	document.getElementById('xlpic_popup_container').style.display = 'block';
}
function closeXlPic()
{
	document.getElementById('xlpic_popup_container').style.display = 'none';
}
function hoverThumb(n, state)
{
	document.getElementById('thumb_' + n).className = (state ? 'Hover' : '');
}
function hoverIcon(n, state)
{
	document.getElementById('thumb_' + n).style.border = (state ? '2px solid #9a5c87' : '2px solid #565656');
}
function navigateTo(url)
{
	window.location.href = url;
}
function highlightTab(state, n)
{
	document.getElementById('mm_' + n).className = (state ? 'Hover' : '');
}