var slideTd = new Class({
  
  options : {
    "transition" : Fx.Transitions.Quad.easeInOut,
    "duration" : 1000,
    "openWidth":592,
    "closeWidth":0,
    "opacity0":0, /* Opacite proche de zero */
    "opacity1":1/* Opacite proche de un */
	
  },
  
  initialize: function(el, options){
    this.el = $(el);
    if(this.el != null){
      this.setOptions(options);
      
      this.myFX = new Fx.Morph(this.el, {
        duration : this.options.duration,
        transition : this.options.transition,
        onComplete : function() {
          if($('centre').getStyle('width').toInt() == this.options.openWidth){
          	//$('cadre_newsletter').setStyle('display','block');
      		//$('menuh').setStyle('display','block');
          	$('bouton').addClass('fermer').removeClass('ouvrir');
          }
        }.bind(this)
      }).set({
        width : this.options.openWidth
      });
    
      this.initClick();
    }
  },
  
  initClick : function(){
  	$('centre').setStyle('overflow', 'visible');
    $('droite').addEvent('click', function(){
      this.toggle();
      return false;
    }.bind(this));
  },
  
  toggle : function(){
    var w = this.el.getStyle('width').toInt();
    
    if(w == this.options.closeWidth){
      this.openTd();
    }else{
    	//$('cadre_newsletter').setStyle('display','none');
  		//$('menuh').setStyle('display','none');
  		$('bouton').addClass('ouvrir').removeClass('fermer');
      	this.closeTd();
     }
  },
  
  openTd : function(){
    this.myFX.start({
    	width : [this.options.closeWidth, this.options.openWidth]
    });
  },
  
  closeTd : function(){
    this.myFX.start({
    	width : [this.options.openWidth, this.options.closeWidth]
    });
  }
})
slideTd.implement(new Options, new Events);