// JavaScript to handle mouseover and mouseout events
var activeMethodPill = null;
var activeScenePill = null;
var activeModePill = null;
var activeVidID = 0;
var select = false;


$(document).ready(function () {
    $(function () {
        $('[data-toggle="tooltip"]').tooltip()
    });

    activeMethodPill = $('.method-pill').filter('.active')[0];
    activeModePill = $('.mode-pill').filter('.active')[0];
    activeScenePill = $('.scene-pill').filter('.active')[0];
});

function selectCompVideo(methodPill, scenePill, n_views, modePill) {
    // Your existing logic for video selection
    // var video = document.getElementById("compVideo");
    select = true;

    if (activeMethodPill) {
        activeMethodPill.classList.remove("active");
    }

    if (activeScenePill) {
        activeScenePill.classList.remove("active");
    }

    if (modePill) {
        activeModePill.classList.remove("active");
        modePill.classList.add("active");
        activeModePill = modePill;
    }

    activeMethodPill = methodPill;
    activeScenePill = scenePill;
    scenePill.classList.add("active");
    pill = scenePill.getAttribute("data-value");
    mode = activeModePill.getAttribute("data-value");

    promptTextBox = $('#prompt-box');
    switch (pill) {
        case 'bedroom3':
            promptTextBox.text("A minimalist bedroom, 4k image, high resolution");
            break;
        case 'resolute':
            promptTextBox.text("A highly detailed image of the Resolute Desk in the Oval Office, 4k image");
            break;
        case 'astronaut2':
            promptTextBox.text("An astronaut in a cave, trending on artstation, 8k image");
            break;
        case 'bathroom':
            promptTextBox.text("Editorial Style Photo, Coastal Bathroom, Clawfoot Tub, Seashell, Wicker, Mosaic Tile, Blue and White");
            break;
        case 'bear':
            promptTextBox.text("A bear sitting in a classroom with a hat on, realistic, 4k image, high detail");
            break;
        case 'boat':
            promptTextBox.text("A boy sitting in a boat in the middle of the ocean, under the milkyway, anime style");
            break;
        case 'bust':
            promptTextBox.text("A marble bust in a museum with pale teal walls, framed paintings, marble patterened floor, 4k image");
            break;
        case 'car':
            promptTextBox.text("An old car overgrown by vines and weeds, high quality image, photorealistic, 4k image");
            break;
        case 'lavender':
            promptTextBox.text("Small lavender room, soft lighting, unreal engine render, voxels");
            break;
        case 'living_room':
            promptTextBox.text("A living room, high quality, 8k image, photorealistic");
            break;
        case 'piano':
            promptTextBox.text("White grand piano on wooden floors in an empty hall, 4k image");
            break;
        case 'surf':
            promptTextBox.text("A majestic peacock, surfing a tall wave, photorealistic, detailed image, 4k image");
            break;
        case 'victorian':
            promptTextBox.text("A victorian living room with a grand fireplace and a long sofa, painting over the fireplace, mysterious vibe, giant windows, 4k image, photorealistic");
            break;
        case 'arcade':
            promptTextBox.text("Retro arcade room with posters on the walls, retro art style, illustration");
            break;
        case 'forest':
            promptTextBox.text("A thick elven forest, fantasy art, landscape, picturesque, 4k image");
            break;
        case 'steampunk':
            promptTextBox.text("A steampunk bedroom with glass ceilings, photorealistic, 4k image, bright lighting");
            break;
        case 'lighthouse':
            promptTextBox.text("Fantasy lighthouse in the Arctic, surrounded by a world of ice and snow, shining with a mystical light under the aurora borealis, 4k, sharp");
            break;
        case 'kitchen':
            promptTextBox.text("An old charming stone kitchen, 4k image, photorealistic, high detail");
            break;
        case 'bohemian':
            promptTextBox.text("A bohemian living room, colorful textiles, vibrant, eclectic, 4k image, photorealistic");
            break;
        case 'japan':
            promptTextBox.text("A sunny royal traditional Japanese bedroom, 4k image, ornate, high detail");
            break;
        default:
            promptTextBox.text("Missing prompt...");
            break;
    }
    // promptTextBox.text("Loading...");

    // console.log("Pill: " + pill + " Mode: " + mode);

    // if (videoSwitch.checked) {
    //     mode = 'depth'
    // } else {
    //     mode = 'rgb'
    // }

    // swap video to avoid flickering
    activeVidID = 1 - activeVidID;
    var video_active = document.getElementById("compVideo" + activeVidID);
    var video_hidden = document.getElementById("compVideo" + (1 - activeVidID));
    video_active.src = "videos/results/" + mode + "/" + pill + ".mp4";
    // console.log("videos/results/" + mode + "/" + pill + ".mp4");
    video_active.load();
}

function activateTeaserVid() {
    var video = document.getElementById("teaserVideo");
    video.src = "videos/teaser.mp4";
    video.load();
}