function openAllItems() {
  var divs = document.getElementsByTagName('div')
  for (var i=0; i < divs.length; i++){
     if (divs[i].id.substr(0,2) == 'ib') {
       divs[i].style.display = 'block';
     } 
  } 
}

function closeAllItems() {
  var divs = document.getElementsByTagName('div')
  for (var i=0; i < divs.length; i++){
     if (divs[i].id.substr(0,2) == 'ib') {
       divs[i].style.display = 'none';
       //alert(divs[i].id);
     } else {
       divs[i].style.display = 'block';
     }
  } 
}

function toggleItem(iid) {
  var aDiv = document.getElementById(iid);
  if (aDiv.style.display == 'none') {
    closeAllItems();
    aDiv.style.display = 'block'; 
  } else {
    closeAllItems();
  }
}

function jsOn() {
  var s ="";
  s += '<div id="jsOn">';
  s += '<p>Your browser has JavaScript enabled!<\/p>';
  s += '<\/div>';
  return s;
}

function doItemIntro(){
  var s ="";
  s += '<a name="itemintro"><\/a>';
  s += '<div class="itemsIntro">';
  s += '<p>If you have JavaScript enabled, then clicking the icon will toggle that section open or close. ';
  s += 'Alternatively, use the controls here to open or close all the items.<\/p>';
  s += '<p>';
  s += '<a href="#itemintro" onclick="openAllItems()">Open All<\/a>&nbsp\;&nbsp\;&nbsp\;';
  s += '<a href="#itemintro" onclick="closeAllItems()">Close All<\/a>';
  s += '<\/p>';
  s += '<p>Of course, if you don\'t have JavaScript enabled, you won\'t see any of this!<\/p>';  
  s += '<\/div>';
  return s;
}