var hotspots;
var toggles;

function initToggles()
{
     aDivs = document.body.getElementsByTagName("DIV");
     
     toggles = new Array();
     hotspots = new Array();
     j=0;
     h=0;
     
     for(var i=0; i<aDivs.length; i++)
     {
     	if(aDivs[i].title=="toggle")
     	{
     	    toggles[j++] = aDivs[i];
     	}
     	else if(aDivs[i].title=="hotspot")
     	{
     	    hotspots[h++] = aDivs[i];
     	}
     }

}

function visibilitytoggle()
{
  initToggles();
  for (var i = 0; i < hotspots.length; i++)
  {
  hotspots[i].someProperty = i;
  hotspots[i].onclick = function() {toggle(this.someProperty)};
  }

  for (var i = 0; i < toggles.length; i++)
  {
  toggles[i].style.display = '';
  }
}

function toggle(i)
{
  if (toggles[i].style.display == 'none')
  {toggles[i].style.display = ''
  }
  else
  toggles[i].style.display = 'none'
} 

function showall()
{
  for (var i = 0; i < toggles.length; i++)
  {
  toggles[i].style.display = '';
  }
}

function hideall()
{
  for (var i = 0; i < toggles.length; i++)
  {
  toggles[i].style.display = 'none';
  }
}