$(document).ready(function() {

	

	//if submit button is clicked

	$('#submit').click(function () {		

		

		//Get the data from all the fields

		var name = $('input[name=name]');

		var email = $('input[name=OBemail]');

		var website = $('input[name=website]');

		var comment = $('textarea[name=comment]');



		//Simple validation to make sure user entered something

		//If error found, add hightlight class to the text field

		

		if (name.val()=='') {

			name.addClass('hightlight');

			return false;

		} else name.removeClass('hightlight');

		

		if (email.val()=='') {

			email.addClass('hightlight');

			return false;

		} else email.removeClass('hightlight');

		

		if (comment.val()=='') {

			comment.addClass('hightlight');

			return false;

		} else comment.removeClass('hightlight');

		

		//organize the data properly

		var data = 'name=' + name.val() + '&email=' + email.val() + '&website=' + 

		website.val() + '&comment='  + encodeURIComponent(comment.val());

		

		//disabled all the text fields

		/*$('.text').attr('disabled','true');*/

		

		//show the loading sign

		$('.loading').show();

		

		//start the ajax

		$.ajax({
			//this is the php file that processes the data and send mail
			url: "enviar.php",	
			//GET method is used
			type: "GET",
			//pass the data			
			data: data,		
			//Do not cache the page
			cache: false,
			//success
			success: function (html) {				
				//if enviar.php returned 1/true (send mail success)
				
				if (html>0) {		
					//hide the form
					$('.element').hide();
					$('.loading').hide();
					$('#alert-me').hide();
					$('.form').fadeOut('slow');					
					//show the success message
					$('.done').fadeIn('slow');
				//if enviar.php returned 0/false (send mail failed)
				} else {
					alert('Erro ao enviar, tente novamente.');
					$('.loading').hide();
				}
			}		
		});

		

		//cancel the submit button default behaviours

		return false;

	});	

});