// JavaScript Document
var ajxax;
var dado;

// Cria o objeto e faz a requisição
function requisicaoHTTP(tipo,url,assinc){
	
	if(window.XMLHttpRequest){ //Mozila, Safari
		ajax = new XMLHttpRequest();
	} else if (window.ActiveXObject){ //IE
	           ajax = new ActiveXObject("Msxml2.XMLHTTP");
			   if(!ajax) {
				   ajax = new ActiveXObject("Microsoft.XMLHTTP");
			   }
	}
	 if(ajax){iniciaRequisicao(tipo,url,assinc);}
	     else {alert ("Seu Navegador não possui suporte a este serviço, atualize seu Navegador");}
 }
 
// Inicializa o objeto criado e envia os dados (se existirem)
function iniciaRequisicao(tipo,url,bool){
	
     ajax.onreadystatechange = trataResposta;
	 ajax.open(tipo,url,bool);
	 inicia_loading('loading', 10000);
	 ajax.setRequestHeader("Content-Type", "application/x-www-frm-urlencded; charset=ISO-8859-1");
	 //ajax.overrideMimeType("text/XML"); /* usado somente no Mozila */
	 ajax.send(dado);
}

// Inicia requisição com envio de dados
function enviaDados(url){
	
	criaQueryString();
	requisicaoHTTP("POST",url,true);
}

// Cria a String a ser enviada, formato campo1 = calor1=valor1&campo2=valor2 ...
function criaQueryString(){
	dado="";
	var frm = document.forms[0];
	var numElementos = frm.elements.length;
	for (var i = 0; i<numElementos; i++){
		if(i<numElementos-1) {
			dado += frm.elements[i].name+"="+encodeURIComponent(frm.elements[i].value)+"&";}
			else {
				 dado += frm.elements[i].name+"="+encodeURIComponent(frm.elements[i].value); }
			  
		}//fecha for
}

// Trata a resposta do servidor
function trataResposta(){
	
	if(ajax.readyState == 4){
		  
		if(ajax.status == 200){
			trataDados(); //criar essa função de acordo com as suas restrições
		} else alert ("Problema na comunicação com o objeto XMLHttpRequest");
	}
}

function trataDados(){
	finaliza_loading('loading');
	var info = ajax.responseText;
	var saida = document.getElementById("home_lista");
	saida .innerHTML = info;
 
}

function inicia_loading(elemento, ml){
	show_loading(elemento);
	setTimeout("finaliza_loading('"+elemento+"')", ml);
	}

function finaliza_loading(elemento){
	
	elemento = document.getElementById(elemento);
	clearTimeout();
	elemento.innerHTML = "";
	elemento.style.display = "none";
	elemento.style.width = "0px";
	elemento.style.height = "0px";
	
}
	 
function show_loading (elemento){
	elemento = document.getElementById(elemento);
	elemento.innerHTML = "<div align='center'><img src='imagens/laoyut/waiting.gif' /></div>";
	elemento.style.display = "block";
	}