var PP_BASE_DIR = "";

if(document.images) {
  navbga = new Image();
  navbga.src = PP_BASE_DIR + "images/nav-bg-a.gif";
  navbgb = new Image();
  navbgb.src = PP_BASE_DIR + "images/nav-bg-b.gif";
  navbgc = new Image();
  navbgc.src = PP_BASE_DIR + "images/nav-bg-c.gif";
  navbgd = new Image();
  navbgd.src = PP_BASE_DIR + "images/nav-bg-d.gif";
}

function MakeActive(WHICH) {
  if(document.getElementById) {
    document.getElementById(WHICH).className = 'active';
  }
}

function Show(WHICH) { if(document.getElementById) { document.getElementById(WHICH).style.display = 'inline'; } }
function Hide(WHICH) { if(document.getElementById) { document.getElementById(WHICH).style.display = 'none'; } }
function Switch(WHICH) {
  if(document.getElementById) {
    if(document.getElementById(WHICH).style.display == 'none') {
      Show(WHICH);
    } else {
      Hide(WHICH);
    }
  }
}

var CURRENTMAP = 'map';

function SwitchMaps(WHICH) {
  if(document.getElementById) {
    if(WHICH != CURRENTMAP) {
      Hide(CURRENTMAP + "div");
      Show(WHICH + "div");
      CURRENTMAP = WHICH;
    }
  }
}

function ShowDelegates(WHICH) {
  if(document.getElementById) {
    document.getElementById("divd" + WHICH).style.display = 'inline';
    document.getElementById("showd" + WHICH).style.display = 'none';
    document.getElementById("hided" + WHICH).style.display = 'inline';
  }
}

function HideDelegates(WHICH) {
  if(document.getElementById) {
    document.getElementById("divd" + WHICH).style.display = 'none';
    document.getElementById("hided" + WHICH).style.display = 'none';
    document.getElementById("showd" + WHICH).style.display = 'inline';
  }
}

function ShowManagers(WHICH) {
  if(document.getElementById) {
    document.getElementById("divm" + WHICH).style.display = 'inline';
    document.getElementById("showm" + WHICH).style.display = 'none';
    document.getElementById("hidem" + WHICH).style.display = 'inline';
  }
}

function HideManagers(WHICH) {
  if(document.getElementById) {
    document.getElementById("divm" + WHICH).style.display = 'none';
    document.getElementById("hidem" + WHICH).style.display = 'none';
    document.getElementById("showm" + WHICH).style.display = 'inline';
  }
}

<!-- begin popupBox (for Reference link) --> 

<!--  Add an onClick handler to the hyperlinks you want to display in the boxes. The handler should call the show_hide_box function with four parameters. The first should always be 'this'. The second is the width of the box in pixels, the third is the height in pixels, and the last one is the border style. -->

function move_box(an, box) {
  var cleft = 203;
  var ctop = -140;
  var obj = an;
  while (obj.offsetParent) {
    cleft += obj.offsetLeft;
    ctop += obj.offsetTop;
    obj = obj.offsetParent;
  }
  box.style.left = cleft + 'px';
  ctop += an.offsetHeight + 8;
  if (document.body.currentStyle &&
    document.body.currentStyle['marginTop']) {
    ctop += parseInt(
      document.body.currentStyle['marginTop']);
  }
  box.style.top = ctop + 'px';
}

function show_hide_box(an, width, height, borderStyle) {
  var href = an.href;
  var boxdiv = document.getElementById(href);

  if (boxdiv != null) {
    if (boxdiv.style.display=='none') {
      move_box(an, boxdiv);
      boxdiv.style.display='block';
    } else
      boxdiv.style.display='none';
    return false;
  }

  boxdiv = document.createElement('div');
  boxdiv.setAttribute('id', href);
  boxdiv.style.display = 'block';
  boxdiv.style.position = 'absolute';
  boxdiv.style.width = width + 'px';
  boxdiv.style.height = height + 'px';
  boxdiv.style.border = borderStyle;
  boxdiv.style.backgroundColor = '#fff';

  var contents = document.createElement('iframe');
  contents.scrolling = 'no';
  contents.frameBorder = '0';
  contents.style.width = width + 'px';
  contents.style.height = height + 'px';
  contents.src = href;

  boxdiv.appendChild(contents);
  document.body.appendChild(boxdiv);
  move_box(an, boxdiv);

  return false;
}

<!-- end popupBox (for Reference link) -->


<!-- Begin Popup Box (for larger book images) -->

var popWin = null    // use this when referring to pop-up window
var winCount = 0
var winName = "popWin"
function openPopWin(winURL, winWidth, winHeight, winFeatures, winLeft, winTop){
  var d_winLeft = 20  // default, pixels from screen left to window left
  var d_winTop = 20   // default, pixels from screen top to window top
  winName = "popWin" + winCount++ //unique name for each pop-up window
  closePopWin()           // close any previously opened pop-up window
  if (openPopWin.arguments.length >= 4)  // any additional features? 
    winFeatures = "," + winFeatures
  else 
    winFeatures = "" 
  if (openPopWin.arguments.length == 6)  // location specified
    winFeatures += getLocation(winWidth, winHeight, winLeft, winTop)
  else
    winFeatures += getLocation(winWidth, winHeight, d_winLeft, d_winTop)
  popWin = window.open(winURL, winName, "width=" + winWidth 
           + ",height=" + winHeight + winFeatures)
  }
function closePopWin(){    // close pop-up window if it is open 
  if (navigator.appName != "Microsoft Internet Explorer" 
      || parseInt(navigator.appVersion) >=4) //do not close if early IE
    if(popWin != null) if(!popWin.closed) popWin.close() 
  }
function getLocation(winWidth, winHeight, winLeft, winTop){
  return ""
  }

<!-- End Popup Box (for larger book images) -->


<!-- Begin Collapsible Text (for FAQs) -->

if (document.getElementById) {
  document.write  
   }

  var divNum = new Array("a01","a02","a03","a04","a05","a06","a07","a08","a09","a10","a11","a12","a13","a14","a15","a16");  // at the left you should add a01, a02 etc. for each header you wish to include
                                          // so if you want 4 headers you should add a01, a02, a03, a04 in the format shown
                                          // enclosed in double quotes 
function openClose(theID) {
  for(var i=0; i < divNum.length; i++) {
    if (divNum[i] == theID) {
      if (document.getElementById(divNum[i]).style.display == "block") { document.getElementById(divNum[i]).style.display = "none" }
      else {
        document.getElementById(divNum[i]).style.display = "block"
      }
  } else {
    document.getElementById(divNum[i]).style.display = "none"; }
  }
}

<!-- End Collapsible Text (for FAQs) -->


<!-- Begin Collapsible Text (for Green) -->

if (document.getElementById) {
  document.write  
   }

  var divNum2 = new Array("b01","b02","b03","b04","b05");  // at the left you should add b01, b02 etc. for each header you wish to include
                                          // so if you want 4 headers you should add b01, b02, b03, b04 in the format shown
                                          // enclosed in double quotes 
function openClose2(theID) {
  for(var i=0; i < divNum2.length; i++) {
    if (divNum2[i] == theID) {
      if (document.getElementById(divNum2[i]).style.display == "block") { document.getElementById(divNum2[i]).style.display = "none" }
      else {
        document.getElementById(divNum2[i]).style.display = "block"
      }
  } else {
    document.getElementById(divNum2[i]).style.display = "none"; }
  }
}

<!-- End Collapsible Text (for Green) -->