﻿    var xmlDoc      = null;
    var IE          = document.all?true:false
    var tempX       = 0
    var tempY       = 0
    var urlFotos    = new Array();
    
    
    if (!IE) document.captureEvents(Event.MOUSEMOVE)

//        document.onmousemove = getMouseXY;

    function importarXML(arquivo)
    {
        try{
          xmlDoc=new ActiveXObject("Microsoft.XMLDOM"); //Internet Explorer              
        }
        catch(e){
          try{
            xmlDoc=document.implementation.createDocument("","",null);//Firefox, Mozilla, Opera, etc.
          }
          catch(e) {alert(e.message)}
        }
        try{
          xmlDoc.preserveWhiteSpace = true; //Faz com que o IE se comporte tratando XML da mesma forma que o Moz
          xmlDoc.async=false;
          xmlDoc.load(arquivo);
          //alert("XML Pronto");
        }
        catch(e) {alert(e.message)}
    }
    
    
    function listarFotos(local,galeria,inicio){
        //lista as galerias de fotos
        //Parâmetros:   galeria: indica a galeria de foto que devem ser pega a foto.
        //              inicio: indica a partir de que foto devemos exibir. 
        var root        = document.getElementById(local);
        var tabela      = document.createElement('table');      // Criando uma tabela usando objetos DOM
        var corpo       = document.createElement('tbody');      // Criando corpo da tabela
        var texto       = '';
        var qtdColuna   = 5;                                    //Quantidade de colunas com fotos	        
        var qtdLinha    = 6;                                    //Quantidade de linhas com fotos	        
        var qtdExibidas = 0;                                    //Guarda a quantidade de fotos que foram exibidas
        var linha       = null;
        var navFotos    = "";
        var albuns, fotos, colunas;       
           
        
        inicio  = ((inicio==undefined) || (inicio<0))?0:inicio;
        galeria = ((galeria==undefined) || (galeria<0))?0:galeria;
    
        root.innerHTML = '';
        albuns = xmlDoc.getElementsByTagName('album');              //Carregando os albuns
        
        tabela.className = 'tabelaFoto';
        tabela.align = 'center';
        if(galeria<albuns.length){
            fotos = albuns[galeria].getElementsByTagName('foto');   //Pegando a galeria desejada
            
            if(fotos.length >= (qtdColuna*qtdLinha)){
                var totalPags = parseInt(fotos.length/(qtdColuna*qtdLinha)); // Calculando qtd páginas de fotos
                
                if (fotos.length%(qtdColuna*qtdLinha)>0){
                    //se o resto da divisão for maior que zero adiciono mais uma página
                    totalPags++;
                }
                navFotos += "<label id='retroceder' class='nav' onclick='listarFotos(\""+ local + "\"," + galeria + ",0)'><</label>&nbsp";
                for(i=0;i<totalPags;i++){
                    navFotos += "<label id='lstFotos" + i +  "' class='nav' onclick='listarFotos(\""+ local + "\"," + galeria + "," + (i*qtdColuna*qtdLinha) + ");mudarClasse(\"lstFotos\"," + i + ")'>" + (i+1) + "</label>&nbsp";
                }
                navFotos += "<label id='avancar' class='nav' onclick='listarFotos(\""+ local + "\"," + galeria + "," + ((i-1)*qtdColuna*qtdLinha) + ")'>></label>&nbsp";
            }

            //carregar vetor com todas as URLs de fotos
            for(i=0;i<fotos.length;i++){
                urlFotos[i] = fotos[i].childNodes[3].firstChild.nodeValue;                
            }

            i=inicio;        
            while((i<fotos.length) && (qtdExibidas<30)){
                //Percorrendo as fotos
                var atribFotos  = new Array ('','','','','');       // Vetor de atributos para a foto
                
                for(j=0;j<fotos[i].childNodes.length;j++){
                    
                    if ((fotos[i].childNodes[j].nodeType!=1) || 
                        (fotos[i].childNodes[j].firstChild == null)) continue;

                    atribFotos[j] = fotos[i].childNodes[j].firstChild.nodeValue;
                }
                
                if (qtdColuna == 5){                                
                    if(linha!=null){
                        corpo.appendChild(linha);               //Adicionando linha a tabela a cada 6 colunas
                    }
                    linha = document.createElement('tr');       //Criando uma linha
                    qtdColuna = 0;
                }
                coluna              = document.createElement('td');
                coluna.innerHTML    = '<img class="fotoMiniatura" width="70" height="45" src="../images/' + atribFotos[1] + '" onclick="exibirFoto(\'fotografia\',\'' + atribFotos[3] +'\',\'' + atribFotos[5] + '\',' + i + ')">';
                linha.appendChild(coluna);
                corpo.appendChild(linha);
                qtdColuna++;
                qtdExibidas++;
                i++;    
            }
            
        }
        tabela.appendChild(corpo);
        root.appendChild(tabela);
        if(navFotos!=''){
            // Adicionando linhas para navegação
            var nav = document.createElement('div');

            nav.innerHTML = navFotos;
            nav.className = 'navLinha';
            root.appendChild(nav);
            
        }
        
    }                    
    
    function listarGalerias(local,inicio){
        //lista galerias de fotos
        //Parâmetros:   galeria: indica a galeria de foto que devem ser pega a foto.
        //              inicio: indica a partir de qual galeria devemos exibir. 
        var root        = document.getElementById(local);
        var tabela      = document.createElement('table');      // Criando uma tabela usando objetos DOM
        var corpo       = document.createElement('tbody');      // Criando corpo da tabela
        var qtdExibidas = 0;
        var navGalerias = '';
        
        document.getElementsByName("gal").length

        inicio  = ((inicio==undefined) || (inicio<0))?0:inicio;
   
        root.innerHTML = '';
        albuns = xmlDoc.getElementsByTagName('album');              //Carregando os albuns
        
        tabela.className = 'tabelaGaleria';
        tabela.align = 'center';
        
        if(albuns.length >= 7){
            var totalPags = parseInt(albuns.length/7); // Calculando qtd albuns por página
            
            if ((albuns.length%7)>0){
                //se o resto da divisão for maior que zero adiciono mais uma página
                totalPags++;
            }
            navGalerias += "<label class='nav' onclick='listarGalerias(\""+ local + "\",0)'><</label>&nbsp";
            for(i=0;i<totalPags;i++){
                navGalerias += "<label id='lstGal" + i +  "' class='nav' onclick='listarGalerias(\""+ local + "\"," + (i*7) + ");mudarClasse(\"lstGal\"," + i + ")'>" + (i+1) + "</label>&nbsp";
            }
            navGalerias += "<label class='nav' onclick='listarGalerias(\""+ local + "\"," + ((i-1)*7) + ")'>></label>&nbsp";
        }
        
        i=inicio;    
        while((i<albuns.length)&&(qtdExibidas<7)){
            //Percorrendo as fotos
            var atribAlbum  = new Array ('','','','','');       // Vetor de atributos para a foto
            
            for(j=0;j<albuns[i].childNodes.length;j++){
                
                if ((albuns[i].childNodes[j].nodeType!=1) || 
                    (albuns[i].childNodes[j].firstChild == null)) continue;

                atribAlbum[j] = albuns[i].childNodes[j].firstChild.nodeValue;
            }

            linha               = document.createElement('tr');       //Criando uma linha
            linha.id            = i;
            linha.onmouseover   = function(){
                var t = document.getElementById('tb' + this.id);
                t.style.top     = tempY - 100;
                t.style.left    = tempX - 100;
         //       t.style.display = 'block';
                this.className  = 'sublinhado';
            };
            linha.onmouseout    = function(){
                var t = document.getElementById('tb' + this.id);
                t.style.display = 'none';                
                this.className='normal';
            };
            linha.onclick       = function(){listarFotos('fotos',this.id,0);};
            coluna              = document.createElement('td');
            coluna.innerHTML    = atribAlbum[1];
            linha.appendChild(coluna);
            coluna              = document.createElement('td');
            coluna.style.borderLeft = 'solid 1px black';
            linha.appendChild(coluna);
            coluna.innerHTML    = atribAlbum[3];                                
            corpo.appendChild(linha);
            
            var thumb           = document.createElement('div');
            thumb.id            = 'tb' + i;
            thumb.className     = 'thumb';
            thumb.style.display = 'none';
            thumb.innerHTML = 'tb' + i;
            root.appendChild(thumb);
            
            linha               = document.createElement('tr');       //Criando uma linha
            coluna              = document.createElement('td');
            coluna.innerHTML    = '&nbsp;';
            coluna.colSpan      = 2;
            coluna.style.height = '2px';
            linha.appendChild(coluna);                
            corpo.appendChild(linha);
            qtdExibidas++;
            i++;    
        }
            
        tabela.appendChild(corpo);
        root.appendChild(tabela);
        
        if(navGalerias!=''){
            // Adicionando linhas para navegação
            var nav = document.createElement('div');

            nav.innerHTML = navGalerias;
            nav.className = 'navLinha';
            root.appendChild(nav);
            
        }            
  
    }
    
    function exibirFoto(local,url,descricao,pos){
        if(logado==1){
            // Logado vem lá de funcoes.js
            var root       = document.getElementById(local);
            
            root.innerHTML = '';
            
            var foto        = document.createElement('div');
            foto.id = "foto";
            foto.innerHTML  = '<img class="fotoGrande" src= "images/' + url + '" width="450" height="290">';
            foto.className  = 'fotografia';

            var comentario   = document.createElement('div');
            comentario.id = "comentario";
            comentario.className = 'dsfotografia';
            if(descricao!= "undefined"){
                comentario.innerHTML = descricao;
            }

            var voltar          = document.createElement('img');
            voltar.id           = "voltar";
            voltar.className    = "voltaFoto";
            voltar.src          = "zeroum/images/voltaProg.gif"
            if(pos-1 >= 0 ){
                voltar.onclick  = function(){exibirFoto(local,urlFotos[pos-1],descricao,pos-1);}
            }

            var avancar         = document.createElement('img');
            avancar.id          = "avancar";
            avancar.src         = "zeroum/images/avancaProg.gif"
            avancar.className   = 'avancaFoto';            
            avancar.onclick     = function(){exibirFoto(local,urlFotos[pos+1],descricao,pos+1);}
            

            var fechar   = document.createElement('div');
            fechar.id = "fechar"
            fechar.className = 'fechar';
            fechar.style.top = '25px';
            fechar.style.right = '20px';
            fechar.onclick = function(){root.style.display = 'none';};
            
            root.appendChild(foto);
            root.appendChild(avancar);
            root.appendChild(voltar);
            root.appendChild(comentario);
            root.appendChild(fechar);
            
            root.style.display = 'block';
        
        }else{
            document.getElementById("galeriadefoto").innerHTML = document.getElementById("exclusivo_").innerHTML;
        }        
    }
    
    function mudarClasse(nomeComp, comp){
        document.getElementById(nomeComp + comp).innerHTML = '<b>' + (comp + 1) + '</b>';
    }

/*        function getMouseXY(e) {
        if (IE) { // grab the x-y pos.s if browser is IE
            tempX = event.clientX + document.body.scrollLeft
            tempY = event.clientY + document.body.scrollTop
        } else {  // grab the x-y pos.s if browser is NS
            tempX = e.pageX
            tempY = e.pageY
        }  
        if (tempX < 0){tempX = 0}
        if (tempY < 0){tempY = 0}  

        return true
    }
*/        