$(function(){
	var altura = $(window).height();
	var largura = $(window).width();
		$('.lightbox').show();
		$('.lightbox #overlay').width(largura);
		$('.lightbox #overlay').height(altura);
		$('.lightbox #overlay').css('background-color','#000');
		$('.lightbox #overlay').css('opacity',0.9);
		$('#bt_fechar').css('left',(largura-48)/2);
		$('.lightbox #main').width(largura);
		$('.lightbox #main').height(altura);
		$('#quizz').css('left',(largura-800)/2);
		$('#fechar').css('left',largura/2+200);
		$(window).resize(function() {
			altura = $(window).height();
			largura = $(window).width();
			$('.lightbox #overlay').width(largura);
			$('.lightbox #overlay').height(altura);
			$('#quizz').css('left',(largura-800)/2);
			$('#fechar').css('left',largura/2+200);
		
		});
		$('#fechar').click(function(){
			$('.lightbox').hide();
		})
		
		$('#quizz').click(function(){
			$('.lightbox').hide();
		})
		
		
	if(altura<600){
		$('#escolha').css('top','380px');	
		$('#casabrasil').css('top','220px');
	}
	var mY = '-'+(1280-altura)/2+'px';
	var mX = '-'+(1920-largura)/2+'px';
	$('.item .imagem').css('top',mY);
	$('.item .imagem').css('left',mX);
	$('.item').css('width',largura);
	$('.item').css('height',altura);
	$('#slider').css('width',largura);
	$('#slider').css('height',altura);
	$('#slider').phodaSlider();
	var topo = 1;
	
	function fecha_topo(){
		$('#topo').animate({top:0},1000);
		$('#menu').animate({top:42},1000);
		$('#nav').animate({top:156},1000);
		$('#rodape').show();
		if(altura>692){
		var alt_roda = (altura-612);
		}else{
		var alt_roda = 65;
		}
		$('#rodape').animate({bottom:0,height:alt_roda},1000,function(){
			$('#bt_mais').css('background-position','0 -38px');
			$('#rodape').show();
			$('#selo').fadeIn();
			topo=1;
		});
		
	}
	function abre_topo(m_x,m_y){
		$('#topo, #menu').animate({top:-146},1000);
		$('#nav').animate({top:10},1000);
		$('#selo').fadeOut(0);
		$('#casabrasil').hide(0);
		$('#escolha').hide(0);
			
		$('#rodape').animate({bottom:0,height:0},1000,function(){
			$('#bt_mais').css('background-position','-96px -38px');
			$('#rodape').hide();
			topo=0;
		});
		var pos_x = 0;
			var pos_y = 0;
			var container_x = largura;
			var container_y = altura;
			var conteudo_x = 1920;
			var conteudo_y = 1280;
			var diferenca_x = conteudo_x - container_x;
			var diferenca_y = conteudo_y - container_y;
			var metade_x = - parseInt(diferenca_x / 2);
			var metade_y = - parseInt(diferenca_y / 2);
			
			porcentagem_x = parseInt( (m_x - pos_x) / container_x * 100);
			porcentagem_y = parseInt( (m_y - pos_y) / container_y * 100);
			leftPosition = parseInt(0 - (diferenca_x  / 100 * porcentagem_x ));
			topPosition = parseInt(0 - (diferenca_y  / 100 * porcentagem_y ));
			$('.imagem').animate({left:leftPosition,top: topPosition});
	}	
	$('#bt_mais').hover(function(){
				if(topo==0) $(this).css('background-position','-240px -38px');
				else $(this).css('background-position','-144px -38px');
				},function(){
					if(topo==0)$(this).css('background-position','-96px -38px');
					else $(this).css('background-position','0px -38px');
				}
	);
	$('#bt_mais').click(function(e){
		var m_x = e.pageX;
		var m_y =e.pageY;
		if(topo==1){
			abre_topo(m_x,m_y);
		}else{
			fecha_topo();
			}
		});
		
		$(document).keydown(function(e){
			if(topo==0 &&  e.which == 27){
				fecha_topo();
			}
			else if(topo==1 &&  e.which == 13){
				abre_topo();
			}
			else if(e.which == 39){
				$('#bt_next').trigger('click');
			}
			else if(e.which == 37){
				$('#bt_prev').trigger('click');
			}
		}); 
		$('.imagem img').click(function(){
		fecha_topo();
		})
			

		var pos_x = $('.item').offset().left;
		var pos_y = $('.item').offset().top;
		var container_x = $('.item').width();
		var container_y = $('.item').height();
		var conteudo_x = 1920;
		var conteudo_y = 1280;
		var diferenca_x = conteudo_x - container_x;
		var diferenca_y = conteudo_y - container_y;
		var metade_x = - parseInt(diferenca_x / 2);
		var metade_y = - parseInt(diferenca_y / 2);
		$('.item').mousemove(function(e){
			if(topo==0){
			porcentagem_x = parseInt( (e.pageX - pos_x) / container_x * 100);
			porcentagem_y = parseInt( (e.pageY - pos_y) / container_y * 100);
			leftPosition = parseInt(0 - (diferenca_x  / 100 * porcentagem_x ));
			topPosition = parseInt(0 - (diferenca_y  / 100 * porcentagem_y ));
			$('.imagem').css({
				'left':leftPosition,'top':topPosition
			});
		}
		});	
		if(altura>692){
		$('#rodape').height(altura-612);
		}else{
		$('#rodape').height(65);	
		}
});