/*
 * Paine Dinâmico
 *
 * @author Alan Raphael (alan@xr1.com.br)
 * @version 1.0.6.23.10
 */
 
//Realiza o efeito fade in
function efeitoFade(contaFade)
{
	tempoDoEfeito = 1; //Tempo de transição do efeito fade em centésimos
	
	campoImagem = document.getElementById("foto-painel");
	campoTexto = document.getElementById("texto-painel");
	
	efeito = Array(0.1, 0.2, 0.3, 0.4, 0.5, 0.6, 0.7, 0.8, 0.9, 1); //Transparência padrão para outros browser's
	efeito2 = Array(10, 20, 30, 40, 50, 60, 70, 80, 90, 100); //Transparência para IE
	
	campoImagem.style.filter = "alpha(opacity=" + efeito2[contaFade] + ")";
	campoImagem.style.MozOpacity = efeito[contaFade];
	campoImagem.style.opacity = efeito[contaFade];	
	
	campoTexto.style.filter = "alpha(opacity=" + efeito2[contaFade] + ")";
	campoTexto.style.MozOpacity = efeito[contaFade];
	campoTexto.style.opacity = efeito[contaFade];	
	
	contaFade++;
	
	if(contaFade == 10)
		clearInterval(paraFade);
	else	
		paraFade = setTimeout("efeitoFade(" + contaFade + ")", tempoDoEfeito + "00");
}

/*
 * Função Principal
 *
 * @param Variável clique recebe valor true se for clicado, caso contrário recebe false
 * @param Variável valor recebe o valor correspondente ao campo do painel
 * ex.: <a href="#" onclick="painelMinia(true, 1)" id="link-1">Botão 1</a>
 */
function painelMinia(clique, valor)
{
	nPaineis = 3; //Número de paineis disponíveis
	tempoIntervalo = 10; //Intervalo de tempo para rotação no painel em segundos
	corLink = "#FFF"; //Cor do botão ao estar ativo
	corLinkPadrao = "#AD271C" //Cor do botão ao estar inativo
	
	if(valor == 1)
		botao = nPaineis;
	else
		botao = valor - 1;
	
	if(valor > nPaineis || isNaN(valor))
	{
		valor = 1;
		botao = nPaineis;
	}	
	
	if(clique == true)
	{
		for(i = 1; i <= nPaineis; i++)
		{
			document.getElementById("link-" + i).style.color = corLink; //Cor texto
			document.getElementById("link-" + i).style.backgroundColor = corLinkPadrao; //Cor fundo
		}
		
		clearInterval(intervalo);
	}
			
	imagem = document.getElementById("foto-" + valor).innerHTML;
	texto = document.getElementById("texto-" + valor).innerHTML;
	
	document.getElementById("link-" + botao).style.backgroundColor = corLinkPadrao; //Cor fundo
	document.getElementById("link-" + valor).style.backgroundColor = corLink; //Cor fundo
	document.getElementById("link-" + botao).style.color = corLink; //Cor texto
	document.getElementById("link-" + valor).style.color = corLinkPadrao; //Cor texto
	
	document.getElementById("foto-painel").innerHTML = imagem;
	
	this.efeitoFade(0);
	
	document.getElementById("texto-painel").innerHTML = texto;
	
	valor++;
	botao++;
	
	intervalo = setTimeout("painelMinia(false, " + valor + ")", tempoIntervalo + "000");
}


if(window.addEventListener)
	window.addEventListener("load", painelMinia, false);
else
	window.attachEvent("onload", painelMinia);