jQuery(function() {
  jQuery('.error').hide();


  jQuery(".button").click(function() {
		// validate and process form
		// first hide any error messages
    jQuery('.error').hide();
	 var data_od = jQuery("input#data_od").val();
		if (data_od == "") {
      jQuery("label#data_od_error").show();
      jQuery("input#data_od").focus();
      return false;
    }	
    var data_do = jQuery("input#data_do").val();
		if (data_do == "") {
      jQuery("label#data_do_error").show();
      jQuery("input#data_do").focus();
      return false;
    }	
     var pokoj = jQuery("select#pokoj").val();
		if (pokoj == "") {
      jQuery("label#pokoj_error").show();
      jQuery("select#pokoj").focus();
      return false;
    }
	  var name = jQuery("input#name").val();
		if (name == "") {
      jQuery("label#name_error").show();
      jQuery("input#name").focus();
      return false;
    }
		var email = jQuery("input#email").val();
		if (email == "") {
      jQuery("label#email_error").show();
      jQuery("input#email").focus();
      return false;
    }
		var telefon = jQuery("input#telefon").val();
		if (telefon == "") {
      jQuery("label#telefon_error").show();
      jQuery("input#telefon").focus();
      return false;
    }
		
		var dataString = 'data_od='+ data_od + '&data_do='+ data_do + '&pokoj='+ pokoj + '&name='+ name + '&email=' + email + '&telefon=' + telefon;
		//alert (dataString);return false;
		
		jQuery.ajax({
      type: "POST",
      url: "bin/process.php",
      data: dataString,
      success: function() {
        jQuery('#formularz').html("<div id='message'></div>");
        jQuery('#message').html("<h2>Wiadomość została wysłana!</h2>")
        .append("<p>Dziękujemy.</p>")
        .hide()
        .fadeIn(1500, function() {
          jQuery('#message').append("");
        });
      }
     });
    return false;
	});
});