/* zet een fieldset (of een ander object) uit. */
function buttonflip( button)
{
	
}

  /* zet een fieldset (of een ander object) uit. */
  function disablearea( button, veld)
  {
    if (button.checked)
    {
      unshade(veld);
    } 
    else 
    {
      shade(veld);
    }
  }

  /* om een fieldset uit te zetten, worden de objecten in het veld gedisabled, 
  	 en tekst en borders worden grijs gemaakt. */
  function shade(veld)
  {
    document.getElementById(veld).style.color = "rgb(200,200,200)";
    document.getElementById(veld).style.border = "2px solid rgb(200,200,200)";

    var input = document.getElementById(veld).getElementsByTagName("input");
    var select = document.getElementById(veld).getElementsByTagName("select");
        
    for(var i = 0; i < input.length; i++)
    {
      input[i].disabled = true;
    }

    for(var i = 0; i < select.length; i++)
    {
      select[i].disabled = true;
    }
  }
  
  /* Zet het veld weer aan. */
  function unshade(veld)
  {
    document.getElementById(veld).style.color = "rgb(0,0,0)";
    document.getElementById(veld).style.border = "2px solid rgb(0,0,0)";

    var input = document.getElementById(veld).getElementsByTagName("input");
    var select = document.getElementById(veld).getElementsByTagName("select");
        
    for(var i = 0; i < input.length; i++)
    {
      input[i].disabled = false;
    }

    for(var i = 0; i < select.length; i++)
    {
      select[i].disabled = false;
    }
  }

  /* zet een enkel object uit met behulp van zijn ID */
  function disable(object)
  {
    document.getElementById(object).disabled = true;
  }
  
  /* zet een object weer aan. */
  function enable(object)
  {
    document.getElementById(object).disabled = false;
  }

function toggleInfo()
{
	if(document.getElementById("main5toprightOverlay").style.visibility=="visible")
	{
		document.getElementById("main5toprightOverlay").style.visibility="hidden";
		document.getElementById("main5toprightInfoButton").style.visibility="visible";
	}
	else
	{
		document.getElementById("main5toprightOverlay").style.visibility="visible";
		document.getElementById("main5toprightInfoButton").style.visibility="hidden";
	}
}

function toggleMap()
{
	if(document.getElementById("main5toprightMap").style.visibility=="visible")
	{
		document.getElementById("main5toprightMap").style.visibility="hidden";
		document.getElementById("main5toprightMapButton").style.visibility="visible";
	}
	else
	{
		document.getElementById("main5toprightMap").style.visibility="visible";
		document.getElementById("main5toprightMapButton").style.visibility="hidden";
	}
}

function clearInfo()
{
	document.getElementById("main5toprightOverlay").style.visibility="hidden";
	document.getElementById("main5toprightInfoButton").style.visibility="visible";

	document.getElementById("main5toprightMap").style.visibility="hidden";
	document.getElementById("main5toprightMapButton").style.visibility="visible";
}