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 Accordian
  var accordian = new Fx.Slide('accordian-block');
  $('toggle-accordian').addEvent('click', function(e) {
    e = new Event(e);
      accordian.toggle();
    if ($('toggle-accordian').hasClass('hidden')){
      $('toggle-accordian').removeClass('hidden').addClass('visible');
    }
    else {
      $('toggle-accordian').removeClass('visible').addClass('hidden');
    }
    e.stop(); 
  });