function expandit(strDiv) {
//alert(typeof(document.all[strDiv]));
  var objDiv;

//  if (document.layers) { WinWidth = window.outerWidth; }
//  if (document.all) { WinWidth = document.body.clientWidth; }

//  if(version=='e4'){

  if (document.all) {
    objDiv = document.all[strDiv];
  } else {
    objDiv = document.getElementById(strDiv);
  }
  objDiv.style.display=='block'?objDiv.style.display='none':objDiv.style.display='block';
}


function show(boxid) {
  document.getElementById(boxid).style.visibility="visible";
}
function hide(boxid) {
  document.getElementById(boxid).style.visibility="hidden";
}


/* 
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');

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 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';
  }
}
