reEmail = /^[\w-]+(\.[\w-]+)*@(([\w-]{2,63}\.)+[A-Za-z]{2,6}|\[\d{1,3}(\.\d{1,3}){3}\])$/;
$(function(){
	$("a[href=#form]").click(function(){
		
		var start = $(this);
		var finish = $(this).parent().parent().parent().parent().next(".form");
		
		finish.slideUp();
		$.ajax({
			url:start.attr("rel"),
			type:"GET",
			cache:false,
			success:function(data){
				finish
					.empty()
					.append(data)
					.slideDown();
				form();
			}
		});
	});
	
	$("body").ajaxStart(function() { loading('start') });
    $("body").ajaxStop(function()  { loading('end') });

});

/* 
	retira os subimits dos formulario,
	adiciona um requisição ajax
	resposta da requisição
*/
function form(){
	
	$(".formulario").submit(function(){
		validado = true;		
		$(this).find(".validar").each(function(c,v){
			
			if($(v).hasClass("email")){
				
				if(!reEmail.test($(v).val())){
					alert("O email está incorreto no campo '"+ $(v).attr("title")+"'");
					$(v).focus();
					validado = false;
					return false;
				}
				
			}else{
				
				if($(v).val().length<=0){
					alert("O campo '"+ $(v).attr("title") + "' deve ser preenchido");
					$(v).focus();
					validado = false;
					return false;
				}
			}
		});
		
		if(validado){
			var variaveis =	$(this).serialize();
			var finish = $(this).parent();
			$.ajax({
				url:$(this).attr("action"),
				data:variaveis,
				type:"GET",
				cache:false,
				success:function(data){
					if(eval(data)){
						alert("Mensagem enviada com sucesso!");
						finish.slideUp(function(){
							$(this).empty();
						});
					}else{
						alert("Ocorreu um erro no envio\ntente novamente mais tarde.")
					}
				}
			});		
		}
		return false;
	});
}

/*
	loading na tela
*/
function loading(tipo){
	var estilo = {	background:"#000", color:"#FFF", "font-family":"Verdana",	"font-size":"12px",	left:"50%",	"margin-left":"-57px",	"margin-top":"-24px",	padding:"4px 15px",	position:"fixed",	top:"100%",	width:"82px", display:"none" };
	if($(".loading").get() == ""){
		$("body").prepend("<div class='loading'> carregando... </div>");
		$(".loading").css(estilo);
	}		
	if(tipo=="start"){	$(".loading").fadeIn();	}else{	$(".loading").fadeOut(); }	
	
	return "foi"
}