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

function visibilitytoggle(){
  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 = 'none';
  }
}

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


function filterToggle(layerId, layerText){
   var layer = document.getElementById(layerId);
   if (layer.style.display == 'none') {
       layer.style.display = 'block';
       layerText.innerHTML = 'Less...';
   }
   else
   {
       layer.style.display = 'none';
       layerText.innerHTML = 'More...';
   }
}

function reportToggle(layerId, layerText){
   var layer = document.getElementById(layerId);
   if (layer.style.display == 'none') {
       layer.style.display = 'block';
       layerText.innerHTML = '<< less';
   }
   else
   {
       layer.style.display = 'none';
       layerText.innerHTML = '... more';
   }
}

function tr_toggle(id) 
{ 
    var tr = document.getElementById(id); 
    if (tr==null) { return; } 
    var bExpand = tr.style.display == ''; 
    tr.style.display = (bExpand ? 'none' : ''); 
} 

function loginToggle(layerId, layerText){
   var layer = document.getElementById(layerId);
   if (layer.style.display == 'none') {
       layer.style.display = 'block';
       document.login.username.focus();
   }
   else
   {
       layer.style.display = 'none';
   }
}