$(function(){

	/* ========== GERAL ========== */

	var paginaAtiva;
	var paginaFoto = false;
	var paginaTransicao;

	$('section .pagina').each(function(index){
		$('header .link-' + $(this).attr('id')).parent().css({display: 'block'});
	});

	if($('header .link-download').length){
		$('header .link-download').parent().css({display: 'block'});
	}

	var anima = function(pagina){
		if(!paginaTransicao){
			paginaTransicao = true;

			if(pagina == 'intro'){
				$('section').css({height: '700px'});
				$('.pagina').css({display: 'none'});
			} else {
				$('.pagina').animate({left: '-25%', opacity: 0}, 400, 'easeInQuart', function(){
					$('header .menu a').removeClass('ativo');
					$('header .menu .link-' + pagina).addClass('ativo');

					$('section').css({height: '595px'});
					$('.pagina').css({display: 'none', left: '25%'});

					if($('body').hasClass('bancada') && pagina != 'videos'){
						$('body footer').animate({backgroundPosition: '50% 0'}, 400);
					} else {
						$('body footer').animate({backgroundPosition: '50% 146px'}, 400);
					}

					if($('header').is(':hidden')){
						$('header').css({display: 'block'});

						$('header .link-logo').css({display: 'block', opacity: 0, top: 0});
						$('header .link-logo').delay(400).animate({opacity: 1, top: '30px'}, 400);

						$('header .menu').css({display: 'block', opacity: 0, top: 0});
						$('header .menu').delay(400).animate({opacity: 1, top: '30px'}, 400);
					}
				});
			}

			setTimeout(function(){
				switch(pagina){

					case 'capa':

						$('#capa').css({display: 'block', opacity: 0});
						$('#capa h2').css({marginLeft: '120px', opacity: 0});
						$('#capa .nome-linha').css({marginLeft: '100px', opacity: 0});
						$('#capa .link-conheca').css({marginLeft: '120px', opacity: 0});

						$('#capa').animate({left: 0, opacity: 1}, 1000, 'easeInOutQuart');
						$('#capa h2').delay(400).animate({marginLeft: '10px', opacity: 1}, 400);
						$('#capa .nome-linha').delay(600).animate({marginLeft: 0, opacity: 1}, 400);
						$('#capa .link-conheca').delay(800).animate({marginLeft: '10px', opacity: 1}, 400);

						break;

					case 'beneficios':
						
						$('#beneficios').css({display: 'block', opacity: 0});
						$('#beneficios').animate({left: 0, opacity: 1}, 1000, 'easeOutQuart');

						$('#beneficios .link-beneficio .caixa').each(function(index){
							posicionaItem($(this));
						});

						break;

					case 'fotos':

						$('#fotos').css({display: 'block', opacity: 0});
						$('#fotos').animate({left: 0, opacity: 1}, 1000, 'easeOutQuart');

						var slyMiniatura = $('#fotos #sly');

						slyMiniatura.sly({
							activateOn: 'click',
							activatePageOn: 'click',
							activeClass: 'ativo',
							disabledClass: 'desativado',
							easing: 'easeInOutQuart',
							elasticBounds: true,
							mouseDragging: true,
							releaseSwing: true,
							scrollBy: 4,
							speed: 400,
							startAt: 0,
							touchDragging: true,

							prevPage: $('#fotos .link-anterior'),
							nextPage: $('#fotos .link-proximo')
						});

						slyMiniatura.sly('on', 'moveEnd', function(){
							carregaUnveil('#fotos');
						});

						if($('#sly').find('.miniatura li').length < 5){
							$('#fotos .link-anterior').css({visibility: 'hidden'});
							$('#fotos .link-proximo').css({visibility: 'hidden'});
						}

						if(!$('#fotos .ampliada img').length){
							carregaAmpliada($('#fotos .miniatura li').eq(0).find('a img'), '#fotos .ampliada .imagem');
						}

						carregaUnveil('#fotos');

						break;

					case 'intro':

						$('#intro').css({display: 'block', opacity: 0});
						$('#intro h1').css({display: 'block', marginTop: '-15px', opacity: 0});
						$('#intro .produto-slogan').css({display: 'block', marginTop: '260px', opacity: 0});

						$('#intro').animate({opacity: 1}, 1000, 'easeOutQuart');
						$('#intro h1').animate({marginTop: '35px', opacity: 1}, 400);
						$('#intro .produto-slogan').delay(200).animate({marginTop: '-240px', opacity: 1}, 800);

						setTimeout(function(){
							anima('capa');
						}, 4000);

						break;

					case 'videos':
						
						$('#videos').css({display: 'block', opacity: 0});
						$('#videos').animate({left: 0, opacity: 1}, 1000, 'easeOutQuart');

						break;

				}
			}, 1000);

			setTimeout(function(){
				paginaTransicao = false;
			}, 2000);

			paginaAtiva = pagina;
		}
	}

	var carregaAmpliada = function(foto, destino){
		var fotoSrc = foto.attr('data-src').replace('miniatura', 'ampliada');
		var fotoTitulo = foto.attr('alt');
		paginaFoto = true;

		$('#fotos .miniatura li').removeClass('ativo');
		$('#fotos .miniatura li').eq(foto.parent().parent().parent().index()).addClass('ativo');

		$(destino).animate({opacity: 0}, 200);

		setTimeout(function(){
			paginaFoto = false;
			$(destino).html('<img class="unveil" data-src="' + fotoSrc + '">');
			$(destino).animate({opacity: 1}, 200);
			setTimeout(function(){
				carregaUnveil('#fotos');
			}, 400);
		}, 400);

		$(destino).parent().parent().find('.titulo h3').animate({bottom: '-10px'}, 200);
		$(destino).parent().parent().find('.titulo').animate({opacity: 0}, 200, function(){
			$(this).html('<h3>' + fotoTitulo + '</h3>');
			$(this).find('h3').css({bottom: '10px'});

			$(this).find('h3').animate({bottom: 0}, 200);
			$(this).animate({opacity: 1}, 200);
		});
	}

	var carregaUnveil = function(id){
		$(id + ' .unveil').unveil(0, function(){
			$(this).load(function(){
				if(!$(this).hasClass('unveil-load')){
					$(this).addClass('unveil-load');
				}
			});
		});
	}

	var posicionaItem = function(item){
		if(item.parent().hasClass('beneficio-fixo')){
			$(item).css({marginTop: - 37});
		} else {
			$(item).css({marginTop: - $(item).outerHeight()/2});
		}
	}

	if($('body').data('pagina') != undefined && $('body').data('pagina') != ''){
		anima($('body').data('pagina'));
	} else {
		anima('intro');
	}

	for (var prop in $.browser) {
	    $('body').addClass(prop);
	    break;
	}

	$('header .link-beneficios').on({
		click: function(){
			if(paginaAtiva != 'beneficios'){
				anima('beneficios');
			}
		}
	});

	$('header .link-fotos').on({
		click: function(){
			if(paginaAtiva != 'fotos'){
				anima('fotos');
			}
		}
	});

	$('header .link-logo').on({
		click: function(){
			if(paginaAtiva != 'capa'){
				anima('capa');
			}
		}
	});

	$('header .link-videos').on({
		click: function(){
			if(paginaAtiva != 'videos'){
				anima('videos');
			}
		}
	});

	/* ========== CONTEUDO:CAPA ========== */

	$('#capa .link-conheca').on({
		click: function(){
			if(paginaAtiva == 'capa'){
				anima('beneficios');
			}
		}
	});

	/* ========== CONTEUDO:BENEFICIOS ========== */

	$('#beneficios .link-beneficio').on({
		mouseout: function(){
			$this = $(this);

			$('#beneficios .link-beneficio').css({zIndex: 0});
			$('#beneficios .link-beneficio').stop().animate({opacity: 1}, 400);

			$this.removeClass('ativo');

			$this.find('.caixa').stop().animate({opacity: 0}, 100, function(){
				$(this).css({display: 'none', opacity: 0});
			});
		},
		mouseover: function(){
			$this = $(this);

			$('#beneficios .link-beneficio').stop().animate({opacity: .4}, 200);

			$this.addClass('ativo');
			$this.css({zIndex: 1});
			$this.stop().animate({opacity: 1}, 200);

			if($this.find('.caixa').is(':hidden')){
				$this.find('.caixa').css({display: 'block', opacity: 0});
				$this.find('.caixa').stop().animate({opacity: 1}, 400);
			} else {
				$this.find('.caixa').stop().animate({opacity: 1}, 400);
			}
		}
	});

	/* ========== CONTEUDO:FOTOS ========== */
	
	$('#fotos .miniatura li a').on({
		click: function(){
			if(!paginaFoto && !$(this).parent().hasClass('ativo')){
				carregaAmpliada($(this).find('img'), '#fotos .ampliada .imagem');
			} else {
				return false;
			}
		}
	});
	
	/* ========== CONTEUDO:VIDEOS ========== */

	$('#videos .miniatura li a').fancybox({
		minWidth	: 700,
		minHeight	: 394,
		fitToView	: false,
		width		: 853,
		height		: 480,
		padding		: 10,
		openEffect	: 'fade',
		closeEffect	: 'fade',
		tpl			: {
			error: '<p class="fancybox-error">O conteúdo solicitado não pode ser carregado. Por favor, tente novamente mais tarde.</p>',
			closeBtn: '<a title="Fechar" class="fancybox-item fancybox-close" href="javascript:;"></a>',
			next: '<a title="Próximo" class="fancybox-nav fancybox-next" href="javascript:;"><span></span></a>',
			prev: '<a title="Anterior" class="fancybox-nav fancybox-prev" href="javascript:;"><span></span></a>'
		}
	});

});