//show hide content

function HideContent(d) {
if(d.length < 1) { return; }
document.getElementById(d).style.display = "none";
}
function ShowContent(d) {
if(d.length < 1) { return; }
document.getElementById(d).style.display = "block";
}
function ReverseContentDisplay(d) {
if(d.length < 1) { return; }
if(document.getElementById(d).style.display == "none") { document.getElementById(d).style.display = "block"; }
else { document.getElementById(d).style.display = "none"; }
}

function NewSwapContent(d, off, on) {
  if(d.length < 1) {
    return;
  }
  
  var obj = document.getElementById(d);
  // swap the visibility of the object.
  if(obj != null) {
    if(obj.style.display == "none") {
      obj.style.display = "block";
    }
    else {
      obj.style.display = "none";
    }
  }

  // now turn off the old one and turn on the new one.  
  document.getElementById(off).style.display="none";
  document.getElementById(on).style.display="block";
}