var openDef = "";

function toggleDefinition(id)
{
	var dfn = document.getElementById('dfn_' + id);
	var key = document.getElementById('key_' + id);
	dfn.style.left = key.offsetLeft + "px";
	dfn.style.top = key.offsetTop + "px";
	if (dfn.style.visibility == 'visible')
	{
		hideDefinition(dfn, key);
		opendef = "";
	}
	else
	{
		if (openDef)
		{
			hideDefinition(document.getElementById('dfn_' + openDef), document.getElementById('key_' + openDef));
		}
		
		showDefinition(dfn, key);
		openDef = id;
	}
}

function hideDefinition(dfn, key)
{
	if (document.getElementById('rightcolumn') != null)
	{
		document.getElementById('rightcolumn').style.zIndex="1";
	}
	dfn.style.visibility = 'hidden';
	key.style.color = 'black';
	key.style.background = 'white';
}

function showDefinition(dfn, key)
{
	if (document.getElementById('rightcolumn') != null)
	{
		document.getElementById('rightcolumn').style.zIndex="-1";
	}
	dfn.style.visibility = 'visible';
	key.style.color = 'white';
	key.style.background = '#1f3b70';
}