//Galeria.js utiliza galeria.html para carregar os elementos dom necesssarios
//para montar a galeria de acordo com a categoria do produto requisitado (produtos.html) 
//As miniaturas devem possuir o mesmo nome das fotos ampliadas e devem ficar na pasta img/Galeria/"nome da categoria"
//As fotos ampliadas devem ser colocadas na pasta img/Galeria/"nome da categoria"/Fotos


$(document).ready(function() {
	$('.barra a').attr("onClick", "return false;");//Desabilita o comportamento padrao dos links
	
	$('.barra a').hover(
		function() {
			$(this).css('color', '#CD2E31');
		},
		function() {
			$(this).css('color', 'white');
	})
	
	$('.barra').click( function() {
		
		$barra = $(this);
		$galeria = '.' + $(this).attr("galeria");//Nome do atributo que sera utilizado para identificar a galeria
		$ajaxLoad = './galeria/'+$(this).attr("galeria")+'.html';//URL utilizada para requisicao load
		
		if($('.info_container:visible').length){//Variavel que controla o intervalo entre as animacoes
			$delayTime=1050;//Delay caso a animacao slideUp seja necessaria
		}else {
			$delayTime=0;//Delay caso a animacao slideUp nao seja necessaria
		}
		
		$(this).siblings().next().children('.info_container').slideUp(1000);
		
		if($($galeria).get(0) ) {//Verifica se a galeria ja foi criada
			if($($galeria).css('display') == 'none'){//Se a galeria ja foi criada...
			
				$($barra).delay($delayTime,function(){
					$scrollPos = $($barra).attr( "offsetTop" );
					$('#container').animate({scrollTop: $scrollPos-40}, 1000);
				});
				
				$($galeria).delay($delayTime+1100,function(){
					$($galeria).slideDown(1000);
				});
				
			} else {
				$($galeria).slideUp(1000);
				$($containerTarget).delay(1100,function(){
					$('#container').animate({scrollTop: 0}, 1000);
				});
			}
			
		} else { //Se a galeria ainda nao foi criada... Carrega a estrutura da galeria utilizando o arquivo galeria.html
		
		
			$($barra).next().load($ajaxLoad, function() {
				$containerTarget = $('div' + $galeria);
				
				$($containerTarget).delay($delayTime,function(){
					$scrollPos = $($barra).attr( "offsetTop" );
					$('#container').animate({scrollTop: $scrollPos-40}, 1000);
				});
				
				$($galeria).delay($delayTime+1050,function(){
					$($galeria).slideDown(1000);
				});
				
				$('.info_container ul li').click( function() {//Utiliza o nome da miniatura para encontrar a foto em tamanho real
					var miniaturaNome = $(this).children('img').attr('name');
					var imagemCaminho = './galeria/imgs/' + miniaturaNome ;
					$(this).parent().parent().prev().children('img').attr('src', imagemCaminho);
	
					$(this).children().animate({opacity: "0.3"}, 500); 
					$(this).siblings().children().animate({opacity: "1"}, 500); 
				});

				$('.galeria_seta_direita').click( function() {//Configurao botao seta direita
					var scrollPos = $(this).parent().scrollLeft();
					$('.galeria_miniaturas').animate({
					scrollLeft: scrollPos+250}, 2000);
				});

				$('.galeria_seta_esquerda').click( function() {//Configurao botao seta esquerda
					var scrollPos = $(this).parent().scrollLeft();
					$('.galeria_miniaturas').animate({
					scrollLeft: scrollPos-250}, 2000);
				});
			});
		}

	});	
	
	$('#up').click( function() {//Configurao botao up
		$scrollPos = $('#container').scrollTop();
		
		if($('.info_container:visible').length){
			$delayTime=1100;
			$('.info_container').slideUp(1000);
		}else {
			$delayTime=0;
		}
		
		$('.info_container').slideUp(1000);
		$('#container').delay($delayTime,function(){
			$('#container').animate({scrollTop: $scrollPos - 300}, 1000);
		});
	});
	
	$('#down').click( function() {//Configurao botao down
		$scrollPos = $('#container').scrollTop();
		
		if($('.info_container:visible').length){
			$delayTime=1100;
			$('.info_container').slideUp(1000);
		}else {
			$delayTime=0;
		}
		
		$('.info_container').slideUp(1000);
		
		$('#container').delay($delayTime,function(){
			$('#container').animate({scrollTop: $scrollPos + 300}, 1000);
		});
	});
	
});