// Handle starting the pre-load animation
var page_preloader = new Preloader();
page_preloader.show(true);

images = [
    "assets/images/",
    "level.png",
    "epic.png",
    "heartCover.png",
    "heartBack.png",
    "blinkOverlay.png",
    "breathOverlay.png",
    "beatOverlay.png",
    "eye.png",
    "eyeDry.png",
    "tutSelect0.png",
    "tutSelect1.png",
    "tutArrow.png",
    "tutKeyZ.png",
    "tutKeyX.png",
    "tutKeyC.png",
    "cereal.png",
    "post.png",
    "box.png",
    "boxNoOutline.png",
    "playerBody.png",
    "playerLeg.png",
    "playerLegActive.png",
    "playerArm.png",
    "playerHead.png",
    "playerFoot.png",
    "playerFootActive.png",
    "lungs.png",
    "lungCover.png",
    "lungBack.png",
    "chandelier.png",
    "buttonBigHover.png",
    "buttonBig.png",
    "buttonSmallHover.png",
    "buttonSmall.png",
    "backGround.png",
    "turn.png",
    "slep.png"
];

audio = [
    ""
];

var globalStates = {
    titleScreen: 0,
    levelTransition: 1,
    playing: 2,
    dead: 3,
    end: 4,
    building: 5
};
var globalState = globalStates.titleScreen;

function update() {
        
    switch (globalState) {
        // title screen
        case globalStates.titleScreen:
            handleTitleScreen();
            break;
        // level transition
        case globalStates.levelTransition:
            handleTransition();
            break;
        // playing
        case globalStates.playing:
            handlePlaying();
            player.update();
            break;
        // dead
        case globalStates.dead:
            handleDead();
            break;
        // end
        case globalStates.end:
            updateCutScene();
            break;
        //building - to be used only in development
        case globalStates.building:
            buildUpdate();
            break;
    }
}

function draw() {
    // If draw is being called, the user has interacted with the page at least once.
    // This signal can be used to notify the audio permission handler
    unlockAudioPermission();

    // Handle game state
    switch (globalState) {

        // title screen
        case globalStates.titleScreen:
            
            break;
        // level transition
        case globalStates.levelTransition:
            
            drawLevelTransitionUI();
            break;
        // playing
        case globalStates.playing:
            drawPlaying();
            break;
        // dead
        case globalStates.dead:
            break;
        // end
        case globalStates.end:
            drawCutScene();
            break;
        //building - to be used only in development
        case globalStates.building:
            imgIgnoreCutoff(sprites.epic,0,0);
            buildDraw();
            break;
    }
}

function absoluteDraw() {
    switch (globalState) {
        // title screen
        case globalStates.titleScreen:
            drawTitleScreenUI();
            drawTitleScreen();
            break;
        // level transition
        case globalStates.levelTransition:
            break;
        // playing
        case globalStates.playing:
            drawPlayingUI();
            break;
        // dead
        case globalStates.dead:
            deadUI();
            break;
        // end
        case globalStates.end:
            drawEndUI();
            break;
    }
}

function onAssetsLoaded() {
}

setup(60);

/* Preload actions */

// To make something happen before the preloader is hidden, add it to this list
// The function must take a callback that will be run when the function finishes
let actions = [preCacheSounds];
let actionsCompleted = 0;

// Loop through every action, and load it
actions.forEach((action) => {
    
    // Run the action & handle loading
    action(() => {
        
        // Incr the number of successfully loaded actions
        actionsCompleted += 1;

        // If this is the last aciton, hide the loader
        if (actionsCompleted == actions.length) {
            page_preloader.hide(false);
        }
    })
});