var array = new Array();

// Loop through all the divs in the slider parent div //
// Calculate seach content divs height and set it to a variable //
function slider(target,showfirst) {
  var slider = document.getElementById(target);
  var divs = slider.getElementsByTagName('div');
  var divslength = divs.length;
  for(i = 0; i < divslength; i++) {
    var div = divs[i];
    var divid = div.id;
    if(divid.indexOf("Header") != -1) {
      div.onclick = new Function("processClick(this)");
    } else if(divid.indexOf("Content") != -1) {
      var section = divid.replace('Content-','');
      array.push(section);
      div.maxh = div.offsetHeight;
      if(showfirst == 1 && i == 1) {
        div.style.display = 'block';
      } else {
        div.style.display = 'none';
      }
    } 
  }
}

// Process the click - expand the selected content and collapse the others //
function processClick(div) {
  var catlength = array.length;
  for(i = 0; i < catlength; i++) {
    var section = array[i];
    var head = document.getElementById('Header-' + section);
    var cont = 'Content-' + section;
    var contdiv = document.getElementById(cont);
    if(head == div && contdiv.style.display == 'none') {
      contdiv.style.display = 'block';
     }else if(head == div && contdiv.style.display == 'block') {
      contdiv.style.display = 'none';
    }
  }
}