class Regles extends Sprite {
  public scene_ : Jeu;

  private reglesDiv_: HTMLElement;
  private menu_ : HTMLElement;
  private fermerImg_: HTMLElement;
  private ouvertureMenu_: HTMLAudioElement;
  private fermetureMenu_: HTMLAudioElement;


  public constructor(element: HTMLElement, scene: Jeu) {
    super(element);
    this.scene_ = scene;

    this.reglesDiv_ = document.getElementById('regles');
    this.fermerImg_ = document.getElementById('fermer');
    this.fermetureMenu_ = document.getElementById('fermetureMenu') as HTMLAudioElement;
    this.ouvertureMenu_ = document.getElementById('ouvertureMenu') as HTMLAudioElement;

    this.menu_ = document.getElementById('menu');
    this.clique();

    this.setX(document.documentElement.clientWidth /2 - this.getWidth()/2);
    this.setY(document.documentElement.clientHeight /2 - this.getHeight()/2);
  }

  public clique(): void {
    if (this.fermerImg_) {

        this.fermerImg_.addEventListener('click', this.cacher.bind(this));
        this.menu_.addEventListener('click', this.montrer.bind(this));
    }
}

  public cacher(): void {
    if (this.reglesDiv_) {
      this.fermetureMenu_.play();
        this.reglesDiv_.style.display = 'none';
        this.menu_.style.display = 'block';

    }
  }

  public montrer() {
    if (this.menu_) {
      this.ouvertureMenu_.play();
      this.reglesDiv_.style.display = 'block'
      this.menu_.style.display = 'none';
    }
  }
}