var s4c__missionFx = null;
var s4c__aimFx = null;
var s4c__mission = null;
var s4c__aim = null;
var s4c__current = null;

window.addEvent('domready', function() {

  // create the accordion effect for the crew photo displays with this statement
  var accordion = new Accordion('div.s4c-crew-toggler', 'div.s4c-crew-element', {
    opacity: false,
    onActive: function(toggler, element){      
      toggler.addClass('selected');
    },
    onBackground: function(toggler, element){
      toggler.removeClass('selected');
    }
  });
  
  
  
  // the following code is used to create the mission/aim transition
  // create references to slide elements and their associated effects
  s4c__mission = $('s4c-mission-and-aim').getElement('div.mission.slide');
  s4c__aim = $('s4c-mission-and-aim').getElement('div.aim.slide');
  s4c__missionFx = new Fx.Tween(s4c__mission, {property: 'opacity'});
  s4c__aimFx = new Fx.Tween(s4c__aim, {property: 'opacity'});
  
  // flag to indicate which slide is currently being viewed in slide area
  s4c__current = s4c__mission.hasClass('hidden') ? s4c__aim : s4c__mission;
  
  $('s4c-slide-link-mission').addEvent('click', function(e) {
      e = new Event(e).stop();
      
      if (s4c__current == s4c__mission) return;
      
      s4c__aimFx.cancel();
      s4c__aimFx.start(0);
      
      s4c__missionFx.cancel();
      s4c__missionFx.set(0);
      s4c__mission.removeClass('s4c-hidden');
      s4c__missionFx.start(1);
      s4c__current = s4c__mission;
      
      this.addClass('selected');
      $('s4c-slide-link-aim').removeClass('selected');
    });
    
  $('s4c-slide-link-aim').addEvent('click', function(e) {
      e = new Event(e).stop();
      
      if (s4c__current == s4c__aim) return;
      
      s4c__missionFx.cancel();
      s4c__missionFx.start(0);
      
      s4c__aimFx.cancel();      
      s4c__aimFx.set(0);
      s4c__aim.removeClass('s4c-hidden');
      s4c__aimFx.start(1);
      s4c__current = s4c__aim;
      
      this.addClass('selected');
      $('s4c-slide-link-mission').removeClass('selected');
    });

});