$(document).ready(function() {
		  
	/* bt abrir popup */
	$('.box_servico .pop-up').hide();
	$('.box_servico .btn').click(function(){
		if($(this).parent().find('.pop-up').is(':hidden')) {
			$('.box_servico .pop-up').hide();
			$(this).parent().find('.pop-up').show();
		} else {
			$(this).parent().find('.pop-up').hide();
		}
	});
	
	/* bt fechar */
	$('.pop-up .fechar').click(function(){
		$(this).parent().parent().hide();
	});
	

	/* Envio dos E-mails */
	$('.btn-ok').click(function(){
		EnviarThru($(this).parent().attr('id'));
		return false;
	});

	function EnviarThru(frm_name){
		var frm_name;
		
		frm = document.getElementById(frm_name);
		
		if(frm.nome.value == "" || frm.email.value == "" || frm.telefone.value == "") {
			alert('Por favor preencha todos os campos.');
			return false;
		}
		
		out_data = "nome=" + frm.nome.value + "&email=" + frm.email.value + "&telefone=" + frm.telefone.value + "&opcao=" + frm.opcao.value + "&perfil=" + frm.perfil.value;
		//alert(out_data);
		
		$.ajax({
			type: "POST",
			url: "contato-ok.php",
			data: out_data,
			
			success: function(msg){
				out_msg = "<p class='resposta'>"+msg+"<br><input name='OK' type='button' title='Clique para fechar' class='btn-ok btClose' /></p>";
				
				document.getElementById(frm_name).innerHTML = out_msg;
				
				$(".btClose").click(function(){
					$(this).parent().parent().parent().hide();
				});
			}
			
		});
	}

/* EXIBIR FORM PERFIS */
	$('#pConservador').click(function(){
		$('#perfil').attr('value', 'Conservador');
		$('#formContainer').css('width', '0px');
		$('#formContainer').animate({'width' : 230}, 500);
		return false;
	});
	$('#pModerado').click(function(){
		$('#formContainer').css('width', '0px');
		$('#perfil').attr('value', 'Moderado');
		$('#formContainer').animate({'width' : 230}, 500);
		return false;
	});
	$('#pAgressivo').click(function(){
		$('#formContainer').css('width', '0px');
		$('#perfil').attr('value', 'Agressivo');
		$('#formContainer').animate({'width' : 230}, 500);
		return false;
	});
	$('#barraFechar').click(function(){
		$('#formContainer').animate({'width' : 0}, 500);
	});
	
	
/* VALIDACAO DO FORM */
	if($('#formQuero').attr('id')){
		$('#formQuero').validate({
			rules: {
				nome: "required",
				email: {
					required: true,
					email: true
				},
				tel: "required"
			},
			messages: {
				nome: "Por favor preencha o nome",
				email: { 
					required: "Por favor preencha o e-mail",
					email: "Por favor preencha corretamente o e-mail"
				},
				tel: "Por favor preencha o telefone"
			},
			submitHandler: function(form) {
				enviarEmail();
   			}

		});
	}
	
	/* ENVIO DO FORM */
	function enviarEmail(){
		form = document.getElementById('formQuero');

		out_data = "nome=" + form.nome.value;
		out_data += "&email=" + form.email.value;
		out_data += "&ddd=" + form.ddd.value;
		out_data += "&tel=" + form.tel.value;
		out_data += "&perfil=" + form.perfil.value
		out_data += "&servico=" + form.servico.value;

		//alert(out_data);
		$('#formQuero').html('Enviando...');

		$.ajax({
			type: "POST",
			url: "/perfis/envio.php",
			data: out_data,
			success: function(msg){
				
				out_msg = "<p class='resposta'>"+msg+"<br /><br /><input name='ok' type='button' title='Clique para fechar' id='btnOk' /></p>";
				$('#formQuero').html(out_msg);
				
				$('#btnOk').click(function(){
					$('#formContainer').animate({'width' : 0}, 500);
				});

			}
		});
	}

						 

});

