/**
 * Loading screen functionality for WINGS88 3D Flight Simulator
 */

class LoadingScreen {
  constructor() {
    this.progress = 0;
    this.assets = [
      'texture1.png',
      'texture2.png',
      'sound1.mp3',
      'sound2.mp3',
      'model1.obj',
      'model2.obj'
    ];
    this.audioContext = null;
    this.audioBuffer = null;
  }

  init() {
    this.setupEventListeners();
    this.startLoading();
    this.initAudio();
  }

  setupEventListeners() {
    document.addEventListener('DOMContentLoaded', () => {
      this.init();
    });
  }

  startLoading() {
    const progressBar = document.querySelector('.loading-progress');
    const loadingText = document.querySelector('.loading-text');

    const interval = setInterval(() => {
      this.progress += 5;
      if (progressBar) progressBar.style.width = `${this.progress}%`;
      
      if (this.progress >= 100) {
        clearInterval(interval);
        if (loadingText) loadingText.textContent = 'Loading complete! Starting game...';
        setTimeout(() => {
          this.transitionToIntro();
        }, 1000);
      }
    }, 200);
  }

  initAudio() {
    try {
      // Check if audio is supported
      if (typeof AudioContext !== 'undefined') {
        this.audioContext = new AudioContext();
        this.loadBackgroundMusic();
      }
    } catch (e) {
      console.log('Audio initialization error:', e);
    }
  }

  loadBackgroundMusic() {
    // In a real implementation, this would load actual audio files
    // For now, we'll simulate loading
    setTimeout(() => {
      console.log('Background music loaded');
    }, 500);
  }

  playBackgroundMusic() {
    if (this.audioContext && this.audioBuffer) {
      const source = this.audioContext.createBufferSource();
      source.buffer = this.audioBuffer;
      source.connect(this.audioContext.destination);
      source.start(0);
    }
  }

  transitionToIntro() {
    // In a real implementation, this would transition to the intro screen
    console.log('Transitioning to intro screen');
    // For now, we'll just log the transition
    document.querySelector('.loading-text').textContent = 'Welcome to WINGS88!';
  }

  getProgress() {
    return this.progress;
  }
}

// Initialize loading screen when DOM is ready
document.addEventListener('DOMContentLoaded', () => {
  const loadingScreen = new LoadingScreen();
  loadingScreen.init();
});

// Export for testing
if (typeof module !== 'undefined' && module.exports) {
  module.exports = LoadingScreen;
}