window.addEvent('domready', function() {
  
  // Toggle Grid
  var grid = new Fx.Slide('grid').hide(); //creates new Fx.Slide object from grid div
  $('toggle-grid').addEvent('click', function(e) { //Adds an onClick event to toggle-grid div
    e = new Event(e);
      grid.toggle(); //toggles the div
    if ($('toggle-grid').hasClass('hidden')){
      $('toggle-grid').removeClass('hidden').addClass('visible');
    }
    else {
      $('toggle-grid').removeClass('visible').addClass('hidden');
    }
    e.stop(); //this makes sure that the user wont be sent to given url (or that the page refreshes when using dummy url like "#") if the clicked element was a link 
  });
  
    // Toggle Grid2
  var grid2 = new Fx.Slide('grid2').hide(); //creates new Fx.Slide object from grid div
  $('toggle-grid2').addEvent('click', function(e) { //Adds an onClick event to toggle-grid div
    e = new Event(e);
      grid2.toggle(); //toggles the div
    if ($('toggle-grid2').hasClass('hidden')){
      $('toggle-grid2').removeClass('hidden').addClass('visible');
    }
    else {
      $('toggle-grid2').removeClass('visible').addClass('hidden');
    }
    e.stop(); //this makes sure that the user wont be sent to given url (or that the page refreshes when using dummy url like "#") if the clicked element was a link 
  });
  

});