//**********************************************
//Java Script to Show/Hide Pieces of Information
//**********************************************
function toggleDisplay(id){
  var tid = "tid" + id;
  var shid = "showhide" + id;

 if (document.getElementById(tid).style.display == "none") {
  document.getElementById(tid).style.display = "";
  document.getElementById(shid).innerHTML = "<a href='javascript:toggleDisplay(" + id + ")'>Hide</a>";
 } else {
  document.getElementById(tid).style.display = "none";
  document.getElementById(shid).innerHTML = "<a href='javascript:toggleDisplay(" + id + ")'>Show</a>";
 }
}

//*********************************************************************************************
//Java Script to Show/Hide Pieces of Information by Group Names
//  and multiple rows.
//  <div id=showhideagent1 > <a href='javascript:toggleDisplay("agent",1,2)'>Show</a></div></TD>
//  <TR id=tidagent1 style="display:none"> Row 1
//  <TR id=tidagent1 style="display:none"> Row 2
//**********************************************************************************************
function toggleDisplayGroup(fname,id,cnt){
  var icnt = id + cnt - 1; // This handles the following situtation ID = 4 CNT 1
  var tid = "tid" + fname + id;
  var shid = "showhide" + fname + id;
  if (document.getElementById(tid).style.display == "none") {
   for (i=id;i<=icnt;i++) {
    myid = "tid" + fname + i;
   document.getElementById(myid).style.display = "";
   }
  document.getElementById(shid).innerHTML = "<a href='javascript:toggleDisplayGroup(" + "\"" + fname + "\"" + "," + id + "," + cnt + ")'>Hide</a>";
 } else {
   for (i=id;i<=icnt;i++) {
    myid = "tid" + fname + i;
   document.getElementById(myid).style.display = "none";
   }
  document.getElementById(shid).innerHTML = "<a href='javascript:toggleDisplayGroup(" + "\"" + fname + "\"" + "," + id + "," + cnt + ")'>Show</a>";
 }
}

//*********************************************************************************************
//Java Script to Show/Hide Pieces of Information by Group Names
//  and multiple rows.
//  <div id=showhideagent1 > <a href='javascript:toggleDisplay("agent",1,2)'>Show</a></div></TD>
//  <TR id=tidagent1 style="display:none"> Row 1
//  <TR id=tidagent1 style="display:none"> Row 2
//**********************************************************************************************
function show(fname,id,cnt,nextField){
  var icnt = id + cnt - 1;
  var tid = "tid" + fname + id;
  var nextFieldID = nextField;
  if (document.getElementById(tid).style.display == "none") {
   for (i=id;i<=icnt;i++) {
    myid = "tid" + fname + i;
   document.getElementById(myid).style.display = "";
   }
  document.getElementById(nextFieldID).focus();
 }
}