// HOME PAGE
//==================================================================================================//

var slides;

function slideShow() {
	
	var obj = this;
	
	//variáveis
	this.tempo = 0; 
	this.count = 0;
	this.dados = new Array();
	
	//painel
	this.div = document.getElementById("painel");
	
	// Receber info do ajax
	this.show = function() {
		
		//resposta do servidor
		if (obj.xml.readyState == 4 || obj.xml.readyState == "complete") {
			
			//busca resposta em XML		
			var resposta = obj.xml.responseXML.documentElement;
			var slides = resposta.getElementsByTagName('imagem');
			
			//caso hajam imagens
			if (slides.length > 0) {
				
				//para cada imagem
				for (var i = 0; i < slides.length; i++) {
					
					//inserir na Array
					obj.dados.push({
						id : slides[i].getAttribute("id"),
						nome : slides[i].firstChild.nodeValue
					});
					
				}
				
				//cria imagem
				var novoDiv = document.createElement("div");
					novoDiv.appendChild(document.createElement("img"));
				
				//insere elementos na div
				obj.div.appendChild(novoDiv);
				obj.div.appendChild(document.createElement("b"));
					
			}
			
			//aciona troca de imagens
			obj.play();
	
		}
	
	}
	
	this.play = function() {
	
		//objetos da animação
		var quadro = this.div.getElementsByTagName("div")[0];
		var imagem = this.div.getElementsByTagName("img")[0];
		var titulo = this.div.getElementsByTagName("b")[0];

		//envia imagem atual para o fundo
		quadro.style.background = "url(" + imagem.src + ") top left no-repeat";
		
		//deixa IMG invisível
		mudaAlpha(0, imagem);
		
		//troca caminho para imagem nova
		//imagem.src = "fotos/" + this.dados[this.count].id;
		imagem.src = "imgPainel.php?foto=" + this.dados[this.count].id + "&larg=730&modo=color";
		imagem.alt = this.dados[this.count].nome;
		
		//trocar título
		titulo.innerHTML = this.dados[this.count].nome;
		
		//mostra IMG em fade
		var timer = 0;
		for(i = 0; i <= 100; i++) {
			setTimeout("mudaAlpha(" + i + ", slides.div.getElementsByTagName('img')[0])", (timer * 10));
			timer++;
		}
		
		//acionar função a cada intervalo
		if(this.tempo == 0) { this.tempo = window.setInterval("slides.play()", 3000); }
		
		//verifica próxima foto
		this.count = (this.count == (this.dados.length - 1)) ? 0 : (this.count + 1);
	
	}
	
	//acionar ajax
	this.xml = GetXmlHttpObject();
	this.xml.onreadystatechange = this.show;
	this.xml.open("GET","home.php",true);
	this.xml.send(null);

}

//==================================================================================================//
// ONLOAD

addLoad(function() { slides = new slideShow(); });