//Variáveis para ajustar o banner
var banner_atual = 4; //Ajustar para o primeiro banner
var num_banners = 4;
var tempo_animacao = 500;
var tempo_autoplay = 3500;

//Variáveis auxiliares
var esta_animando = false;
var pausar = false;
$(function(){
	var $banner = $("#banner");
	
	//Mudando o banner quando a pessoa clica no próprio banner
	$banner.click(function(){
		if (!esta_animando)
		{	//Filtro para somente animar se não estiver no meio de outra animação
			esta_animando = true;
			
			//Selecionando qual é o próximo banner
			banner_anterior = banner_atual;
			if (banner_atual==num_banners) banner_atual = 1;
			else banner_atual++;

			//Executa a a nimação
			animarBanner(banner_anterior, banner_atual);
		}
	});
	
	//Parando o banner se o mouse estiver sobre o banner ou sobre os controles
	$banner.mouseenter(function(){	pausar = true; });
	$banner.mouseleave(function(){	pausar = false; });
	$("#controles_banner").mouseenter(function(){	pausar = true; });
	$("#controles_banner").mouseleave(function(){	pausar = false; });
	
	//Mudando o banner quando a pessoa clica nos controles
	$("#controles_banner img").click(function(){
		if (!esta_animando)
		{
			banner_anterior = banner_atual;
	
			var proximo_banner = $(this).attr('class');
			proximo_banner = proximo_banner.split('e');
	
			animarBanner(banner_anterior, proximo_banner[1]);
		}
	});
	
	//Ajuste de posição, para iniciar abrindo o primeiro banner direto
	$banner.click();
	
	//Mudar o banner automaticamente, com o tempo já definido anteriormente (isso fica pausado se o mouse estiver sobre o banner)
	setInterval('mudarSlide();', tempo_autoplay);
	
});

//Função que simula um click no banner quando acionada pelo tempo de autoplay
function mudarSlide(){ if (!pausar) $("#banner").click(); }

//Função que executa a animação da mudança de banner
function animarBanner(de, para){
	banner_anterior = de;
	banner_atual = para;

	//Mudança do banner	
	var $atual = $("#banner .atual");
	var $prox = $("#banner .ban"+banner_atual);
	$atual.children(".box").animate({left: '-300px'}, tempo_animacao);
	$atual.children("img").hide('fade', tempo_animacao);
	$atual.children(".titulo").animate({left: '820px'}, tempo_animacao, function(){
		$prox.children(".box").animate({left: '0px'}, tempo_animacao);
		$prox.children("img").show('fade', tempo_animacao);
		$prox.children(".titulo").animate({left: '658px'}, tempo_animacao, function(){
			$atual.removeClass("atual");
			$prox.addClass("atual");
			esta_animando = false;
		});
	});
	
	//Mudança da cor do botão de controle
	var $controle_atual = $("#controles_banner .controle"+banner_anterior);
	var $controle_prox = $("#controles_banner .controle"+banner_atual);
	$controle_atual.attr('src', 'img/controle.jpg');
	$controle_prox.attr('src', 'img/controle_atual.jpg');

}