$(document).ready(function() {

	$("#contact-button").click(function(event) {
		
		event.preventDefault()
	
		var name = $("#name").val();
		var email = $("#email").val();
		var phone = $("#phone").val();
		var message = $("#message").val();
		
		if (name == "") { 
				$("#mail-info").html("<p style='display: none' id='mail-notification'>Molimo popunite sva polja!</p>");
				$("#mail-notification").fadeIn(1000);
				return false;
		}
		
		if (email == "") { 
				$("#mail-info").html("<p style='display: none' id='mail-notification'>Popunite sva polja!</p>");
				$("#mail-notification").fadeIn(1000);
				return false;
		}
		
		if (phone == "") { 
				$("#mail-info").html("<p style='display: none' id='mail-notification'>Popunite sva polja!</p>");
				$("#mail-notification").fadeIn(1000);
				return false;
		}
		
		if (message == "") { 
				$("#mail-info").html("<p style='display: none' id='mail-notification'>Popunite sva polja!</p>");
				$("#mail-notification").fadeIn(1000);
				return false;
		}
				
		var dataString = 'name=' + name + '&email=' + email + '&phone=' + phone + '&message=' + message;
		
		$.ajax ({
			type: "POST",
			url: "php/mail.php",
			data: dataString,
			success: function() {
				$("#mail-info").html("<p style='display: none' id='mail-notification'>Vaš mail je poslan!</p>");
				$("#mail-notification").fadeIn(1000);
			}
			
		});
		
	});

});