// written to hide/show region a region body, should support other uses
function showtab(pID){
    var vTest = true;
    var vShowArray = new Array();
    var vShowHolder = document.getElementById(vShowIds);
    
    // populate array
    vShowArray = vShowHolder.value.split(".");
    
    // clear page item value
    vShowHolder.value = ''
    
    // if region is in list of unhidden regions remove
    for (var i=0;i < vShowArray.length;i++){
      if (vShowArray[i] == pID){
      vTest = false;
      delete vShowArray[i];
      }
    }
    // if region is not in list of unhidden regions add to array
    if (vTest){vShowArray[vShowArray.length] = pID}
    // populate page item
    
    for (var i=0;i < vShowArray.length; i++){
      if (vShowArray[i]) {vShowHolder.value += vShowArray[i] +  "."};
    }
   cShowHide(pID);
return;
}

function cCheckUnhide(pID){
var vText = true;
vHideIds2 = document.getElementById(vHideIds);
if(pID && vHideIds2){
vHideIds2 = vHideIds2.value.split(".");

    for (var i=0;i < vHideIds2.length; i++){
      if (vHideIds2[i] == pID){vText = false;}
    }
}
return vText;
}

function cShowHide(pID){

  var vImg = document.getElementById('img' + pID);
  var vDiv = document.getElementById('region' + pID);
  if(vDiv){
  if(vDiv.style.display == 'none'){
    vImg.src = vHideImg;
    vDiv.style.display = 'block';
  }
  else{
    vImg.src = vShowImg;
    vDiv.style.display = 'none';
  }
  }

return
}

function cShowHideOnLoad(){
    // get page item
    var vShowHolder = document.getElementById(vShowIds);
    // populate array
    var vShowArray = vShowHolder.value.split(".");
    for (var i=0;i < vShowArray.length; i++){
      if(cCheckUnhide(vShowArray[i])){cShowHide(vShowArray[i])};
    }
return;
}