// Componente Lista de Imagem
//
// Copyright © DeltaSoft CE

function updateView(controlId) {
    eval("var startIndex = " + controlId + "_sIndex");
    eval("var imgCount = " + controlId + "_urls.length");
    var lHandle = document.getElementById(controlId + "_lhandle");
    var rHandle = document.getElementById(controlId + "_rhandle");
    if (imgCount == 3) {
        lHandle.style.backgroundImage = "";
        lHandle.style.cursor = "default";
        lHandle.setAttribute("onclick", null);
        rHandle.style.backgroundImage = "";
        rHandle.style.cursor = "default";
        rHandle.setAttribute("onclick", null);
    }
    else if (startIndex > 0 && startIndex + 3 < imgCount) {
        lHandle.style.backgroundImage = "url('Imagens/RolarEsquerda.png')";
        lHandle.style.cursor = "pointer";
        lHandle.setAttribute("onclick", "moveLeft('" + controlId + "')");
        rHandle.style.backgroundImage = "url('Imagens/RolarDireita.png')";
        rHandle.style.cursor = "pointer";
        rHandle.setAttribute("onclick", "moveRight('" + controlId + "')");
    }
    else if (startIndex + 3 == imgCount) {
        lHandle.style.backgroundImage = "url('Imagens/RolarEsquerda.png')";
        lHandle.style.cursor = "pointer";
        lHandle.setAttribute("onclick", "moveLeft('" + controlId + "')");
        rHandle.style.backgroundImage = "";
        rHandle.style.cursor = "default";
        rHandle.setAttribute("onclick", null);
    }
    else if (startIndex == 0) {
        lHandle.style.backgroundImage = "";
        lHandle.style.cursor = "default";
        lHandle.setAttribute("onclick", null);
        rHandle.style.backgroundImage = "url('Imagens/RolarDireita.png')";
        rHandle.style.cursor = "pointer";
        rHandle.setAttribute("onclick", "moveRight('" + controlId + "')");
    }
    var title1 = document.getElementById(controlId + "_title1");
    var title2 = document.getElementById(controlId + "_title2");
    var title3 = document.getElementById(controlId + "_title3");
    var desc1 = document.getElementById(controlId + "_desc1");
    var desc2 = document.getElementById(controlId + "_desc2");
    var desc3 = document.getElementById(controlId + "_desc3");
    var url1 = document.getElementById(controlId + "_img1");
    var url2 = document.getElementById(controlId + "_img2");
    var url3 = document.getElementById(controlId + "_img3");
    eval("var titles = " + controlId + "_titles");
    eval("var descriptions = " + controlId + "_descriptions");
    eval("var urls = " + controlId + "_urls");
    title1.innerHTML = titles[startIndex];
    title2.innerHTML = titles[startIndex + 1];
    title3.innerHTML = titles[startIndex + 2];
    desc1.innerHTML = descriptions[startIndex];
    desc2.innerHTML = descriptions[startIndex + 1];
    desc3.innerHTML = descriptions[startIndex + 2];
    url1.style.backgroundImage = "url('" + urls[startIndex] + "')";
    url2.style.backgroundImage = "url('" + urls[startIndex + 1] + "')";
    url3.style.backgroundImage = "url('" + urls[startIndex + 2] + "')";
}

function imageClick(controlId, index) {
    eval("var targets = " + controlId + "_targets");
    eval("var startIndex = " + controlId + "_sIndex");
    var target = targets[startIndex + index];
    if (!target || target == "")
        return;
    window.location = target;
}

function moveLeft(controlId) {
    eval(controlId + "_sIndex--");
    updateView(controlId);
}

function moveRight(controlId) {
    eval(controlId + "_sIndex++");
    updateView(controlId);
}