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

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

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

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

}

//criar array das imagens e legendas
function showHome() {
	
	var target = document.getElementById("home");
	
	if (xmlHome.readyState == 4 || xmlHome.readyState == "complete") {
		
		//busca resposta em XML
		var resposta = xmlHome.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])); 

			//insere elementos da Div
			target.appendChild(novoImg);
			target.appendChild(novoDiv);
			
			//aciona 1º transição em 5 segundos
			setTimeout("fadeImagem()", 5000);
			
		}
		//caso não hajam imagens coloca uma default
		else { target.style.backgroundImage = "url(interface/imagens/home_painel.jpg)"; }
		
	}

}

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

function fadeImagem() {

	//variáveis de velocidade
	var speed = 10;
    var timer = 0;
	
	//objetos
	var painelDiv = document.getElementById("home");
	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('home').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

(navigator.appName.search("Microsoft") == -1) ? window.addEventListener("load", findHome, false) : window.attachEvent("onload", findHome) ;