var moving = false;
		var mouseover=false;

    $(document).ready(function(){


		$("#menu_principal #menu li a span").hide();
		
		$("#menu_principal #menu li").hover(
			function(){
				$(this).find("a span").stop(true,true).fadeIn(500);
			}
			,
			function(){
				$(this).find("a span").stop(true,true).fadeOut(500);
			}
		);
		
		
		$("#col_pagamento #abre_formapg").hide();
		
		$("#col_pagamento a").hover(
			function(){
				$("#abre_formapg").stop(true,true).fadeIn(500);
			}
			,
			function(){
				$("#abre_formapg").stop(true,true).fadeOut(500);
			}
		);
		
		
		
		// INICIO EFEITO MENU LATERAL
	
		$("li ul li ul").hide();
	
		$("ul li a").click(function () {
		$(this).next().stop(true,true).slideToggle("slow");
		
			if ($(this).hasClass("aberto") || $(this).stop(true,true).hasClass("fechado"))
			{
				$(this).stop(true,true).toggleClass("aberto");
				$(this).stop(true,true).toggleClass("fechado");
			}
		});
	// FIM EFEITO MENU LATERAL




		// funcoes slide noticias
		$(".next").click(function()
		{
			mouseover=true;
			prox($(this).parent().parent().find(".mask .lista_fotos"));
		});
		$(".prev").click(function()
		{
			mouseover=true;
			ant($(this).parent().parent().find(".mask .lista_fotos"));
		});



		
		//setas produtos
		$(".seta_dir").click(function()
		{
			mouseover=true;
			prox_home($(this).parent().parent().find("#mask_prod #prod_destaque"));
		});
		$(".seta_esq").click(function()
		{
			mouseover=true;
			ant_home($(this).parent().parent().find("#mask_prod #prod_destaque"));
		});




    });
	
	
	
		//fotos noticias
		function prox(obj)
		{
			mask	= $(".mask").width();
			tamanho = mask * $(obj).find("li").length;
			minLeft = mask-tamanho;
			
			$(obj).width(tamanho);
				
			if(!moving)
			{
				moving = true;
				
				$(obj).animate({left : "-="+mask+"px"}, 1000, "",
				function()
				{
					moving = false;
					if(parseInt($(obj).css("left")) <= minLeft)
					{
						$(obj).css('left', 0);
					}
				});
				
			}
		}
		
		function ant(obj)
		{
			mask	= $(".mask").width();
			tamanho = mask * $(obj).find("li").length;
			minLeft = mask-tamanho;
			
			$(obj).width(tamanho);
			
			if(!moving)
			{
				
				if(parseInt($(obj).css("left")) >= 0)
				{
					$(obj).css('left', minLeft);
				}
				moving = true;
				
				$(obj).animate({left : "+="+mask+"px"}, 1000, "",
				function()
				{
					moving = false;
				});
			}
		}

	
	
	
	
		//botoes produto home
		function prox_home(obj)
		{
			mask	= $("#mask_prod").width();
			tamanho = mask * $(obj).find("li").length/4;
			minLeft = mask-tamanho;
			
			$(obj).width(tamanho);

			if(parseInt($(obj).css("left")) > minLeft)
			{				
				if(!moving)
				{
				moving = true;

					$(obj).animate({left : "-="+mask/2+"px"}, 1000, "",
					function()
					{
						moving = false;
					});
				}				
			}
		}
		
		function ant_home(obj)
		{
			mask	= $("#mask_prod").width();
			tamanho = mask * $(obj).find("li").length/4;
			minLeft = mask-tamanho;
			
			$(obj).width(tamanho);
			
			if(parseInt($(obj).css("left")) < 0)
			{
				if(!moving)
				{
				moving = true;
				
					$(obj).animate({left : "+="+mask/2+"px"}, 1000, "",
					function()
					{
						moving = false;
					});
				}
			}
		}

//Função responsavel por fazer a listagem dos registros.

//O trecho abaixo utiliza o objeto AJAX para enviar para o servidor assincronicamente. Isso está explicito na linha 16 (3º parâmetro).

   function listar(pagina){
     //criar o objAjax
	 ObjAjax();
	 if(ajax) {
	   //Pego a quantidade de resgistro por página definido pelo usuário no index. 
	   var qtdRegPorPag = document.getElementById('regPag').value;
	   
	   //Pego o tipo de ordenação definido pelo usuário no index.
	   var ordenacao = document.getElementById('ordenacao').value;
	   
	   //Definir URL para onde devemos fazer a listagem passando a página que queremos.
	   //Definir Parametros onde devemos passar junto a url a pagina atual, qtd de registro por página, ordenação e
	   //dummy uma variavel criada para evitar que o IE guarde em cache a navegação com isso essa variavel "nunca" será igual.
	   var url = "listagem.php";
	   var parametros = "?pagina="+pagina+"&regPorPag="+qtdRegPorPag+"&ordenacao="+ordenacao+'&milisegundos='+new Date().getTime(); 
	   ajax.open("GET", url+parametros, true);
	   //Enquanto o processa a listagem mostra para o usuário a mensagem "carregando".
	   var divCarregando = document.getElementById("carregando");
	   divCarregando.style.display = 'block';
	   //invoco a função paginar
	   ajax.onreadystatechange = paginar;
       ajax.send(null);
	 }
   }

//Abaixo está o principal trecho, é responsável pela paginação do resultado.

function paginar(){
	 //Verifico se o servidor concluiu a solicitação.
	 if (ajax.readyState == 4) { 
	   //Informa o código de status do Servidor. "200" = OK
	   if(ajax.status == 200){
	    //valor guarda a resposta do servidor, que nesse caso é o XML gerado pelo arquivo listagem.php
		 var valor = ajax.responseXML;
		 
	     var pagAtual = valor.getElementsByTagName("pagAtual")[0].firstChild.nodeValue;//pagAtual = página atual
	     var totalReg = valor.getElementsByTagName("totalReg")[0].firstChild.nodeValue;//totalReg = qtd total de registro do SQL
	     var numPag   = Math.ceil(valor.getElementsByTagName("numPag")[0].firstChild.nodeValue);// numPag = qtd de páginas
	   
	     if (totalReg == 0){
		   //caso entre aqui é pq não existe registro o banco, com isso eu "desabilito" os dois select,
		   //exibo a mensagem "Nenhum registro encontrado" e
		   //apago todo o conteúdo da tabela que exibi os registros.
	       document.getElementById('ordenacao').disabled = true;
		   document.getElementById('regPag').disabled = true;
		   divCarregando = document.getElementById("carregando");
	       substituirTexto(divCarregando, "Nenhum registro encontrado");
		   if(document.getElementById('tabelaPrincipal').rows.length>1){
		     document.getElementById('tabelaPrincipal').deleteRow(0);
		     document.getElementById('tabelaPrincipal').deleteRow(0);
		   }

}else{
           //caso entre aqui é pq existe registro o banco, com isso eu "habilito" os dois select.
		   document.getElementById('ordenacao').disabled = false;
		   document.getElementById('regPag').disabled = false;
		   //dataArray = guarda uma matriz com todas informações do xml que pertencer a tag <estado></estado>
		   var dataArray   = valor.getElementsByTagName("cidade");
	       //Utilizado para Limpar a tabela que será usada para mostrar os resgistros
	       while(document.getElementById('tabelaPrincipal').rows.length>0){
		     document.getElementById('tabelaPrincipal').deleteRow(0);
	       }
	       
		   //definição do tamanho das tabelas:
		   //  "tabelaPrincipal" que é usada para mostrar os resgistros
		   //  "tabelaPaginas" que usada para paginar.
	       document.getElementById("tabelaPaginas").width="320";
	       document.getElementById("tabelaPrincipal").width="320";
	   
	       //Inicio da escrita da tebela com o resultado
		   
		   //isso gera uma linha com duas colunas e com conteúdo ID e NOME respectivamente
	       var x=document.getElementById('tabelaPrincipal').insertRow(0);
           var y=x.insertCell(0);
           var z=x.insertCell(1);
           substituirTexto(y, 'ID');
	       substituirTexto(z, 'NOME');
           
           //Início do processo da paginação propriamente dita
           //quarda a página anterior
		   var anterior = (pagAtual - 1); 
		   //guarda a página posterior
	       var proximo  = (Number(pagAtual) + 1);
		
	       if ((totalReg % dataArray.length!=0)){
		     while(totalReg % dataArray.length!=0){
		       totalReg++;
		     }
	       }
		
	       if (pagAtual > 1) {
		     //Exibi o texto com o link Primeiro e Anterior, caso a pagina atual seja > 1
			 document.getElementById("pri").style.display = 'block';
		     document.getElementById("ant").style.display = 'block';
		     document.getElementById("pri").href="javascript:listar(1)";
		     document.getElementById("ant").href="javascript:listar("+anterior+")";
	       } else { 
		     //Esconde o texto com o link Primeiro e Anterior, caso a página atual seja < 1
			 document.getElementById("pri").style.display = 'none';
		     document.getElementById("ant").style.display = 'none';
		     document.getElementById("pri").href="javascript:listar(1)";
		     document.getElementById("ant").href="javascript:listar("+anterior+")";
	       }

	       if (pagAtual < numPag) {
		     //Exibi o texto com o link Proximo e Ultimo, caso a pagina atual seja < qtd total de páginas
			 document.getElementById("pro").style.display = 'block';
		     document.getElementById("ult").style.display = 'block';
		     document.getElementById("pro").href="javascript:listar("+proximo+")";
		     document.getElementById("ult").href="javascript:listar("+numPag+")";
	       } else {
		     //Esconde o texto com o link Proximo e Ultimo, caso a pagina atual seja >= qtd total de páginas
			 document.getElementById("pro").style.display = 'none';
		     document.getElementById("ult").style.display = 'none';
		     document.getElementById("pro").href="javascript:listar("+proximo+")";
		     document.getElementById("ult").href="javascript:listar("+numPag+")";
	       } 
           //Laço para ir exibindo os resgistro linha a linha
	       for(var i = 0 ; i < dataArray.length ; i++) {
             var item = dataArray[i];
		     //contéudo dos campos no arquivo XML
		     var id   =  item.getElementsByTagName("id")[0].firstChild.nodeValue;
		     var nome =  item.getElementsByTagName("nome")[0].firstChild.nodeValue;
		     
			 //será exibido sempre no fim da tabela
			 var posicaoFimTabela = document.getElementById('tabelaPrincipal').rows.length;
	         var x=document.getElementById('tabelaPrincipal').insertRow(posicaoFimTabela)
             var y=x.insertCell(0);
             var z=x.insertCell(1);
             y.width = 30;
			 y.align = 'center';
			 substituirTexto(y, id);
			 z.width = 290;
		     substituirTexto(z, nome);
	       }
		   // Fim do processo da paginação propriamente dita
		   
		   //LimparTexto = função usado para limpar o texto e usada tb para a função substituirTexto
	       var divCarregando = document.getElementById("carregando");
	       divCarregando.style.display = 'none';
	     }
	   }
	 }
   }