$(function(){

	function vitrine() {
		
		// Inserir os textos da vitrine neste array.
		textosVitrine = [
			'<strong>Compromisso</strong> com a construção do futuro há mais de duas décadas.',
			'<strong>Compromisso</strong> de levar excelência aonde o cliente estiver.',
			'<strong>Compromisso</strong> com quem faz a Progen ser cada vez melhor.',
			'<strong>Compromisso</strong> com a sustentabilidade financeira de nossos negócios.',
			'<strong>Compromisso</strong> com as melhores práticas.',
			'<strong>Compromisso</strong> com uma atuação completa e abrangente.'
		]

		var $vitrine = $('#vitrine');
		var $wrap = $vitrine.find('#item_wrap');
		var $itens = $wrap.find('li');
		var $legenda = $vitrine.find('#legendaVitrine p');
		var numItens = $itens.length;
		var count = 0;
		var largura = 960;
		var diferenca;
	
		$vitrine.append('<div id="overlayLeft" />').append('<div id="overlayRight" />');
		$('#overlayLeft, #overlayRight').css('opacity', 0.7);
		$wrap.css('width', (largura*(numItens+4)))
	
		$itens.filter(':first').before($itens.slice(-2).clone().addClass('cloned'));
		$itens.filter(':last').after($itens.slice(0, 2).clone().addClass('cloned'));
	
	
		function ajustarMargem() {
			diferenca = ($(window).width() - largura) / 2;
	
			$('#overlayLeft').css('width' , Math.floor(diferenca));
			$('#overlayRight').css('width' , Math.ceil(diferenca));
	
			$wrap.css('margin-left', ((count-2) * largura) + Math.floor(diferenca));
		}
	
		ajustarMargem();
	
		function nextItem(n) {
			if ($wrap.is(':animated')) {
				return;
			}
			if(count == -numItens && n == -1) { //next loop
				$wrap.css('margin-left', Math.floor(diferenca) - (largura*2));
				count = 0;
			}
			if(count == 0 && n == 1) { //prev loop
				$wrap.css('margin-left', (-((numItens+2) * largura)+ Math.floor(diferenca)));
				count = -numItens;
			}
	
			$legenda.hide();
	
			count += n;
			margem = ((count-2) * largura) + Math.floor(diferenca);
			$wrap.animate({'margin-left' : margem}, 800, function(){
				if(count == -numItens) {
					texto = textosVitrine[0];
				} else {
					texto = textosVitrine[Math.abs(count)];
				}
				$legenda.html(texto);
				$legenda.fadeIn('fast');
			});
	
		}
	
		$(window).resize(function(){
			ajustarMargem();
		});
	
		$(window).load(function(){
			setInterval(function(){nextItem(-1)}, 6000);
		});

	}
	vitrine();


	function areasAtuacao () {
		var intervalo = 3500;

		$('.homeAreasLink').click(function(){
			n = $(this).parent().index();
			prox(n);

			clearInterval(areasAuto);
			areasAuto = setInterval(function(){
				atual = $('#homeAreasAtuacao li.ativo').index();
				prox(atual+1);
			}, intervalo);

			return false;
		});
		
		function prox(n) {
			$anterior = $('#homeAreasFotos .ativo');
			if (n >= $('#homeAreasLista li').length) {
				n = 0;
			}
			if ($anterior.index() == n) {
				return;
			}
			$anterior.removeClass('ativo').addClass('anterior');
			$foto = $('#homeAreasFotos li:eq(' + n + ')');

			$foto.fadeOut(0).addClass('ativo').fadeIn(400, function(){
				$anterior.removeClass('anterior');
			});

			$('#homeAreasLista .ativo').removeClass('ativo');
			$('#homeAreasLista li:eq(' + n + ')').addClass('ativo');
		}
		
		$(window).load(function(){
			areasAuto = setInterval(function(){
				atual = $('#homeAreasAtuacao li.ativo').index();
				prox(atual+1);
			}, intervalo);
		});
	}
	areasAtuacao();


	// Mouseover boxes home
	if ($('.homeBoxImagem').length) {
		$('.homeBoxImagem img').css('opacity', 0);
		$('.homeBoxImagem img').hover(function(){
			$(this).stop(true, true).fadeTo(300, 1);
		}, function(){
			$(this).stop(true, true).fadeTo(300, 0);
		});
	}

});