/*
* This is dedicated solely for hand-in 2.
*/ 
AFRAME.registerComponent('pokemon', {   
	  init: function () {		
      let pokemon = this.el;

      pokemon.addEventListener('click', function () 
      {
          let pokemonMesh = document.getElementById(pokemon.parentNode.id + "_mesh");      
          if(pokemon.parentNode.id !== "mew") pokemonMesh.setAttribute('animation__jumpup', {property: 'position', to: '0 1.2 0', dur: '500', loop: 'indefinite', easing: 'easeInExpo', autoplay: 'true'}); 
          
          pokemonMesh.addEventListener('animationcomplete', function(e) {
              if(e.detail.name === "animation__jumpup")
                pokemonMesh.setAttribute('animation__falldown', {property: 'position', to: '0 0 0', dur: '500', loop: 'indefinite', easing: 'easeOutExpo', autoplay: 'true'}); 
          }); 
      });

      pokemon.addEventListener('collide', this.catchPokemon)
    },

    catchPokemon: function (e) {		
        let pokemon = e.detail.target.el;  // Original entity.
        let otherCollider = e.detail.body.el; // Other entity, which playerEl touched.
        let pokemonMesh = document.getElementById(pokemon.parentNode.id + "_mesh");

        if(otherCollider.classList.contains("pokeball"))
        {      
          otherCollider.setAttribute('sound', {src: 'sounds/sfx/PokeballOpening.mp3', autoplay: 'true', loop: 'false'});          
          pokemonMesh.setAttribute('animation', {property: 'scale', to: '0 0 0', dur: '2500', easing: 'linear'});  
        }
    },
});