/*
The Visibility Toggle
Copyright 2003 by Sim D'Hertefelt
www.interactionarchitect.com
info@interactionarchitect.com
*/

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

function visibilitytoggle()
{
  for (var i = 0; i < hotspots.length; i++)
  {
  hotspots[i].someProperty = i;
  hotspots[i].onclick = function() {toggler(this.someProperty)};
    document.getElementById('hotspot').innerHTML = 'Forrige';	
  }

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

function toggler(i)
{
  if (toggles[i].style.display == 'none')
  {
    toggles[i].style.display = '';
    document.getElementById('hotspot').innerHTML = 'Forrige';
  }
  else{
  toggles[i].style.display = 'none';
  document.getElementById('hotspot').innerHTML = 'Neste';
  }

  if (toggles2[i].style.display == 'none')
  {toggles2[i].style.display = ''
  }
  else
  toggles2[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';
  }
}