var slidewidth = "204px"; // width do slideshow
var slideheight = "300px"; // height do slideshow
var slidecycles = "continous"; // nummero de loops do slideshow (ex: "2" ou "continous")
var randomorder = "no"; // randomizar a ordem? "yes" or "no"
var preloadimages = "yes"; // pre-carregar imagens? "yes" or "no"
var slidebgcolor = 'white';
var currentslide = 0;
var ie = document.all;
var dom = document.getElementById;
var curcycle = 0;
var cacheimage = null; // Inicializa variavel para cache de imagens.
var slidedelay = 10000;// configurar o tempo entra cada transicao (em milisegundos)
var ultimateshow = null;
var ultimateshowCopy = null;
var crossrotateobj = null; // Objeto para identificar a ID de imagem do destaque, no IE e DOM.



function buscarDestaques() {
    // seta no gerente todos objetos da collection com o parametro recebido
    dwrGerenteDestaque.buscarDestaquesExibicao( {
        callback : function(listaDestaques) {
            dwrGerenteDestaque.getCaminhoDestaques( {
                callback : function(caminho) {
                    //alert("Cam: "+caminho+" - Lista: "+listaDestaques);
                    ultimateshow = new Array(listaDestaques.length);
                    for ( var indice = 0; indice < listaDestaques.length; indice++) {
                        //alert('URL: '+listaDestaques[indice].url);
                        ultimateshow[indice] = [ caminho + listaDestaques[indice].imagem, 'http://www.imagemfilmes.com.br', listaDestaques[indice].texto, listaDestaques[indice].titulo, listaDestaques[indice].url ];
                    }
                    
                    // monta os destaques
                    montaDestaques();
                }
            });
        }
    });
}

function start_slider() {
    crossrotateobj = dom ? document.getElementById("destaque") : document.all.destaqueImg;
    rotateimages();
}

function stop_slider() {
    clearTimeout(rodar);
}

function goto_slider(slide) {
    clearTimeout(rodar);
    currentslide = slide;
    crossrotateobj = dom ? document.getElementById("destaque") : document.all.destaqueImg;
    rotateimages();
    clearTimeout(rodar);
}

function montaDestaques() {
    //alert(DWRUtil.toDescriptiveString(ultimateshow, 2));
    if (preloadimages == "yes") {
        for (i = 0; i < ultimateshow.length; i++) {
            cacheimage = new Image();
            cacheimage.src = ultimateshow[i][0];
        }
    }
    function randomize(targetarray) {
        ultimateshowCopy = new Array();
        var the_one;
        var z = 0;
        while (z < targetarray.length) {
            the_one = Math.floor(Math.random() * targetarray.length);
            if (targetarray[the_one] != "_selected!") {
                ultimateshowCopy[z] = targetarray[the_one];
                targetarray[the_one] = "_selected!";
                z++;
            }
        }
    }
    
    if (randomorder == "yes") {
        randomize(ultimateshow);
    } else {
        ultimateshowCopy = ultimateshow;
    }
    
    if (ie || dom) {
        start_slider();
    }
}

function rotateimages() {
    curcycle = (currentslide == 0) ? curcycle + 1 : curcycle;
    ultcontainer = '<div id="destaqueImg"';
    if (ultimateshowCopy.length > 0 && ultimateshowCopy[currentslide][1] != "") {
        ultcontainer += ' style="background-image:url(' + ultimateshowCopy[currentslide][0] + ')">';
        if (ultimateshowCopy[currentslide][1] != "") {
            
            // link para imagem
            ultcontainer += '<a href="' + ultimateshowCopy[currentslide][4] + '">';
            ultcontainer += '<img border="0" src="../template/imagens/spacer.gif" width="478" height="390">';
            ultcontainer += '</a>';
            ultcontainer += '</div><div id="destaqueCtrl">';
            
            // bolinhas
            for (i = 0; i < ultimateshow.length; i++) {
                ultcontainer += '<a href="#" class="';
                ultcontainer += (currentslide == i) ? 'destOn' : '';
                ultcontainer += '" onclick="goto_slider(\'' + i + '\')">';
                ultcontainer += '<img border="0" src="../template/imagens/spacer.gif">';
                ultcontainer += '</a>';
            }
            ultcontainer += '</div>';
            if (ie || dom) {
                crossrotateobj.innerHTML = ultcontainer;
                if (currentslide == ultimateshow.length - 1) {
                    currentslide = 0;
                } else {
                    currentslide++;
                }
                if (curcycle == parseInt(slidecycles) && currentslide == 0) {
                    return;
                }
                rodar = setTimeout("rotateimages()", slidedelay);
            }
        }
    }
}
