$(document).ready(function(){

	$('#banner .barra_thumbs').mouseover(function() {
		document.getElementById('pausar_banner').value = 1;
	});
	$('#banner .barra_thumbs').mouseleave(function() {
		document.getElementById('pausar_banner').value = 0;
	});
	
	$('#gamenu').mouseover(function() {
		if ($("#galeria").is(":hidden"))
		{
			$("#galeria").slideDown(200);
		}
	});
	$('#gamenu').mouseleave(function() {
		if ($("#galeria").is(":hidden"))
		{
		}
		else
		{
			$("#galeria").slideUp(200);
		}
	});

	$("a[rel=galeria_home]").fancybox({
		'transitionIn'	: 'elastic',
		'transitionOut'	: 'elastic',
		'titlePosition' 	: 'over',
		'titleFormat'		: function(title, currentArray, currentIndex, currentOpts) {
			return '<span id="fancybox-title-over">Foto ' + (currentIndex + 1) + ' de ' + currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>';
		}
	});
	//Primeira galeria
		$("#gal1 .seta_dir1").click(function(){
			var posicao = $("#gal1 .carrobox1 .carrossel1").position();
			posicao = posicao.left;
			var quantas_divs = document.getElementById("FotosCat1").value;
			var tamanho_div = 124;
			var largura = quantas_divs * tamanho_div;
			if (posicao >= -1 * largura + 3*tamanho_div)
			{
				$("#gal1 .carrobox1 .carrossel1").animate({"left": "-=130px"}, 200);
			}
		});
		$("#gal1 .seta_esq1").click(function(){
			var posicao = $("#gal1 .carrobox1 .carrossel1").position();
			posicao = posicao.left;
			if (posicao <= 100)
			{
				$("#gal1 .carrobox1 .carrossel1").animate({"left": "+=130px"}, 200);
			}
		});
	//Segunda galeria
		$("#gal2 .seta_dir2").click(function(){
			var posicao = $("#gal2 .carrobox2 .carrossel2").position();
			posicao = posicao.left;
			var quantas_divs = document.getElementById("FotosCat2").value;
			var tamanho_div = 124;
			var largura = quantas_divs * tamanho_div;
			if (posicao >= -1 * largura + 3*tamanho_div)
			{
				$("#gal2 .carrobox2 .carrossel2").animate({"left": "-=130px"}, 200);
			}
		});
		$("#gal2 .seta_esq2").click(function(){
			var posicao = $("#gal2 .carrobox2 .carrossel2").position();
			posicao = posicao.left;
			if (posicao <= 100)
			{
				$("#gal2 .carrobox2 .carrossel2").animate({"left": "+=130px"}, 200);
			}
		});				
	//Terceira galeria
		$("#gal3 .seta_dir3").click(function(){
			var posicao = $("#gal3 .carrobox3 .carrossel3").position();
			posicao = posicao.left;
			var quantas_divs = document.getElementById("FotosCat3").value;
			var tamanho_div = 124;
			var largura = quantas_divs * tamanho_div;
			if (posicao >= -1 * largura + 3*tamanho_div)
			{
				$("#gal3 .carrobox3 .carrossel3").animate({"left": "-=130px"}, 200);
			}
		});
		$("#gal3 .seta_esq3").click(function(){
			var posicao = $("#gal3 .carrobox3 .carrossel3").position();
			posicao = posicao.left;
			if (posicao <= 100)
			{
				$("#gal3 .carrobox3 .carrossel3").animate({"left": "+=130px"}, 200);
			}
		});	
	//Quarta galeria
		$("#gal4 .seta_dir4").click(function(){
			var posicao = $("#gal4 .carrobox4 .carrossel4").position();
			posicao = posicao.left;
			var quantas_divs = document.getElementById("FotosCat4").value;
			var tamanho_div = 124;
			var largura = quantas_divs * tamanho_div;
			if (posicao >= -1 * largura + 3*tamanho_div)
			{
				$("#gal4 .carrobox4 .carrossel4").animate({"left": "-=130px"}, 200);
			}
		});
		$("#gal4 .seta_esq4").click(function(){
			var posicao = $("#gal4 .carrobox4 .carrossel4").position();
			posicao = posicao.left;
			if (posicao <= 100)
			{
				$("#gal4 .carrobox4 .carrossel4").animate({"left": "+=130px"}, 200);
			}
		});	
	//Quinta galeria
		$("#gal5 .seta_dir5").click(function(){
			var posicao = $("#gal5 .carrobox5 .carrossel5").position();
			posicao = posicao.left;
			var quantas_divs = document.getElementById("FotosCat5").value;
			var tamanho_div = 124;
			var largura = quantas_divs * tamanho_div;
			if (posicao >= -1 * largura + 3*tamanho_div)
			{
				$("#gal5 .carrobox5 .carrossel5").animate({"left": "-=130px"}, 200);
			}
		});
		$("#gal5 .seta_esq5").click(function(){
			var posicao = $("#gal5 .carrobox5 .carrossel5").position();
			posicao = posicao.left;
			if (posicao <= 100)
			{
				$("#gal5 .carrobox5 .carrossel5").animate({"left": "+=130px"}, 200);
			}
		});					
	//Sexta galeria
		$("#gal6 .seta_dir6").click(function(){
			var posicao = $("#gal6 .carrobox6 .carrossel6").position();
			posicao = posicao.left;
			var quantas_divs = document.getElementById("FotosCat6").value;
			var tamanho_div = 124;
			var largura = quantas_divs * tamanho_div;
			if (posicao >= -1 * largura + 3*tamanho_div)
			{
				$("#gal6 .carrobox6 .carrossel6").animate({"left": "-=132px"}, 200);
			}
		});
		$("#gal6 .seta_esq6").click(function(){
			var posicao = $("#gal6 .carrobox6 .carrossel6").position();
			posicao = posicao.left;
			if (posicao < -3)
			{
				$("#gal6 .carrobox6 .carrossel6").animate({"left": "+=132px"}, 200);
			}
		});					
	//Sétima galeria
		$("#gal7 .seta_dir7").click(function(){
			var posicao = $("#gal7 .carrobox7 .carrossel7").position();
			posicao = posicao.left;
			var quantas_divs = document.getElementById("FotosCat7").value;
			var tamanho_div = 124;
			var largura = quantas_divs * tamanho_div;
			if (posicao >= -1 * largura + 3*tamanho_div)
			{
				$("#gal7 .carrobox7 .carrossel7").animate({"left": "-=132px"}, 200);
			}
		});
		$("#gal7 .seta_esq7").click(function(){
			var posicao = $("#gal7 .carrobox7 .carrossel7").position();
			posicao = posicao.left;
			if (posicao < -3)
			{
				$("#gal7 .carrobox7 .carrossel7").animate({"left": "+=132px"}, 200);
			}
		});					
		
	
	
	$("#banner .barra_thumbs img.thumb1").click(function (){
		pular_banner(1);
	});
	$("#banner .barra_thumbs img.thumb2").click(function (){
		pular_banner(2);
	});
	$("#banner .barra_thumbs img.thumb3").click(function(){
		pular_banner(3);
	});
	$("#banner .barra_thumbs img.thumb4").click(function(){
		pular_banner(4);
	});
	$("#banner .barra_thumbs img.thumb5").click(function(){
		pular_banner(5);
	});

});

function TiraPX(frase){
	var i;
	var ret = '';
	for ( i=0 ; i<(frase.length-2) ; i++)
	{
		ret += frase[i];
	}
	return parseInt(ret);
}


function mudar_banner() {
	//Recebe o slide atual
	var $active = $('#banner img.active');
	
	//Coloca o slide atual na posição de "Aguardando transição"
	$active.addClass('last-active').removeClass('active');
	
	//Definição de qual é o próximo slide
	var slide_atual = document.getElementById('slide_atual').value;
	var thumb_atual = slide_atual;
	var quantos_slides = document.getElementById('num_slides').value;
	if (slide_atual < quantos_slides)
		slide_atual++;
	else
		slide_atual = 1;
	document.getElementById('slide_atual').value = slide_atual;
	var proximo = '#banner img.slide'+slide_atual;
	var $next =  $(proximo);

	//Transição do slide
	$next.css({opacity: 0.0})
		.addClass('active')
		.animate({opacity: 1.0}, 600, function() {
			$active.removeClass('last-active');
		});
		
	//Transição dos thumbs
		//Encontra o thumb atual
		var $thumb_atual = $('#banner .barra_thumbs img.thumb'+thumb_atual)
		var $thumb_prox = $('#banner .barra_thumbs img.thumb'+slide_atual)
		
		$thumb_atual.animate({opacity: 0.5}, 200, function() {
			$thumb_prox.animate({opacity: 1}, 200, function() {});
		});
}
function pular_banner(qual) {
	//Encontra o slide atual e coloca para aguardar a transição
	var $active = $('#banner img.active');
	$active.addClass('last-active').removeClass('active');
	
	//Define qual é o próximo slide
	var $next =  $('#banner img.slide'+qual);

	//Transição do slide
	$next.css({opacity: 0.0})
		.addClass('active')
		.animate({opacity: 1.0}, 600, function() {
			$active.removeClass('last-active');
		});
		
	//Transição dos thumbs
		//Encontra o thumb atual
		var thumb_atual = document.getElementById('slide_atual').value;
		document.getElementById('slide_atual').value = qual;
		var $thumb_atual = $('#banner .barra_thumbs img.thumb'+thumb_atual)
		var $thumb_prox = $('#banner .barra_thumbs img.thumb'+qual)
		
		$thumb_atual.animate({opacity: 0.5}, 200, function() {
			$thumb_prox.animate({opacity: 1}, 200, function() {});
		});
}
$(function() {
	setInterval( "auto_rodar_banner()", 6000 );
});

    $(function() {
        $(window)
            .focus(function() { document.getElementById('pausar_banner').value = 0; })
            .blur(function() { document.getElementById('pausar_banner').value = 1; });
     });

function auto_rodar_banner(){
	parar = document.getElementById('pausar_banner').value;
	if (parar==0)
		mudar_banner();
		
}
function borraImagens(){
	$('#banner.barra_thumbs img').animate({opacity:0.5});
	mudar_banner();
}