$(document).ready(function(){
	$("#comentarios_btn").toggle(function(){
		$("#caja_comentarios").slideDown("normal");
		
		return false;
	}, function(){
		$("#caja_comentarios").slideUp("normal");
		
		return false;
	});
	
	bindForm("#form_container form");
	bindForm("#caja_comentarios form");
});

function bindForm(formu){
	$(formu).submit(function(){
		
		var valido;
		
		if(formu == "#form_container form"){
			valido = validarContacto(formu);
		}else if(formu == "#caja_comentarios form"){
			valido = validarComentarios(formu);
		}
	
		if(valido){
			$(formu+" span.response").text("Enviando Mensaje...");
			$.ajax({
				  type: "POST",
				  data: $(formu).serialize(),
				  url: "envio_comentarios.php",
				  dataType: "html",
				  success: function(data){
					if(data == "true"){
						$(formu+" .response").text("Mensaje enviado!");
						$(formu+" input[type=text]").val("");
						$(formu+" textarea").val("");
					}else{
						$(formu+" .response").text("Error al enviar mensaje!");
					}
				}
			});
		}
		
		return false;
	});
}

function validarComentarios(formu){
	var pattern = /^([a-zA-Z0-9_\.\-\+])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
	var valido = true;
	
	if($(formu+" .nombre").val() == ""){
		activarCampo(formu+" .nombre");
		valido = false;
	}else{
		desactivarCampo(formu+" .nombre");
	}
	if($(formu+" .apellido").val() == ""){
		activarCampo(formu+" .apellido");
		valido = false;
	}else{
		desactivarCampo(formu+" .apellido");
	}
	if($(formu+" .email").val() == "" || pattern.test($(formu+" .email").val()) == false){
		activarCampo(formu+" .email");
		valido = false;
	}else{
		desactivarCampo(formu+" .email");
	}
	if($(formu+" .comentarios").val() == ""){
		$(formu+" .comentarios").css("background-position", "0 -71px");
		valido = false;
	}else{
		desactivarCampo(formu+" .comentarios");
	}
	
	return valido;
}

function validarContacto(formu){
	var pattern = /^([a-zA-Z0-9_\.\-\+])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
	var valido = true;
	
	if($(formu+" .nombre").val() == ""){
		activarBorde(formu+" .nombre");
		valido = false;
	}else{
		desactivarBorde(formu+" .nombre");
	}
	if($(formu+" .apellido").val() == ""){
		activarBorde(formu+" .apellido");
		valido = false;
	}else{
		desactivarBorde(formu+" .apellido");
	}
	if($(formu+" .email").val() == "" || pattern.test($(formu+" .email").val()) == false){
		activarBorde(formu+" .email");
		valido = false;
	}else{
		desactivarBorde(formu+" .email");
	}
	if($(formu+" .comentarios").val() == ""){
		activarBorde(formu+" .comentarios");
		valido = false;
	}else{
		desactivarBorde(formu+" .comentarios");
	}
	
	return valido;
}

function activarCampo(campo){
	$(campo).css("background-position", "0 -21px");
}

function desactivarCampo(campo){
	$(campo).css("background-position", "0 0");
}

function activarBorde(campo){
	$(campo).css("border-color", "#ff6868");
}

function desactivarBorde(campo){
	$(campo).css("border-color", "#a3b674");
}