/*
*  ToggleGrid
*/

function toggleGrid() {
  var toggle = document.getElementById('toggleGrid');
  var container;
  if(toggle.innerHTML == 'Hide Grid') {
    toggle.innerHTML = 'Show Grid';
    ripClass('');
  }
  else if(toggle.innerHTML == 'Show Grid') {
    toggle.innerHTML = 'Hide Grid';
    ripClass(' showgrid');
  }
}

function ripClass(c) {
  if(document.getElementsByClassName) {
    container = document.getElementsByClassName('container');
    for(var i=0; i < container.length; i++) {
      container[i].className = 'container' + c;
    }
  }
  else {
    container = document.getElementsByTagName('div');
    for(var i=0; i < container.length; i++) {
      if(container[i].className == 'container') {
        container[i].className = 'container' + c;
      }
      else if(container[i].className == 'container showgrid') {
        container[i].className = 'container';
      }
    }
  }
}