var hotspots = document.getElementsByName('hotspot');
var toggles = document.getElementsByName('toggle');

function visibilitytoggle()
{
  hotspots = document.getElementsByName('hotspot');
  toggles = document.getElementsByName('toggle');

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

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

function toggle(i)
{
  hideall();
  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';
  }
}