/*
 * Efeitos do Banner
 */

//Variáveis Globais
var img = new Array();
var lk = new Array();

var contBanner = 0;
var cont =0;
var timeout;
var div = 1;
var div_arredondar;

//responsável pelo efeito de transação
function transicao()
{
	//zera o tempo do setTimeout
	clearTimeout(timeout);
	
	//efeito de transição
	if(div ==1)
	{
		$("#img_frente").css('background-image', 'url("publico/img/'+img[cont]+'")');
		$("#img_traz").fadeOut("slow");
		$("#img_frente").fadeIn("slow");
		
		div = 2;
	}
	else
	{
		$("#img_traz").css('background-image', 'url("publico/img/'+img[cont]+'")');
		$("#img_frente").fadeOut("slow");
		$("#img_traz").fadeIn("slow");
		
		div = 1;
	}
	
	$("#img_suporte").click(
		function()
		{
			//document.location = lk[cont];
		}
	);
	
	cont++;
	
	//zera a variável i2 para forçar um loop quando a função for chamada novamente pelo setTimeout
	if(cont == contBanner)
	{
		cont = 0;
	}
	
	timeout = setTimeout(function(){transicao();}, 5000);
}

$(document).ready(
	function()
	{
		$("banner").each(
			  function()
			  {
				 img[contBanner] = $(this).attr("img");
				 lk[contBanner] = $(this).attr("link");
				 contBanner++;
			  }
		);
		
		//ativa a transição de imagens
		transicao();
		
		$("#opcoes ul li a").click(
			function(e)
			{
				e.preventDefault();
				
				var idBtn = $(this).attr('id');
				
				idBtn = parseInt(idBtn.substr(2)) - 1;
				
				cont = idBtn;
				
				transicao();
			}
		);
	}
);