window.addEvent('domready', function() {
    
  // Toggle HD Grade (hd)
  var hd = new Fx.Slide('hd').hide();
  $('toggle-hd').addEvent('click', function(e) { //Adds an onClick event to toggle div
    e = new Event(e);
      hd.toggle(); //toggles the div
    if ($('toggle-hd').hasClass('hidden')){
      $('toggle-hd').removeClass('hidden').addClass('visible');
    }
    else {
      $('toggle-hd').removeClass('visible').addClass('hidden');
    }
    e.stop();
  });
  
  // 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 aaplusaaa = new Fx.Slide('aaplusaaa').hide();
  $('toggle-aaplusaaa').addEvent('click', function(e) { //Adds an onClick event to toggle div
    e = new Event(e);
      aaplusaaa.toggle(); //toggles the div
    if ($('toggle-aaplusaaa').hasClass('hidden')){
      $('toggle-aaplusaaa').removeClass('hidden').addClass('visible');
    }
    else {
      $('toggle-aaplusaaa').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 AA 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();
  });
  
});