var DESIGN_GRAFICO = 0;
var WEB_DESIGN = 1;
var MULTIMIDIA = 2;
var ANIMACAO = 3;

var imagensTitulo = new Array();
imagensTitulo[DESIGN_GRAFICO] = "titulo_designgrafico.png";
imagensTitulo[WEB_DESIGN] = "titulo_webdesign.png";
imagensTitulo[MULTIMIDIA] = "titulo_multimidia.png";
imagensTitulo[ANIMACAO] = "titulo_animacao.png";

var info = new Array();
info[DESIGN_GRAFICO] = new Array();
info[WEB_DESIGN] = new Array();
info[MULTIMIDIA] = new Array();
info[ANIMACAO] = new Array();

var primeiroItem = -1;
var ultimoItem = -1;
var selectedArea = -1;

function abrirDestaque(id, categoria) {
    if (categoria == "DG")
        abrirLighbox(DESIGN_GRAFICO, id)
    else if (categoria == "WD")
        abrirLighbox(WEB_DESIGN, id)
    else if (categoria == "MU")
        abrirLighbox(MULTIMIDIA, id)
    else if (categoria == "AN")
        abrirLighbox(ANIMACAO, id)
}

function abrirLighbox(area, id) {

    selectedArea = area;

    document.getElementById('LB_Fundo').style.height = (top.document.documentElement.scrollHeight) + "px";
    document.getElementById('LB_Main').style.left = parseInt((top.document.documentElement.clientWidth - 804) / 2, 10) + "px";
    document.getElementById('LB_Main').style.top = (parseInt(document.documentElement.scrollTop, 10) + 20) + "px";
    
    document.getElementById('LB_Main').style.display = 'block';
    document.getElementById('LB_Fundo').style.display = 'block';

    document.getElementById("Logo").src = "_img/" + imagensTitulo[selectedArea];

    if (info[selectedArea].length > 0) {

        if (id == -1)
            mostraItem(0);
        else {

            for (var i = 0; i < info[selectedArea].length; i++) {
                if (parseInt(id, 10) == parseInt(info[selectedArea][i][6], 10)) {
                    mostraItem(i);
                }
            }

        }
        primeiroItem = 0;
    }

    for (var i = 0; i < info[selectedArea].length && i < 6; i++) {
        document.getElementById("Thumb" + (i + 1)).alt = info[selectedArea][i][0];
        document.getElementById("Thumb" + (i + 1)).src = "_imgprojetos/" + info[selectedArea][i][4];
        ultimoItem = i;
    }


}

function show(indice) {
    if (indice <= info[selectedArea].length) {
        indice = primeiroItem + indice - 1;
        mostraItem(indice);
    }
}

function mostraItem(indice) {
    document.getElementById("Projeto").innerHTML = info[selectedArea][indice][0];
    document.getElementById("Cliente").innerHTML = info[selectedArea][indice][1];
    document.getElementById("Descritivo").innerHTML = info[selectedArea][indice][2];

    var desc = info[selectedArea][indice][3];
    var url = info[selectedArea][indice][3];
    if (url != "") {
        if (url.substr(0, 7) != "http://")
            url = "http://" + url;
        document.getElementById("Link").innerHTML = "<a href=\"" + url + "\" target=\"_new\">" + desc + "</a>";
    }
    else
        document.getElementById("Link").innerHTML = "";

    document.getElementById("Imagem").alt = info[selectedArea][indice][0];
    document.getElementById("Imagem").src = "_imgprojetos/" + info[selectedArea][indice][5];
}

function scrollDown() {
    if (primeiroItem + 6 < info[selectedArea].length) {
        primeiroItem++;
        ultimoItem++;
        updateList();
    }
}

function scrollUp() {
    if (primeiroItem > 0) {
        primeiroItem--;
        ultimoItem--;
        updateList();
    }
}

function updateList() {
    var count = 1;
    for (var i = primeiroItem; i <= ultimoItem; i++) {
        document.getElementById("Thumb" + count).src = "_imgprojetos/" + info[selectedArea][i][4];
        count++;
    }
}

function fecharLightBox() {
    document.getElementById('LB_Main').style.display = 'none';
    document.getElementById('LB_Fundo').style.display = 'none';

    document.getElementById("Projeto").innerHTML = "";
    document.getElementById("Cliente").innerHTML = "";
    document.getElementById("Descritivo").innerHTML = "";
    document.getElementById("Link").innerHTML = "";
    document.getElementById("Imagem").src = "_img/dot.png";
    for (var i = 1; i <= 6; i++) {
        document.getElementById("Thumb" + i).src = "_img/dot.png";
    }
}