///////////////////////////////////////////////////////////////////////////////////////
// javascript for toggle display state of tables and matching img (toggle)

/*
function toggle( obj_id ) {
  var elem = window.event.srcElement;               // triangle image
  var temp = document.getElementById(obj_id+'tab'); // the table below in the html file
  if(temp) {
    if ((temp.style.display=="")||(temp.style.display=="inline"))
      {
	temp.style.display="none";                    // not showing
	elem.src="twisty_right.gif";
      } else {
	temp.style.display="inline";                  // visible
	elem.src="twisty_down.gif";
      }
  }
}
*/

function toggle( obj_id ) {

  var image = document.getElementById(obj_id+'_img');
  var div = document.getElementById(obj_id+'_div'); 
  var isrc = image.src;
  if(div) {
    if (div.style.display=="none")
      {
	div.style.display="inline";                  // visible
	image.src=isrc.replace(/right/,"down");
      } else {
	div.style.display="none";                    // not showing
	image.src=isrc.replace(/down/,"right");
      }
  }
}

///////////////////////////////////////////////////////////////////////////////////////
// javascript for setting display state to inline called when page first loaded

var shield = new Array; // avoids setting display style more than one time
function elmLoop()      // visit all hidden elements
{ 
  var theElements = document.forms[0].elements;
  var rec = new Array;
  var j = 0;
  for(var i=0, len = theElements.length; i<len; i++)     // loop thru elements array
    {
      if(theElements[i].type == "hidden")                // find hidden elements
	{
	  var base = theElements[i].value;                // base name for tables and images
	  	
	  var tabname = base+'tab';                       // id of tables to be exposed
	  var table;     // act when table exists
	  if(table = document.getElementById(tabname))
	    {
	      if(shield[tabname] != 1) // only do each exposure one time
		{                  
		  table.style.display="inline";              // set table to be displayed
		  document.getElementById(base+'img').src =  // img id is base+'img'
		    "twisty_down.gif";   // set right facing triangle on img used to toggle state
		  shield[tabname] = 1;                       // set assoc array used in test above  
	      }
	    }
	}
    }
}