var offset  = 0;
var pagina  = 1;
var paginas = 1;
var limite  = 3;

window.onload = function()
{
/****
 * IAF - 20/07/2011
 * Tive que fazer esta alteração pois a bosta do safari não aceita document.onreadystatechange
 */
//document.onreadystatechange = function()
//{
//   if(document.readyState == "complete")
//   {
      carrega_carrocel("carrocel");
//   }
};

function carrega_carrocel(id_conteiner)
{
   var datapost = "";
   var ajax = openAjax();

   ajax.open('POST', 'inc/listar.php', true);

	ajax.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');

   ajax.onreadystatechange = function()
   {
      if(ajax.readyState == 1)
      {
         // Cria o efeito de loading
         carregando(true, 100, 150);
      }

		if(ajax.readyState == 4 && ajax.status == 200)
		{
         document.getElementById(id_conteiner).innerHTML = "";

         var result = ajax.responseXML;

         var colunas = result.getElementsByTagName("coluna");

         insere_coluna(id_conteiner, colunas);

         carregando(false);
      }
   }

   datapost += "entidade=produto_carrocel";
   datapost += "&offset=" + offset;
   datapost += "&limite=" + limite;

   ajax.send(datapost);
}

function insere_coluna(id, colunas)
{
   var conteiner = document.getElementById(id);

   var ul_carrocel = document.createElement("ul");
   ul_carrocel.id = "lista_foto";

   for(var i = 0; i < colunas.length; i++)
   {
      var conteudo = null;
      var dado = null;
      var nova_coluna = document.createElement("li");

      conteudo = document.createElement("img");
      conteudo.style.border = "0";

      dado = colunas[i].childNodes[0].data.split("|-|");

      paginas = dado[3];

      conteudo.src          = "fotos/" + dado[2];
      conteudo.alt          = dado[1];
      conteudo.title        = dado[1];
      conteudo.style.cursor = "pointer";

      conteudo.setAttribute("id", dado[0]);

      conteudo.onclick = function()
      {
         mostra_produto(this.id);
      };

      var div_nome       = document.createElement("div");
      div_nome.innerHTML = dado[1];

      nova_coluna.appendChild(conteudo);
      nova_coluna.appendChild(div_nome);

      ul_carrocel.appendChild(nova_coluna);
   }

   var seta_esquerda   = document.createElement("img");
   seta_esquerda.src   = "img/png/banner_seta_esquerda.png";
   seta_esquerda.id    = "anterior";
   seta_esquerda.title = "Anterior";
   seta_esquerda.alt   = "Anterior";

   seta_esquerda.onclick = function()
   {
      muda_pagina(this.id);
   };

   def_classe_css(seta_esquerda, "seta_esquerda");

   var seta_direita   = document.createElement("img");
   seta_direita.src   = "img/png/banner_seta_direita.png";
   seta_direita.id    = "proxima";
   seta_direita.title = "Próxima";
   seta_direita.alt   = "Próxima";

   seta_direita.onclick = function()
   {
      muda_pagina(this.id);
   };

   def_classe_css(seta_direita, "seta_direita");

   conteiner.appendChild(seta_esquerda);
   conteiner.appendChild(ul_carrocel);
   conteiner.appendChild(seta_direita);
}

function muda_pagina(sentido)
{
   var lista = false;

   if((sentido == "anterior") && (offset >= limite))
   {
      lista = true;
      offset -= eval(limite);
      pagina--;
   }

   if(sentido == "proxima" && (pagina < paginas))
   {
      lista = true;
      offset += eval(limite);
      pagina++;
   }

   if(lista)
   {
      carrega_carrocel("carrocel");
   }
}

function mostra_produto(descricao)
{
   window.location = descricao;
}