Meet the women who have taken charge of Hotel Interior Design

<script>
document.addEventListener('DOMContentLoaded', function () {
  const space = document.getElementById('frajumar-video-space');
  const player = document.getElementById('frajumar-video-player');
  const closeButton = document.getElementById('frajumar-video-close');
  const iframe = document.getElementById('frajumar-youtube-player');

  if (!space || !player) {
    return;
  }

  let floatingClosed = false;

  function updateFloatingVideo() {
    const position = space.getBoundingClientRect();

    /*
     * Se minimiza cuando la ubicación original
     * ha desaparecido por la parte superior.
     */
    const videoHasPassed = position.bottom <= 80;

    if (videoHasPassed && !floatingClosed) {
      player.classList.add('is-floating');
    } else {
      player.classList.remove('is-floating');
    }

    /*
     * Al volver a la posición original,
     * permitimos que pueda flotar otra vez.
     */
    if (position.bottom > 80) {
      floatingClosed = false;
    }
  }

  if (closeButton) {
    closeButton.addEventListener('click', function () {
      floatingClosed = true;
      player.classList.remove('is-floating');

      /*
       * Pausa el vídeo de YouTube al cerrarlo.
       */
      if (iframe && iframe.contentWindow) {
        iframe.contentWindow.postMessage(
          JSON.stringify({
            event: 'command',
            func: 'pauseVideo',
            args: []
          }),
          '*'
        );
      }
    });
  }

  window.addEventListener('scroll', updateFloatingVideo, {
    passive: true
  });

  window.addEventListener('resize', updateFloatingVideo);

  updateFloatingVideo();
});
</script>