// HOME
//==========================================================================================

var timeFade = 0;
var painelNum = 1;
var painelFoto = new Array();
var painelInfo = new Array();

//==========================================================================================
// AJAX

var xmlHttp = "";

// Verifica qual HttpRequest deve ser acionado e cria o objeto
function GetXmlHttpObject() {
	
	var objXMLHttp = null
	
	if (window.XMLHttpRequest) { objXMLHttp = new XMLHttpRequest() }
	else if (window.ActiveXObject) { objXMLHttp = new ActiveXObject("Microsoft.XMLHTTP") }
	
	return objXMLHttp

}

//Busca informações no servidor
function findHome() {
	
	xmlHttp = GetXmlHttpObject();
	xmlHttp.onreadystatechange = showHome;
	xmlHttp.open("GET","includes/engines/ajaxHome.asp",true);
	xmlHttp.send(null);

}

//criar array das imagens e legendas
function showHome() {
	
	var target = document.getElementById("conteudo").getElementsByTagName("dl")[0].getElementsByTagName("dd")[0];
	
	if (xmlHttp.readyState == 4 || xmlHttp.readyState == "complete") {
		
		//busca resposta em XML		
		var resposta = xmlHttp.responseXML.documentElement;
		var imagens = resposta.getElementsByTagName('imagem');
		
		//caso hajam imagens
		if (imagens.length > 0) {
			
			//insere valores nas Arrays
			for (var i = 0; i < imagens.length; i++) {
				painelFoto.push(imagens[i].getAttribute("id"));
				painelInfo.push(imagens[i].firstChild.nodeValue);
			}
		
			//cria imagem com src da 1º foto
			var novoImg = document.createElement('img');
				novoImg.setAttribute('src', "../imagens/home/" + painelFoto[0] + ".jpg"); 

			//cria Div com a 1º legenda
			var novoDiv = document.createElement('div');
				novoDiv.appendChild(document.createTextNode(painelInfo[0])); 

			//cria Painel com os elementos inseridos
			var novoPainel = document.createElement('div');
				novoPainel.setAttribute('id', "painel"); 
				novoPainel.appendChild(novoImg);
				novoPainel.appendChild(novoDiv);

			//insere elementos na página
			target.appendChild(novoPainel);
			
			//aciona 1º transição em 5 segundos
			setTimeout("fadeImagem()", 5000);
			
		}
		
	}

}

//==========================================================================================
// transição de imagens com fade

function fadeImagem() {

	//variáveis de velocidade
	var speed = 10;
    var timer = 0;
	
	//objetos
	var painelDiv = document.getElementById("painel");
	var painelImg = painelDiv.getElementsByTagName("img")[0];
	var painelLegenda = painelDiv.getElementsByTagName("div")[0];
    
    //envia imagem atual para o fundo
    painelDiv.style.backgroundImage = "url(" + painelImg.src + ")";
    
    //deixa IMG invisível
    mudaAlpha(0, painelImg);
    
    //troca caminho para imagem nova
    painelImg.src = "../imagens/home/" + painelFoto[painelNum] + ".jpg";
	painelLegenda.innerHTML = painelInfo[painelNum];

    //mostra IMG em fade
    for(i = 0; i <= 100; i++) {
        setTimeout("mudaAlpha(" + i + ", document.getElementById('painel').getElementsByTagName('img')[0])", (timer * speed));
        timer++;
    }
	
	//acionar função a cada intervalo
	if(timeFade == 0) { timeFade = window.setInterval("fadeImagem()", 5000); }
	
	//verifica próxima foto
	painelNum = (painelNum == (painelFoto.length - 1)) ? 0 : (painelNum + 1);

} 

// muda transparência para todos os browsers

function mudaAlpha(valor, objeto) {

	objeto.style.opacity = (valor / 100);
    objeto.style.MozOpacity = (valor / 100);
    objeto.style.KhtmlOpacity = (valor / 100);
    objeto.style.filter = "alpha(opacity=" + valor + ")";
	
}

//==========================================================================================
// onload

onload = findHome;