// Mesmo que window.onload
$(document).ready(function () 
{
	// cria um evento no click no botao btn1
	$("#btn1").click(function(){sendform()})
})

// Funcao que recupera e envia os dados para o data.php via post
function sendform()
 {
	// recupera os dados do form
	fnome = $('#nome').val()
	fmail = $('#mail').val()
	// instancia o ajax via post informando o destino no caso data.php
	$.post("data.php",
	// envia os dados do form nas variaveis nome e mail
	{nome: fnome, mail: fmail},
	// recupera as informacoes vindas do data.php
	function(data)
	{
	  // se retornou 1 entao os dados nao foram enviados
	  if(data == 1)
	  { 
		// remove a classe css sucess da div
		$("#d").removeClass("sucess")
		// adiciona a classe error da div 
		$("#d").addClass("error")
		// insere na div o conteudo/mensagem de erro
		$("#d").html("Preencha todos os campos!")
	  }
	  else{
	  // se nao retornou 1 entao os dados foram enviados
	  // remove a classe error da div
	  $("#d").removeClass("error")
	  // adiciona a classe sucess na div 
	  $("#d").addClass("sucess")
	  // insere o conteudo vindo do data.php na div
	  $("#d").html(data);
	  }
	  // torna a div invisivel
	  $("#d").css("display","none");
	  // torna a div visivel usando o efeito show com a slow de parametro
	  $("#d").show("slow");
	}
	)
	// efeito show na div 
	$("#d").show("slow");
}