var submenus = [0,0,0,0,0,0,0,0,0,0,0];

function globalOffsetTop( obj )
{
	if ( obj.offsetTop != null )
	{
		var result = obj.offsetTop;
		if ( obj.offsetParent != null ) { var p = obj.offsetParent; while ( p != null ) { result += p.offsetTop; p = p.offsetParent; } }
		return result;
	}
	else return 0;
}

function globalOffsetLeft( obj )
{
	if ( obj.offsetTop != null )
	{
		var result = obj.offsetLeft;
		if ( obj.offsetParent != null ) { var p = obj.offsetParent; while (p) { result += p.offsetLeft; p = p.offsetParent; } }
		return result;
	}
	else return 0;
}

function xopen(parentId, id)
{
	++submenus[id];
	var parent = document.getElementById(parentId);
	var sub    = document.getElementById('sub-' + id);

	if (parent && sub)
	{
		var top  = globalOffsetTop(parent);
		var left = globalOffsetLeft(parent) + parent.offsetWidth;
		sub.style.position = 'absolute';
		sub.style.top      = top  + 'px';
		sub.style.left     = left - ("\v" == "v" ? 50 : 0) + 'px';
		sub.style.display  = 'block';
	}
}

function tryClose(i)
{
	if (0 <= --submenus[i])
	{
		var fv = function(i) { return function() { if (submenus[i] <= 0) document.getElementById('sub-' + i).style.display = 'none'; } }
		submenus[i] = 0;
		setTimeout(fv(i), 200);
	}
}
