/* array com os li's da galeria */
var arrLiGaleria = new Array();

/* paginacao da galeria */
function fncPaginacaoGaleria(P_pagina) {
  var li = ''; /* li's da galeria */
  var paginacao = ''; /* paginacao */
  var qtdPag = 4; /* quantidade de fotos por pagina */
  var qtdFotos = arrLiGaleria.length; /* quantidade de fotos */
  var fotoIni = (P_pagina * qtdPag) - qtdPag; /* foto que inicia */
  var totalPag = qtdFotos / qtdPag; /* total de paginas */
  
  /* se tem '.' no total é porque nao é inteiro, entao adiciona 1 */
  if (totalPag.toString().indexOf('.') >= 0)
    totalPag = parseInt(totalPag) + 1;
  
  /* monta lis para exibicao */
  for (i = 0; i < qtdPag; i++) {
    /* nao coloca indices invalidos */
    if (P_pagina > 0 && P_pagina <= totalPag && (fotoIni + i) <= qtdFotos - 1)
      li += arrLiGaleria[fotoIni + i];
  }
  
  /* escreve li's fotos */
  document.getElementById('ulGaleriaFotos').innerHTML = li;
  
  /* links proximo, anterior */
  /* pagina 1 - anterior desabilitado */
  if (P_pagina == 1)
    paginacao = '<a href="javascript:void(0)" class="desabilitado">&laquo; anterior</a>';
  else
    paginacao = '<a href="javascript:fncPaginacaoGaleria(' + (P_pagina - 1) + ')" title="Anterior">&laquo; anterior</a>';
  
  /* ultima pagima - link desabilitado */
  if (P_pagina >= totalPag)
    paginacao += '&nbsp;&nbsp;<a href="javascript:void(0)" class="desabilitado">próximo &raquo;</a>';
  else
    paginacao += '&nbsp;&nbsp;<a href="javascript:fncPaginacaoGaleria(' + (P_pagina + 1) + ')" title="Próximo">próximo &raquo;</a>';
  
  document.getElementById('paginacaoGaleriaFotos').innerHTML = paginacao;
  
} /* fncPaginacaoGaleria */

/* monta li galeria  */
function fncMontaLiGaleria(xml) {
  /* recupera todos os nós foto */
  var nodesFoto = xml.getElementsByTagName("foto");
  /* percorre fotos */
  for (var i = 0; i < nodesFoto.length; i++) {
    /* recupera foto pequena e grande */
    pequena = nodesFoto[i].getElementsByTagName("pequena")[0].childNodes[0].nodeValue;
    grande =  nodesFoto[i].getElementsByTagName("grande")[0].childNodes[0].nodeValue;
    /* adiciona  li ao array  */
    arrLiGaleria[i] = '' + 
                '<li>' + 
                '  <a href="javascript:fncMudarFotoGaleria(\'' + grande + '\')" title="Ampliar imagem">' +
                '    <div class="mascara"></div>' +
                '    <img src="' + pequena + '" width="85" height="54" alt="" />' +
                '  </a>' +
                '</li>';
    /* primeira imagem grande, para inicializacao */
    if (i == 0) document.getElementById('imgGrandeGaleria').src = grande;
  } /*  for */
  /*  monta paginacao, iniciando em 1 */
  fncPaginacaoGaleria(1);
} /* fncMontaLiGaleria */

/* mudar foto */
function fncMudarFotoGaleria(P_nmFoto) {
  document.getElementById('imgGrandeGaleria').src = P_nmFoto;
}