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

   var form1= new Fx.Slide('moteur-work');
   var form2= new Fx.Slide('moteur-school');
   var form3= new Fx.Slide('moteur-showreel');
   var form4= new Fx.Slide('moteur-ads');
   var form5= new Fx.Slide('moteur-credits');

   form2.hide();
   form3.hide();
   form4.hide();
   form5.hide();

   //$('tabs').addClass('fond_members');
   $('showWork').addEvent('click', function(e){
      e = new Event(e);

      //affiche les bons formulaire
      form1.show();
      form2.hide();
      form3.hide();
      form4.hide();
      form5.hide();

      $('moteur-showreel').setStyle('display', 'none');

      //change le fond
      $('tabs').removeClass('fond_school');
      $('tabs').removeClass('fond_showreel');
      $('tabs').removeClass('fond_ads');
      $('tabs').removeClass('fond_credits');
      $('tabs').addClass('fond_work');
      $('showWork').addClass('actif');
      $('showSchool').removeClass('actif');
      $('showShowreel').removeClass('actif');
      $('showAds').removeClass('actif');
      $('showCredits').removeClass('actif');
      e.stop();
   });

   $('showSchool').addEvent('click', function(e){
      e = new Event(e);

      //affiche les bons formulaire
      form1.hide();
      form2.show();
      form3.hide();
      form4.hide();
      form5.hide();

      $('moteur-showreel').setStyle('display', 'none');

      //change le fond
      $('tabs').removeClass('fond_work');
      $('tabs').removeClass('fond_showreel');
      $('tabs').removeClass('fond_ads');
      $('tabs').removeClass('fond_credits');
      $('tabs').addClass('fond_school');
      $('showWork').removeClass('actif');
      $('showSchool').addClass('actif');
      $('showShowreel').removeClass('actif');
      $('showAds').removeClass('actif');
      $('showCredits').removeClass('actif');
      e.stop();
   });

   $('showShowreel').addEvent('click', function(e){
      e = new Event(e);

      $('moteur-showreel').setStyle('display', 'block');

      //affiche les bons formulaire
      form1.hide();
      form2.hide();
      form3.show();
      form4.hide();
      form5.hide();

      //change le fond
      $('tabs').removeClass('fond_work');
      $('tabs').removeClass('fond_school');
      $('tabs').removeClass('fond_ads');
      $('tabs').removeClass('fond_credits');
      $('tabs').addClass('fond_showreel');
      $('showWork').removeClass('actif');
      $('showSchool').removeClass('actif');
      $('showShowreel').addClass('actif');
      $('showAds').removeClass('actif');
      $('showCredits').removeClass('actif');
      e.stop();
   });

   $('showAds').addEvent('click', function(e){
      e = new Event(e);

      //affiche les bons formulaire
      form1.hide();
      form2.hide();
      form3.hide();
      form4.show();
      form5.hide();

      $('moteur-showreel').setStyle('display', 'none');
//change le fond
      $('tabs').removeClass('fond_work');
      $('tabs').removeClass('fond_school');
      $('tabs').removeClass('fond_showreel');
      $('tabs').removeClass('fond_credits');
      $('tabs').addClass('fond_ads');
      $('showWork').removeClass('actif');
      $('showSchool').removeClass('actif');
      $('showShowreel').removeClass('actif');
      $('showCredits').removeClass('actif');
      $('showAds').addClass('actif');
      e.stop();
   });

   $('showCredits').addEvent('click', function(e){
      e = new Event(e);

      //affiche les bons formulaire
      form1.hide();
      form2.hide();
      form3.hide();
      form4.hide();
      form5.show();

      $('moteur-showreel').setStyle('display', 'none');
//change le fond
      $('tabs').removeClass('fond_work');
      $('tabs').removeClass('fond_school');
      $('tabs').removeClass('fond_showreel');
      $('tabs').addClass('fond_credits');
      $('tabs').removeClass('fond_ads');
      $('showWork').removeClass('actif');
      $('showSchool').removeClass('actif');
      $('showShowreel').removeClass('actif');
      $('showCredits').addClass('actif');
      $('showAds').removeClass('actif');
      e.stop();
   });
});