var globInfoLayer = null;

function toggleSelect(bHide) {
	var dropCol = document.body.getElementsByTagName("SELECT");
	for (j=0; j<dropCol.length; j++) {
		if (bHide) dropCol[j].style.visibility = "hidden"
		else dropCol[j].style.visibility = "visible";
	}
}

function getReal(el, type, value) {
	temp = el;
	while ((temp != null) && (temp.tagName != "BODY")) {
		if (eval("temp." + type) == value) {
			el = temp;
			return el;
		}
		temp = temp.parentElement;
	}
	return null;
}

function getRealOffset(el, str) {
	temp = el;
	i = 0;
	while ((temp != null) && (temp.tagName != "BODY")) {
		i += eval("temp." + str);
		temp = temp.offsetParent;
	}
	return i;
}

function toggleInfo(id, Horisontal,Vertikal,AntTecken) {
	el = document.getElementById(id);
	if (el != null) {
		if (el.style.display != 'block') {
			sTop = '0';
			var sLeft = 0;
			if (typeof(event) != "undefined") {
				srcEl = event.srcElement;
				event.cancelBubble = true;
				sTop = getRealOffset(srcEl, 'offsetTop');
				sLeft = getRealOffset(srcEl, 'offsetLeft');
				if (Horisontal=='left')
				{
					sLeft = sLeft-360;
					if (sLeft <1)
						sLeft=1;
				}
				else
				{
					sLeft = sLeft + 16;
				}
				
				if (Vertikal=='up')
				{
					var XtraH=50;
					
					var i=0;
					while (i<AntTecken)
					{
						XtraH=XtraH+8;
						i=i+25;
					}
					
					sTop = sTop-XtraH-16;
					if (sTop<1)
						sTop=1;
				}
				else
				{
					sTop = sTop + 16;
				}
			}
			el.style.top = sTop;
			el.style.left = sLeft;
			toggleSelect(true);
			if ((globInfoLayer != null)) globInfoLayer.style.display = 'none';
			el.style.display = 'block';
			globInfoLayer = el;
		}
		else {
			el.style.display = 'none';
			toggleSelect(false);
		}
	}
	else
	{
		alert(id);
	}
}

function closeInfo() 
{
	if ((globInfoLayer != null)) 
	{
		srcEl = getReal(event.srcElement, "id", globInfoLayer.id);
	
		if (srcEl==null || srcEl.id != globInfoLayer.id)
		{
			toggleSelect(false);
			globInfoLayer.style.display = 'none';
			globInfoLayer=null;
		}
	}
}