// Eines per mostrar una galeria


function creaEstilGaleria() {
    var regles = new CSSStyleSheet();
    var estilGaleria = [
        "width: 98vw;",
        "height: 98vh;",
        "background-color: green;" //,
        //"border: 4px dotted red;"
    ];
    var estilFoto = [
        "display: none;",
        "width: 100%;",
        "height: 100%;",
        "object-fit: contain;"
    ];
    // var estilAutor = [
    //     "position: fixed;",
    //     "bottom: 1em;",
    //     "text-align: center;",
    //     "width: 100%;",
    //     "font-family: sans-serif;",
    //     "font-size: x-large;",
    //     "text-shadow: white 0px 0px 10px;",
    //     "font-weight: bold;"
    // ];
    var estilFletxes = [
        "position: fixed;",
        "width: 98vw;",
        "top: 50%;",
        "color: red;"
    ];
    regles.insertRule(".galeria-fotos { " + estilGaleria.join(" ") + " }");
    regles.insertRule(".foto { " + estilFoto.join(" ") + " }");
    // regles.insertRule("#autor-foto { " + estilAutor.join(" ") + " }");
    regles.insertRule(".fletxes-foto { " + estilFletxes.join(" ") + " }");
    document.adoptedStyleSheets = [ regles ];
}

function afegeixGaleria() {
    console.log("Afegeix galeria de fotos");
    creaEstilGaleria();
    afegeixImatges();
    mostraImatgeActiva();
}

function aixecaGaleria() {
    window.addEventListener("load", afegeixGaleria);
    window.addEventListener("resize", () => {
        console.log("resized!");
        window.location.reload();
    });
}

aixecaGaleria();


function mostraImatgeActiva(num) {
    var mostra = "im" + document.imatgeActiva;
    Array.from(document.getElementsByClassName("foto")).forEach((i) => {
        i.style.display = (i.id == mostra ? "block" : "none");
    });
    var autor = document.getElementById("autor-foto");
    if (autor)
        autor.innerHTML = document.imatges[document.imatgeActiva][1];
}

function canviaImatgeActiva(delta, gira = true) {
    var nou = document.imatgeActiva + delta;
    if (!gira && (nou < 0 || nou >= document.nImatges))
        return;
    nou = (nou + document.nImatges) % document.nImatges;
    document.imatgeActiva = nou;
    mostraImatgeActiva();
}

function afegeixImatges() {
    document.nImatges = 69;
    document.imatgeActiva = 0;
    var galeria = document.getElementById("galeria-fotos");
    document.imatges = [
        ["5405bf08cc0f85d67b6f2ec5e41d1e59", "frederic.febrer@gmail.com"],
        ["58af6065921b5a71c33a30d9831c36c7", "frederic.febrer@gmail.com"],
        ["3de36d8637d2b4efd3c04d32a6e5561f", "toni.joan.gs@gmail.com"],
        ["a377eee9cacd4c1bdac277aa17918dfc", "mariatgb49@gmail.com"],
        ["dd25c7bf5c423dfca9d7ed0b3dbdf736", "esciutada4@gmail.com"],
        ["f8553828ff777ba39a7e4c15578bbb41", "xmorat@gmail.com"],
        ["cde17ef3c0479ed193f64f7527347dc3", "mobiltomeuendesa@gmail.com"],
        ["8e27f21cf4dae241a6922f9162dadac7", "margalidapol@msn.com"],
        ["e0651648a69b53fcd48c0814ec357638", "mariagayaflorit@gmail.com"],
        ["afa257bdba6afab9bb1275aaef154087", "mariagayaflorit@gmail.com"],
        ["66f753af4549d196c6df42758fabcf4e", "mariagayaflorit@gmail.com"],
        ["07f4f2cf0327c7ee3f4172b3086e2c90", "mariagayaflorit@gmail.com"],
        ["041c834d69c2b2be64ab098f3f99cd38", "Platihdt@hotmail.com"],
        ["b7385b44ad5940e7566e49aa06db8610", "Platihdt@hotmail.com"],
        ["e91960439768b87c57847d5c8ec90e02", "tobariasruiz@gmail.com"],
        ["248b5914175381de7222384c5e4ed9fe", "tobariasruiz@gmail.com"],
        ["f80b421385c41c9ca6e6b56d51040b86", "tobariasruiz@gmail.com"],
        ["aa860ee24629db6fd227888489808dbe", "mariagayaflorit@gmail.com"],
        ["11e4e0c51600e3ed83962d3f5775a816", "mariagayaflorit@gmail.com"],
        ["d63f407c5a0835a2fe5b865d2fd8651d", "esciutada4@gmail.com"],
        ["40fbebd79d8efee58c8239b5e1a7946f", "esciutada4@gmail.com"],
        ["093df6704b7e9bbd61b3c06750672600", "esciutada4@gmail.com"],
        ["b362046aaa85d44e216e15735bf1102f", "margalidapol@msn.com"],
        ["a439ce7fd04a1dd3039d3e984633a8b9", "margalidapol@msn.com"],
        ["7a3e4cfe69e1a712c526b2c21afccac3", "neusbordoy@gmail.com"],
        ["90c268b18c03ac0d5dab0616c1b6f93b", "neusbordoy@gmail.com"],
        ["9be0f74a7db9ba2dea0722f91c1a0934", "neusbordoy@gmail.com"],
        ["bad754dfb7b8cd11146043cd91585927", "brgenovard@gmail.com"],
        ["f81899af0b803745327f5b21f14e4f84", "brgenovard@gmail.com"],
        ["b662015c37f198a021f22797f44ac695", "margalida.munar@gmail.com"],
        ["4b11fabb8a9e45fc41efda60801b74c4", "margalida.munar@gmail.com"],
        ["122a934056107fc1e4ccabf63199cdd4", "margalida.munar@gmail.com"],
        ["926b446162ef4fd392099ef61554061c", "margalida.munar@gmail.com"],
        ["49a6a776f2fe214ae3105e237af1bc9e", "brgenovard@gmail.com"],
        ["2928de2ea692f639804c5f0d8e79414b", "brgenovard@gmail.com"],
        ["cfda0abda2ee605c91e73456bfcc54b1", "brgenovard@gmail.com"],
        ["caa9264f77d758ba33c8961f5c236fa6", "brgenovard@gmail.com"],
        ["c9c9d7084387426a1fcb3da854b67c5c", "brgenovard@gmail.com"],
        ["8a49397aa9e99f3d8d7d0ad453537bce", "frederic.febrer@gmail.com"],
        ["36fe16354800e4c049504d11c67028ec", "frederic.febrer@gmail.com"],
        ["eda7f078a11843e961329bcc4cf5d7a4", "margalida.munar@gmail.com"],
        ["07062de4e7e5180c22264d14b3ac3c70", "margalida.munar@gmail.com"],
        ["23e95257493468c4ddf61be6b92b74c5", "margalida.munar@gmail.com"],
        ["5f0cf6bbc01d40c4f050ddc653850141", "margalida.munar@gmail.com"],
        ["5a3f4939cdc11318ee762a9935d37e75", "ToniTada@proton.me"],
        ["19918de40ffd2a1b3d4f08c00f1eff20", "paulamroig@gmail.com"],
        ["c515453e0d867a9067fe88d83b5c9c68", "capella1974@hotmail.com"],
        ["5b8793321e71b273365c1a4dd4403c41", "kristinrogghe@yahoo.com"],
        ["53ec3a567eb2ad28c51dce47fac08a5a", "xmorat@gmail.com"],
        ["17cc321e9cb9a6290514a5d0505c7a9f", "xmorat@gmail.com"],
        ["db4c890e23d138e922ef165990274ca2", "mobiltomeuendesa@gmail.com"],
        ["79da07c38665feca0989650cf14b6a47", "xmorat@gmail.com"],
        ["a55fc397c0605587ae2133d45937cf6b", "xmorat@gmail.com"],
        ["683bae0e8f4fdf937614e26dcb472a9b", "carmesolivellas@gmail.com"],
        ["4a49dc509c71966dd3a1c940a4f31cbc", "carmesolivellas@gmail.com"],
        ["18aeff3ef95237b82aa69ec302bd2584", "carmesolivellas@gmail.com"],
        ["64a614f16c3da1af648a0ad681b46edc", "carmesolivellas@gmail.com"],
        ["294b03c103ccd15f7cbd0158d3124886", "carmesolivellas@gmail.com"],
        ["d8b40b60d1fcd0dab007afa943a9c34a", "carmesolivellas@gmail.com"],
        ["4d1227693d48fbe4406bcf966a5357d0", "carmesolivellas@gmail.com"],
        ["dbf8dcbbf642204fb6cd40b3465450f4", "carmesolivellas@gmail.com"],
        ["9891dcbee7615013ea6e6f92d831acad", "carmesolivellas@gmail.com"],
        ["303b1cc42d9c26e3b61b69695ef1592b", "carmesolivellas@gmail.com"],
        ["9d9e0194d43951624db9bdde4abdbcb9", "carmesolivellas@gmail.com"],
        ["6f54f3a7dbff7db03142c14672e628f4", "carmesolivellas@gmail.com"],
        ["9c737e3ab5bd0c02f27431c60a69d88f", "carmesolivellas@gmail.com"],
        ["da29d2ffb96b1064a476441e8e4a6112", "carmesolivellas@gmail.com"],
        ["daf8b1b5c8d6dafa17b292a21ba42f84", "carmesolivellas@gmail.com"],
        ["064f3a37e74cd6222665c71ea2dd242d", "carmesolivellas@gmail.com"],
    ];
    document.imatges.forEach((im, i) => {
        var imatge = document.createElement("img");
        imatge.id = "im" + i;
        imatge.className = "foto";
        imatge.src = "imatge?hash=" + im[0] + "&ample=400&alt=200&posaCorreu=0";
        imatge.onclick = () => canviaImatgeActiva(1, true);
        imatge.alt = "#" + im[0];
        galeria.append(imatge);
    });
}