$(function(){
	$("#cont-nome").focus();	

	var $err = $("#form-contato strong:last").hide();

	$("#cont-uf")
		.css({width:'auto'})
		.change(function(){
			$.post(siteURL + "ajax/cidades", {estado: $(this).val()}, function(data){
				$selectCidades = $("select[name='cont-cidade']");
				if($selectCidades.css('display') != 'none'){
					$selectCidades.empty();
					$selectCidades.append(data);
					$selectCidades.attr('disabled',false);
				}
				else{
					$selectCidades.empty();
					$selectCidades.append(data);
					$("label[for=cont-cidade]").show();
					$selectCidades.slideDown();
				}
			});
		});
	
	$('#cont-assunto').change(function(){
		var selected = $('#cont-assunto option:selected');
		$('#campo-dinamico').html('');
		
		if(selected.attr('class') == 'Pedido'){
			$('#campo-dinamico').html('<label for="cont-pedido">Número do Pedido <span>*</span></label><input type="text" class="Text" id="cont-pedido" name="cont-pedido"/>');
		}else if(selected.attr('class') == 'Cpf'){
			$('#campo-dinamico').html('<label for="cont-cpf">Número do CPF <span>*</span></label><input type="text" class="Text" id="cont-cpf" name="cont-cpf" />');
		}
	});

	$("#form-contato").submit(function(e){ e.preventDefault();$("#resposta").empty(); });

	$("#form-contato").validate({
		rules: { 
			"cont-nome": {required: true},
			"cont-email":{required:true, email:true},
			"cont-uf":{required:true},
			"cont-cidade": {required: "#cont-uf:filled"},
			"cont-assunto": {required: true},
			"cont-cpf": {required: true},
			"cont-pedido": {required: true},
			"cont-msg": {required: true}
		},
		messages: {
			'cont-nome': 'Obrigatório',
			'cont-email': {required:'Obrigatório', email:'E-mail inválido'},
			'cont-uf': 'Obrigatório',
			'cont-cidade': 'Obrigatório',
			'cont-assunto': 'Obrigatório',
			'cont-cpf': 'Obrigatório',
			'cont-pedido': 'Obrigatório',
			'cont-msg': 'Obrigatório'
		},
		highlight: function(el, _){ 
			$err.fadeIn();
		},
		unhighlight: function(el,_){ 
			$err.fadeOut();
		},
		// errorPlacement: function(error,el){ error.appendTo(el.prev()); },
		errorPlacement: function(error,el){ error.appendTo(el.prev()); },
		errorElement: 'span',
		submitHandler: function(form){
			var botao = $("#form-contato button");
			botao.attr("disabled",true);
			$(form).ajaxSubmit({
				success: function(data){
					$("#form-contato button").attr("disabled",false);
					$("#resposta").empty().append(data.resposta).fadeIn();
					 $("form")[1].reset();
				},dataType: 'json'
			});
		}
	});
});