// var arr_personagens_tipo = [
//     {'t':'Personagem 1','d':'descrição do personagem1, o preload ainda está desligado','i':'http://dev.idg.com.br/url_imagem1', 'l':'http://dev.idg.com.br/url_personagem1'},
//    {'t':'Personagem 2','d':'descrição do personagem2, não sei se é necessário preload com broadband','i':'http://dev.idg.com.br/url_imagem2', 'l':'http://dev.idg.com.br/url_personagem2'}
// ];

var ARR_PERSONAGENS = []
var IDX_ATUAL = 0;
var IDX_PRIMEIRO = 0;
var IDX_ULTIMO = 0;
var N_PERSONAGENS = 0;
var TIPO = '';

function initArray(tipo){
    if (tipo != TIPO) {
        N_PERSONAGENS = ARR_PERSONAGENS.length;
        IDX_ATUAL = 0;
        IDX_PRIMEIRO = 0;
        IDX_ULTIMO = N_PERSONAGENS - 1;
        TIPO = tipo;
    }
}

function reload_personagem(i, tipo_personagens) {
    IDX_ATUAL = IDX_ATUAL + i;
    if (IDX_ATUAL > IDX_ULTIMO) {
        IDX_ATUAL = 0;
    } else if (IDX_ATUAL < IDX_PRIMEIRO) {
        IDX_ATUAL = IDX_ULTIMO;
    }

    if (tipo_personagens == 'dnacionais') {
      ARR_PERSONAGENS = arr_per_dnacionais;
      initArray(tipo_personagens);
    }
    else if (tipo_personagens == 'dinternacionais'){
      ARR_PERSONAGENS = arr_per_dinternacionais;
      initArray(tipo_personagens);
    }
    else if (tipo_personagens == 'inacionais'){
      ARR_PERSONAGENS = arr_per_inacionais;
      initArray(tipo_personagens);
    }
    else {
      ARR_PERSONAGENS = arr_per_iinternacionais;
      initArray(tipo_personagens);
    }
    loadPerData(ARR_PERSONAGENS[IDX_ATUAL]['i']);
}

function monta_personagens(title_per, img_per, link_per) {
    document.getElementById('aut_per_tit_'+TIPO).innerHTML = '<a hr'+'ef="' + link_per + '">' + title_per + '<'+'/a>';
    document.getElementById('aut_per_img_'+TIPO).innerHTML = '<img src="" id="tag_img_per_' +TIPO+ '" width="120" height="90">';
    document.getElementById('tag_img_per_'+TIPO).src = img_per;
}


function loadPerData(url) {
    if (window.XMLHttpRequest) {
        xmlhttp_per = new XMLHttpRequest();
    } else if (window.ActiveXObject) {
        xmlhttp_per = new ActiveXObject("Microsoft.XMLHTTP")
    } else {
        alert('Seu browser não suporta os recursos utilizados por este site.');
    }
    if (xmlhttp_per) {
        xmlhttp_per.onreadystatechange = xmlhttpChange_per;
        xmlhttp_per.open("GET", url, true);
        xmlhttp_per.send(null);
    }

}

function xmlhttpChange_per() {
    if (xmlhttp_per.readyState==4) {
        if (xmlhttp_per.status==200) {
            var t = ARR_PERSONAGENS[IDX_ATUAL]['t'];
            var i = ARR_PERSONAGENS[IDX_ATUAL]['i'];
            var l = ARR_PERSONAGENS[IDX_ATUAL]['l'];
            monta_personagens(t,i,l);
        } 
    }
}

function showSublevel(subShow,subHide){
    var show = document.getElementById(subShow);
    var hide = document.getElementById(subHide);
    show.style.display = "block";
    hide.style.display = "none";
}

function changeCSS(elementId, css){
    var element = document.getElementById(elementId);
    element.className = css;
}

function showPersonagens(elementId){
    var arrayElements = ['personagens-dnacionais','personagens-dinternacionais','personagens-inacionais','personagens-iinternacionais'];
    lenArrayElements = arrayElements.length;
    var show = document.getElementById(elementId);
    show.style.display = "block";
    for (var i=0; i < lenArrayElements; i++){
        if (arrayElements[i] != elementId){
            hide = document.getElementById(arrayElements[i]);
            hide.style.display = "none";
        }
    }
}

function changeTipoPersonagem(tipo){
    if (tipo == 'personagens-inacionais'){
        showPersonagens('personagens-inacionais');
        changeCSS('inacionais','selyes');
        changeCSS('iinternacionais','selno');
        reload_personagem(0,'inacionais');
    }
    else if(tipo == 'personagens-iinternacionais'){
        showPersonagens('personagens-iinternacionais');
        changeCSS('iinternacionais','selyes');
        changeCSS('inacionais','selno');
        reload_personagem(0,'iinternacionais');
    }
    else if(tipo == 'personagens-dnacionais'){
        showPersonagens('personagens-dnacionais');
        changeCSS('dnacionais','selyes');
        changeCSS('dinternacionais','selno');
        reload_personagem(0,'dnacionais');
    }
    else if(tipo == 'personagens-dinternacionais'){
        showPersonagens('personagens-dinternacionais');
        changeCSS('dinternacionais','selyes');
        changeCSS('dnacionais','selno');
        reload_personagem(0,'dinternacionais');
    }
}