// JavaScript Document

$(document).ready(function(){
	if(jQuery.browser.webkit && document.readyState != "complete") {
	  setTimeout( arguments.callee, 100 );
	  return;
	 }
	 
	 var maskWidth = $(window).width();
	 var maskHeight = $(window).height();

	$('.fundoModal').css({'width':maskWidth,'height':maskHeight});
	$('.fundoModal').fadeIn(1000);
	$('.fundoModal').fadeTo("slow",0.8,function(){$(".modal").fadeIn(1500);});
	
	$('.fundoModal').click(function(){
		$('.modal').fadeOut(1000,function(){$('.fundoModal').fadeOut();});
	});

	$('.botaoFechar').click(function(){
		$('.modal').fadeOut(1000,function(){$('.fundoModal').fadeOut();});
	});
	
	 $(".botoes li a").click(function(){
		 
		 //Parte da função que fecha divs ativas
		  $(".abaAtiva p").css('display','none');
		  $(".abaAtiva").animate({
				marginLeft: '22px',
				marginTop: '0px',
				height: '68px',
				width: '100px'
			 },800);
		
		
		$(".botoes li a").show();	
		 
		  $(".quadroInferior li .rodapeAtivo a").fadeOut();
		 $(".quadroInferior li .rodapeAtivo").fadeOut().removeClass('.rodapeAtivo');
		 $(".linkSeta").hide();
		 
		 //Função principal para descer a div 
		 
		 var id = $(this).attr("rel");
		 $(this).hide();
		 $("#superior"+id).hide();
		 $("#oculta"+id+" p").css('display','block');
		 $("#oculta"+id).css('display','block').addClass('abaAtiva');
		 $("#oculta"+id).animate({
				marginLeft: '2px',
				marginTop: '-15px',
				height: '360px',
				width: '214px'
			 }, 800 );
		$("#inferior"+id).css('display','block').addClass('rodapeAtivo');
		$("#inferior"+id).animate({
			marginTop: '0'
		 }, 1500 );	 
		 
		$("#botao"+id).fadeIn(3400); 
		$("#inferior"+id+" .link").fadeIn(3400); 
	});

	$(".linkSeta").click(function(){
		
		// Função para subir a div
		
		var id = $(this).attr("rel");
		$("#botao"+id).hide(); 
		$("#inferior"+id+" .link").fadeOut(3400); 
		$("#inferior"+id).css('display','block');
		$("#inferior"+id).animate({
			marginTop: '108px'
		 }, 1500 );	 
		$("#inferior"+id).fadeOut(1500);
		 $("#oculta"+id+" p").fadeOut();
		 $("#oculta"+id).animate({
				marginLeft: '22px',
				marginTop: '0',
				height: '68px',
				width: '100px'
			 }, 1500 );
		$("#oculta"+id).fadeOut(function(){
			 $("#superior"+id).css('display','block');	
			 $("#ref"+id).css('display','block');
		});
		
	});
	
	$(".select").mouseenter(function(){
		$(".selectEstado").show();
	});


	$(".select").mouseleave(function(){
		$(".selectEstado").hide();
	});
	
	$(".selectEstado li a").live('click',function(){
		var valor = $(this).attr('rel');
		$("#estado").val(valor);
		$(".selectEstado").hide();
	});

	$(".botaoOk").live('click',function(){
		$("#nome").val("");
		$("#email").val("");
		$("#cidade").val("");
		$("#estado").val("UF");
		$(".boxRetorno").fadeOut(function(){
			$("#formCadastro fieldset").fadeIn();
		});
	});
	
	$(".botaoEnviar").live('click',function(){
		var formId = $(this).closest('form').attr('id');
		var action = $("#"+formId).attr('action');
		var dados = $("#"+formId).serialize();
		var erros = 0;
		var campos = "";
		var validateMail = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
		$("#"+formId).find("input").each(function(){
			if (this.value==this.defaultValue || this.value==""){
				if ($(this).attr('id')!="email"){
					campos += "\n"+">> "+$(this).attr('id').toUpperCase(); 
					erros=1;	
				}
			}
			if($(this).attr('id')=="email"){
				if(!validateMail.test($(this).val()) || this.value==""){
					campos += "\n"+">> "+$(this).attr('id').toUpperCase(); 	
					erros=1;
				}
			}
		});
		if (erros==0) {
			$.ajax({
			  type: "POST",
			  url: action,
			  data: dados,
			  success: function(retorno){
					$("#"+formId+" fieldset").fadeOut(function(){
						$(".boxRetorno").html(retorno);
						$(".boxRetorno").fadeIn();
					});
			  }
			})	
			return false;
		}	
		else {
			alert ('Os seguintes campos não foram preenchidos'+"\n"+campos);
			return false;
		}
		return false;
	});
	
	
});