const cat = document.getElementById('cat');
const scoreElement = document.getElementById('score');
const messageElement = document.getElementById('message');
const gameContainer = document.getElementById('game-container');

let catY = 0;
let jumping = false;
let obstacles = [];
let score = 0;
let gameRunning = false;
let interval;

const backgrounds = [
    'https://i.postimg.cc/jqhc2nXz/1.jpg',
    'https://i.postimg.cc/jqhc2nXz/1.jpg', // Add more background images as needed
    'https://i.postimg.cc/jqhc2nXz/1.jpg',
    'https://i.postimg.cc/jqhc2nXz/1.jpg'
];
let currentBackgroundIndex = 0;

document.addEventListener('keydown', function(event) {
    if (event.code === 'Space') {
        if (!gameRunning) {
            startGame();
        } else {
            jump();
        }
    }
});

function startGame() {
    score = 0;
    scoreElement.innerText = 'Score: 0';
    messageElement.style.display = 'none';
    catY = 0;
    cat.style.bottom = catY + 'px';
    obstacles.forEach(obstacle => gameContainer.removeChild(obstacle)); // Remove existing obstacles
    obstacles = [];
    gameRunning = true;

    gameContainer.style.backgroundImage = `url(${backgrounds[0]})`;
    currentBackgroundIndex = 0;

    interval = setInterval(updateGame, 20);
    setTimeout(addObstacle, 2000); // Increased interval for adding obstacles
}

function jump() {
    if (!jumping) {
        jumping = true;
        let jumpHeight = 150; // Adjust this value for desired jump height
        let jumpSpeed = 6; // Increased speed for jump up
        let fallSpeed = 6; // Increased speed for falling down
        let jumpUpInterval = setInterval(() => {
            if (jumpHeight > 0) {
                catY += jumpSpeed; // Faster jump speed
                jumpHeight -= jumpSpeed; // Adjusted decrement
            } else {
                clearInterval(jumpUpInterval);
                setTimeout(() => {
                    let fallInterval = setInterval(() => {
                        if (catY > 0) {
                            catY -= fallSpeed; // Faster fall speed
                        } else {
                            catY = 0;
                            clearInterval(fallInterval);
                            jumping = false;
                        }
                        cat.style.bottom = catY + 'px';
                    }, 15); // Shorter interval for falling
                }, 100);  // Shortened delay before falling
            }
            cat.style.bottom = catY + 'px';
        }, 15); // Shorter interval for jumping up
    }
}

function addObstacle() {
    if (!gameRunning) return;

    let obstacle = document.createElement('div');
    obstacle.classList.add('obstacle');
    obstacle.style.left = '900px'; // Increased starting position for obstacles
    obstacle.style.bottom = '0';
    
    obstacle.classList.add('stump'); // Only add stumps

    gameContainer.appendChild(obstacle);
    obstacles.push(obstacle);

    setTimeout(addObstacle, Math.random() * 3000 + 2000); // Increased interval for adding obstacles
}

function updateGame() {
    obstacles.forEach((obstacle, index) => {
        let obstacleX = parseInt(obstacle.style.left);

        if (obstacleX <= 100 && obstacleX >= 50 && catY <= 50) {
            endGame();
        }

        if (obstacleX < 0) {
            gameContainer.removeChild(obstacle);
            obstacles.splice(index, 1);
            score++;
            scoreElement.innerText = 'Score: ' + score;

            // Change background every 5 points
            if (score % 5 === 0) {
                changeBackground();
            }
        }

        obstacle.style.left = (obstacleX - 4) + 'px';  // Move obstacles toward the cat
    });
}

function changeBackground() {
    currentBackgroundIndex = (currentBackgroundIndex + 1) % backgrounds.length;
    gameContainer.style.backgroundImage = `url(${backgrounds[currentBackgroundIndex]})`;
}

function endGame() {
    clearInterval(interval);
    gameRunning = false;
    messageElement.innerText = 'Game Over! Score: ' + score;
    messageElement.style.display = 'block';
}
document.addEventListener('DOMContentLoaded', function () {
    const musicButton = document.getElementById('toggleMusic');
    const backgroundMusic = document.getElementById('backgroundMusic');
    let isMusicPlaying = false;

    musicButton.addEventListener('click', function () {
        if (isMusicPlaying) {
            backgroundMusic.pause();
            isMusicPlaying = false;
            musicButton.textContent = 'Вкл. музыку';
        } else {
            backgroundMusic.play();
            isMusicPlaying = true;
            musicButton.textContent = 'Выкл. музыку';
        }
    });
});