var currentFlyoutId;
var flyoutVisible = 'block';
var flyoutHidden = 'none';
  
function displayFlyout(flyoutId)
{
	flyout = document.getElementById(flyoutId);
	
	hideCurrentFlyout();
	
  var verticalScrollPos = 0;

	if (document.body && (document.body.scrollLeft || document.body.scrollTop)) 
  {
    verticalScrollPos = document.body.scrollTop;
  } 
  else if (document.documentElement && (document.documentElement.scrollLeft || document.documentElement.scrollTop))
  {
    verticalScrollPos = document.documentElement.scrollTop;
  }

	flyout.style.top = verticalScrollPos + 'px';
	flyout.style.display = (flyout.style.display == flyoutVisible ? flyoutHidden : flyoutVisible);

	currentFlyoutId = flyoutId;
}

function hideCurrentFlyout()
{
	if (currentFlyoutId)
	{
		currentFlyout = document.getElementById(currentFlyoutId);
		currentFlyout.style.display = flyoutHidden; 
	}
}