$(function(){
	$(".boxes").data("status",1);
		   
	$(".boxes > *").animate({opacity:0},1,function(){
		$(this).css('visibility','visible');
		init();
	});
	
	$("#boxContato").submit(function(){
		var f = $(this);
		$.post('includes/php/validacaoHome.php',$(this).serialize(),function(data){
			var retorno = data.split('|||');
			alert(retorno[1])
			if(retorno[0] == "ok")
				$("#campo_nome, #campo_email, #campo_mensagem").attr('value','')
		 })
		return false;
	});
})

function init(){
	$('.boxes').hover(function(){
		if($(this).data("status")){										   
			$(this).data("status",0);
			
			var box = $(this).attr('id').replace('trigger','box');
			$("#"+box).stop().animate({opacity:1},500,function(){
				if($(this).attr('class') != undefined){
					
					$(this).css('cursor','pointer');
					$(this).bind('click',function(){
						window.location.assign($(this).attr('class') + '.php');
					});
					
				}
				else if($(this).attr('id') == 'boxContato')
				{
					$(this).find('textarea, input').css('visibility','visible');
				}
			});
		}
	},function(){
		var box = $(this).attr('id').replace('trigger','box');
		$('.boxes').data("status",1);
		
		
		var nome = $("#boxContato > input[name=nome]").val();
		var email = $("#boxContato > input[name=email]").val();
		var mensagem = $("#boxContato > textarea[name=mensagem]").val();
		
		//alert(nome);
		
		var id = $(this).attr('id');
		
		if(((nome==""&&email==""&&mensagem=="")&&id=="triggerContato")||id!="triggerContato"){
			if(id=="triggerContato")
			{
				$("#boxContato > textarea,#boxContato > input").css('visibility','hidden');
			}
			$("#"+box).stop().animate({opacity:0},300,function(){
				$(this).css('cursor','auto');
				$(this).unbind('click');
			});
		}
	})
}