window.addEvent('domready', function() {
    
  // Toggle AAA Grade (aaa)
  var aaa = new Fx.Slide('aaa').hide();
  $('toggle-aaa').addEvent('click', function(e) { //Adds an onClick event to toggle div
    e = new Event(e);
      aaa.toggle(); //toggles the div
    if ($('toggle-aaa').hasClass('hidden')){
      $('toggle-aaa').removeClass('hidden').addClass('visible');
    }
    else {
      $('toggle-aaa').removeClass('visible').addClass('hidden');
    }
    e.stop();
  });
    
  // Toggle AAplus Grade (aaplus)
  var aaplus = new Fx.Slide('aaplus').hide();
  $('toggle-aaplus').addEvent('click', function(e) { //Adds an onClick event to toggle div
    e = new Event(e);
      aaplus.toggle(); //toggles the div
    if ($('toggle-aaplus').hasClass('hidden')){
      $('toggle-aaplus').removeClass('hidden').addClass('visible');
    }
    else {
      $('toggle-aaplus').removeClass('visible').addClass('hidden');
    }
    e.stop();
  });
  
  // Toggle AAplus Grade (aa)
  var aa = new Fx.Slide('aa').hide();
  $('toggle-aa').addEvent('click', function(e) { //Adds an onClick event to toggle div
    e = new Event(e);
      aa.toggle(); //toggles the div
    if ($('toggle-aa').hasClass('hidden')){
      $('toggle-aa').removeClass('hidden').addClass('visible');
    }
    else {
      $('toggle-aa').removeClass('visible').addClass('hidden');
    }
    e.stop();
  });
  
  // Toggle AAplus Grade (awhackaplus)
  var awhackaplus = new Fx.Slide('awhackaplus').hide();
  $('toggle-awhackaplus').addEvent('click', function(e) { //Adds an onClick event to toggle div
    e = new Event(e);
      awhackaplus.toggle(); //toggles the div
    if ($('toggle-awhackaplus').hasClass('hidden')){
      $('toggle-awhackaplus').removeClass('hidden').addClass('visible');
    }
    else {
      $('toggle-awhackaplus').removeClass('visible').addClass('hidden');
    }
    e.stop();
  });
  
});