$(document).ready(function(){
	
	$('.boxIndique a.indique').click(function(e){
		e.preventDefault();
		
		$('.boxIndique').animate({
			height: '346px'},1000);
			
		//$('.boxIndique').css("height","346px");
		$('.boxIndique form').css("display","block");
	});
	
	
	$('#indica_nome').focus(function(){
			if ($(this).val()=='Seu nome'){
				$(this).val('');
			}
		}).blur(function(){
			if ($(this).val()==''){
				$(this).val('Seu nome');
			}					
		});
		
		$('.email').focus(function(){
			if ($(this).val()=='E-mail do seu amigo'){
				$(this).val('');
			}
		}).blur(function(){
			if ($(this).val()==''){
				$(this).val('E-mail do seu amigo');
			}					
		});
		
		$('.boxIndique ul li').css('display','none');
		$('.boxIndique ul li').eq(0).css('display','block');
		$('.boxIndique ul li').eq(1).css('display','block');
		
		cont=1;
		$('.btnIndiqueAmigos').click(function(e){
			e.preventDefault();
			cont++;
			$('.boxIndique ul li').eq(cont).css('display','block');
			if(cont==4){
				$('.indique').animate({
				top: '25px'},500);
				
				$('.boxIndique form').animate({
				top: '50px'},500, function(){
					$('.boxIndique ul li').eq(cont).css('display','block');
				});;
				$('.btnIndiqueAmigos').hide();

			}
		});
		
	$('.nav2 li:last-child').css('border','none');
	$('.mascara').hide();
	$('.playerThumbs ul li.atv').children('span.mascara').show();
		
	var rel = 0;
	/* Função de navegação nos thumbs */
	$('.playerThumbs ul li a').click(function(e){
		e.preventDefault();
		
		rel = $(this).attr('rel');
		troca();
		
		$(this).parent().siblings().removeClass('atv');
		$(this).parent().addClass('atv');
		
	});

	/* Função que troca as imagens*/
	function troca(){
		$('.player ul li').hide().removeClass('ativo');
		$('.player ul li').eq(rel).fadeIn('slow').addClass('ativo');
		$('.playerThumbs ul li').children('span').fadeOut('slow');
		$('.playerThumbs ul li').eq(rel).children('span.mascara').fadeIn('slow');
		$('.controle ul li').removeClass('next').children('a').removeClass('active');
		$('.controle ul li').eq(rel).addClass('next').children().addClass('active');

		clearInterval(auto);
		auto = setInterval(autoSlide,6000);
	};
	
	/* Função que troca as imagens pelo controle*/
	function troca2(){
		$('.thumb ul li').removeClass('atv');
		$('.thumb ul li').eq(rel2).addClass('atv');
		$('.player ul li').hide().removeClass('ativo');
		$('.player ul li').eq(rel2).fadeIn('slow').addClass('ativo');
		$('.playerThumbs ul li').children('span').fadeOut('slow');
		$('.playerThumbs ul li').eq(rel2).children('span.mascara').fadeIn('slow');
		$('.controle ul li').removeClass('next').children('a').removeClass('active');
		$('.controle ul li').eq(rel2).addClass('next').children().addClass('active');
		
		/*if(rel2==conta-1){
			$('.playerThumbs ul').animate({
			left: '-250'},1000);

		}
		else{
			$('.playerThumbs ul').animate({
			left: 0},1000);
		}*/
		
	}
	
	/* função de clique na tabela nutricional*/
	$('.player ul li .tabelaN a.tabela').click(function(e){
		e.preventDefault();
		contaTabela = $(this).parents('li').index();
		$('.playerThumbs ul li').children('span.imgTabela').fadeOut('slow');
		$('.playerThumbs ul li').eq(contaTabela).children('span.imgTabela').fadeIn('slow');
		
		clearInterval(auto);
		//auto = setInterval(autoSlide,6000);	
	});
	

		
	
	/* Função de navegação no controle */
	$('.controle ul li a').click(function(e){
		e.preventDefault();

		clearInterval(auto);
		auto = setInterval(autoSlide,6000);	
		
		rel2 = $(this).attr('rel');
		conta = $('.controle ul li').length;
		troca2();

	});

	$('#indicaamigo').click(function () {

        var nome = $('#indica_nome').val();
        var amigo1 = $('#indica_amigo1').val();
        var amigo2 = $('#indica_amigo2').val();
        var amigo3 = $('#indica_amigo3').val();	
        var amigo4 = $('#indica_amigo4').val();	
		$.ajax({
			//type: "POST",
			url: "http://app1-habibs-fbcloud.webmatrix.net.br/site-send-mail/sendmail.php",
			data: "nome="+nome+"&amigo1="+amigo1+"&amigo2="+amigo2+"&amigo3="+amigo3+"&amigo4="+amigo4,
			dataType:'jsonp',
			crossDomain:true,
			success: function(data){
						alert(data);
					},
			error: function(data){
						console.log(data);
					}
		});
	});
});	
	/* Função auto slide */
	var auto;
	auto = window.setInterval(autoSlide,6000);
	
	 
	 
	function autoSlide(){

		if(!$('.thumb ul li').eq(2).hasClass('atv')){
				/*if($('.thumb ul li').eq(2).hasClass('atv')){
					$('.playerThumbs ul').animate({left: '-250'},1000);
				}*/
			$('.thumb ul li.atv').next('li').addClass('atv').children('span.mascara').fadeIn('slow');
			$('.thumb ul li.atv:first').removeClass('atv').children('span.mascara').fadeOut('slow');
			
			/*$('.playerThumbs ul').animate({left: '-250'},1000);	*/
			
			$('.player ul li.ativo').next().fadeIn('slow').addClass('ativo');
			$('.player ul li.ativo:first').hide().removeClass('ativo');
			
			$('.controle ul li.next').next().addClass('next').children('a').addClass('active');
			$('.controle ul li.next:first').removeClass('next').children('a').removeClass('active');
			
			$('.playerThumbs ul li').children('span.imgTabela').fadeOut('slow');

		}
		else{
			
			$('.thumb ul li:last-child').removeClass('atv').children('span.mascara').fadeOut('slow');
			$('.thumb ul li:first-child').addClass('atv').children('span.mascara').fadeIn('slow');
			
			/*$('.playerThumbs ul').animate({left: 0},1000);*/
			
			$('.player ul li:last-child').hide().removeClass('ativo');
			$('.player ul li').eq(0).addClass('ativo').fadeIn('slow');
			
			$('.controle ul li').children('a').removeClass('active');
			$('.controle ul li').eq(0).children('a').addClass('active');
			
			$('.controle ul li').removeClass('next').children('a').removeClass('active');
			$('.controle ul li').eq(0).addClass('next').children('a').addClass('active');
			
			$('.playerThumbs ul li').children('span.imgTabela').fadeOut('slow');
			
		}
		
	};

		
			
		
		jQuery(window).bind("blur", function(event)
		{
			clearInterval(auto);
		});
		
		
		
		jQuery(window).bind("focus", function(event)
		{
			auto = window.setInterval(autoSlide,6000);
		});

			




