function showLayer(layerToShow)
{
  var pageDimensions = getPageDimensions();
  var viewportSize = getViewportSize();

  if (viewportSize[1] > pageDimensions[1])
  {
    pageDimensions[1] = viewportSize[1];
  }
	
	document.getElementById('layerContainer').style.display = 'block';
	
	var iframeMain = document.getElementById('iframeMain');
	var layerHeader = document.getElementById('layerTitle');
	
	// Popup's Nederlandse site
	if (layerToShow=="table") {
		iframeMain.src = 'contentControls/iFrameTable.htm'
		iframeMain.height = '300'
		layerHeader.innerHTML = 'Voorbeeld HTML tabel'
	} else if (layerToShow=="graphic") {
		iframeMain.src = '_flex/charts/iFrameGraphic.htm'
		iframeMain.height = '600'
		layerHeader.innerHTML = 'Voorbeeld interactieve grafiek'
	} else if (layerToShow=="facet") {
		iframeMain.src = 'http://www.onlinejaarverslagen.nl/_facetten/'
		iframeMain.height = '450'
		layerHeader.innerHTML = 'Voorbeeld facetnavigatie'
	} else if (layerToShow=="video") {
		iframeMain.src = 'contentControls/iFrameVideo.htm'
		layerHeader.innerHTML = 'Voorbeeld online video'
	}
	// Popup's Engelse site
	if (layerToShow=="tableEN") {
		iframeMain.src = 'contentControls/iFrameTableEN.htm'
		iframeMain.height = '300'
		layerHeader.innerHTML = 'Example HTML tables'
	} else if (layerToShow=="graphicEN") {
		iframeMain.src = '_flex/chartsEN/iFrameGraphicEN.htm'
		iframeMain.height = '600'
		layerHeader.innerHTML = 'Example Interactive graphics'
	} else if (layerToShow=="facetEN") {
		iframeMain.src = 'http://www.onlinejaarverslagen.nl/_facetten/'
		iframeMain.height = '450'
		layerHeader.innerHTML = 'Example  facetnavigatie'
	} else if (layerToShow=="videoEN") {
		iframeMain.src = 'contentControls/iFrameVideoEN.htm'
		layerHeader.innerHTML = 'Example Online video'
	}
	
	
	
	//------------- png img vervangen door gif in IE6 of lager
	if (typeof document.body.style.maxHeight != "undefined") {	// IE 7, mozilla, safari, opera 9
	// doe niets
	} 
	else { // IE6, older browsers
	document.getElementById('layerHeader').className = 'layerHeader_gif';
	document.getElementById('layerMain').className = 'layerMain_gif';
	document.getElementById('layerFooter').className = 'layerFooter_gif';
	}
	
  var dropSheet = document.getElementById("transparant_layer");
  
  dropSheet.style.display = 'block';
  dropSheet.style.width = pageDimensions[0] + "px";
  dropSheet.style.height = pageDimensions[1] + "px";

  //return false;
}

function hideLayer(elementToHide)
{
	var iframeMain = document.getElementById('iframeMain');
	iframeMain.src = ''

  document.getElementById("transparant_layer").style.display = 'none';
  document.getElementById("layerContainer").style.display = 'none';
  
  //return true;
}

function getViewportSize()
{
  var size = [0,0];

  if (typeof window.innerWidth != 'undefined')
  {
    size = [
        window.innerWidth,
        window.innerHeight
    ];
  }
  else if (typeof document.documentElement != 'undefined'
      && typeof document.documentElement.clientWidth != 'undefined'
      && document.documentElement.clientWidth != 0)
  {
    size = [
        document.documentElement.clientWidth,
        document.documentElement.clientHeight
    ];
  }
  else
  {
    size = [
        document.getElementsByTagName('body')[0].clientWidth,
        document.getElementsByTagName('body')[0].clientHeight
    ];
  }

  return size;
}

function getPageDimensions()
{
  var body = document.getElementsByTagName("body")[0];
  var bodyOffsetWidth = 0;
  var bodyOffsetHeight = 0;
  var bodyScrollWidth = 0;
  var bodyScrollHeight = 0;
  var pageDimensions = [0, 0];

  if (typeof document.documentElement != "undefined" &&
      typeof document.documentElement.scrollWidth != "undefined")
  {
    pageDimensions[0] = document.documentElement.scrollWidth;
    pageDimensions[1] = document.documentElement.scrollHeight;
  }

  bodyOffsetWidth = body.offsetWidth;
  bodyOffsetHeight = body.offsetHeight;
  bodyScrollWidth = body.scrollWidth;
  bodyScrollHeight = body.scrollHeight;


  if (bodyOffsetWidth > pageDimensions[0])
  {
    pageDimensions[0] = bodyOffsetWidth;
  }

  if (bodyOffsetHeight > pageDimensions[1])
  {
    pageDimensions[1] = bodyOffsetHeight;
  }

  if (bodyScrollWidth > pageDimensions[0])
  {
    pageDimensions[0] = bodyScrollWidth;
  }

  if (bodyScrollHeight > pageDimensions[1])
  {
    pageDimensions[1] = bodyScrollHeight;
  }

  return pageDimensions;
}