"use strict";


const opacDisabled = 0.3;  //transparência para botões desactivados

const opacEnabled = 1; // transp. para botoes ativados

const imgFolder = "../resources/image/";
const txtFolder = "../resources/text/";
const audioVolume = 1;
const lastImg = 16;
const firstImg = 1;


(function(
){
    window.addEventListener("load", main);
}());


function main(){
    var indice = 1;
    var foto = document.getElementById("photo");
    var texto = document.getElementById("text");
    var music = document.getElementById("music");
    music.play();

    var firstBtn = document.getElementById("firstBtn");
    var backBtn = document.getElementById("backBtn");
    var nextBtn = document.getElementById("nextBtn");
    var lastBtn = document.getElementById("lastBtn");
    var muteBtn = document.getElementById("soundBtn");
    var slideShowBtn = document.getElementById("slideShowBtn");


    slideShowBtn.disabled=false;

    foto.src = imgFolder +"0" + indice+ ".jpg";
    texto.src = txtFolder+"0" + indice+ ".txt";
    firstBtnDis();


    var mch = function(ev){
        indice = handler(ev, indice, foto, texto, music);
    }


    firstBtn.addEventListener("click",mch);
    backBtn.addEventListener("click",mch);
    nextBtn.addEventListener("click",mch);
    lastBtn.addEventListener("click",mch);
    muteBtn.addEventListener("click",mch);
    slideShowBtn.addEventListener("click",mch);

}

function handler(ev, indice, foto, texto, music){

    switch(ev.currentTarget.id){
            case "firstBtn":
                firstBtnDis();
                lastBtnEn();
                foto.src = imgFolder + "01.jpg";
                texto.src = txtFolder + "01.txt";
                indice = firstImg;
                break;
            case "backBtn":
                if (indice==firstImg) break;
                else{
                    if(indice==lastImg) lastBtnEn();
                    indice--;
                    if(indice==firstImg) firstBtnDis();
                    if(indice >= 10){
                        foto.src = imgFolder + indice + ".jpg";
                        texto.src = txtFolder + indice + ".txt";
                    }
                    else{
                        foto.src = imgFolder +"0"+ indice + ".jpg";
                        texto.src = txtFolder +"0"+ indice + ".txt";
                    }
                }
                break;
            case "nextBtn":
                if(indice==lastImg) break;
                else{
                    if(indice==firstImg) firstBtnEn();
                    indice++;
                    if(indice==lastImg) lastBtnDis();

                    if(indice >= 10){
                        foto.src = imgFolder + indice + ".jpg";
                        texto.src = txtFolder + indice + ".txt";
                    }
                    else{

                        foto.src = imgFolder + "0"+ indice + ".jpg";
                        texto.src = txtFolder +"0"+ indice + ".txt";
                    }

                }
                break;
            case "slideShowBtn":

                slide_show_enable();
                slideShowBtn.disabled = !slideShowBtn.disabled;
                if(slideShowBtn.disabled==true){
                    var intervaloVar = setInterval(function(){
                        indice++;
                        if (indice>16) indice=1;
                        indice = changeImage(indice,foto,texto);
                    },2000);
                    window.addEventListener("keyup",function(){escHandler(ev,intervaloVar)});
                }

                break;
            case "lastBtn":
                lastBtnDis();
                firstBtnEn();
                foto.src = imgFolder + lastImg + ".jpg";
                texto.src = txtFolder + lastImg + ".txt";
                indice = lastImg;
                break;
            case "soundBtn":
                if(music.muted == false){
                    music.muted = true;
                    document.getElementById("soundBtn").children[0].src = "../resources/extra/soundOffBtn.png";

                }
                else{
                    music.muted = false;
                    document.getElementById("soundBtn").children[0].src = "../resources/extra/soundOnBtn.png";

                }
                break;
    }

    return indice;

}

    function firstBtnDis(){
        firstBtn.style.opacity = opacDisabled;
        backBtn.style.opacity = opacDisabled;
        firstBtn.disabled = true;
        backBtn.disabled = true;
    }

    function lastBtnDis(){
        lastBtn.style.opacity = opacDisabled;
        nextBtn.style.opacity = opacDisabled;
        lastBtn.disabled = true;
        nextBtn.disabled = true;
    }

    function firstBtnEn(){
        firstBtn.style.opacity = opacEnabled;
        backBtn.style.opacity = opacEnabled;
        firstBtn.disabled = false;
        backBtn.disabled = false;
    }

    function lastBtnEn(){
        lastBtn.style.opacity = opacEnabled;
        nextBtn.style.opacity = opacEnabled;
        lastBtn.disabled = false;
        nextBtn.disabled = false;
    }

    function slideBtnEn(){
        slideBtn.style.opacity = opacEnabled;
    }

    function slideBtnDis(){
        slideBtn.style.opacity = opacDisabled;
    }

    //funnction esch(ev){
        //alert(ev.currentTarget.t);
        //}



    function escHandler(ev,intervaloVar){

        alert("jdj");
        alert(t);
        if(ev.keyCode==27){
            alert("ENTREI NO KEYACODA");
            clearInterval(intervaloVar);
        }

    }
    function slide_show_enable(indice){
        if(indice == lastImg){
            firstBtn.disabled = false;
            backBtn.disabled = false;
            firstBtn.style.opacity = opacEnabled;
            backBtn.style.opacity = opacEnabled;
        }
        else if(indice == firstImg){
            lastBtn.disabled = false;
            nextBtn.disabled = false;
            lastBtn.style.opacity = opacEnabled;
            nextBtn.style.opacity = opacEnabled;
        }
        else{
            firstBtn.disabled = false;
            nextBtn.disabled = false;
            backBtn.disabled = false;
            lastBtn.disabled = false;
            firstBtn.style.opacity = opacEnabled;
            nextBtn.style.opacity = opacEnabled;
            backBtn.style.opacity = opacEnabled;
            lastBtn.style.opacity = opacEnabled;
        }
    }
    function slide_show_disable(){
        firstBtn.disabled = true;
        nextBtn.disabled = true;
        backBtn.disabled = true;
        lastBtn.disabled = true;
        firstBtn.style.opacity = opacDisabled;
        nextBtn.style.opacity = opacDisabled;
        backBtn.style.opacity = opacDisabled;
        lastBtn.style.opacity = opacDisabled;
    }

    function changeImage(indiceAtual,foto,texto){
        if(indiceAtual >= 10){
            foto.src = imgFolder + indiceAtual + ".jpg";
            texto.src = txtFolder + indiceAtual + ".txt";
        }
        else{
            foto.src = imgFolder + "0"+ indiceAtual + ".jpg";
            texto.src = txtFolder +"0"+ indiceAtual + ".txt";
        }
        return indiceAtual;
    }