$(document).ready(function(){

	var errorColor   = '#F3D2D3';
  var correctColor = '#F2F2F2';
  var errorMarks	 = 'background-color';
  
  $("#reset").click(function(){
  	//$("#form").clearForm();
  	document.getElementById('form').reset();
  	//$("#form").reset();
  });
  
	$("#submit").click(function(){

		$("#name").css(errorMarks, correctColor);
		$("#email").css(errorMarks, correctColor);
		$("#message").css(errorMarks, correctColor);
		$("#telefon").css(errorMarks, correctColor);
		
		$("#termin_od").css(errorMarks, correctColor);
		$("#termin_do").css(errorMarks, correctColor);
		
		$("#ile_kajakow").css(errorMarks, correctColor);
		$("#rzeka").css(errorMarks, correctColor);
		
		$("#start").css(errorMarks, correctColor);
		$("#end").css(errorMarks, correctColor);
		var hasError = false;
		var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;

    var nameVal    = $("#name").val();
    var emailVal   = $("#email").val();
    var messageVal = $("#message").val(); 
    var telefonVal = $("#telefon").val();
    var termin_odVal = $("#termin_od").val(); 
    var termin_doVal = $("#termin_do").val();
	var ile_kajakowVal = $("#ile_kajakow").val();
	var rzekaVal = $("#rzeka").val();
	var startVal = $("#start").val();
	var endVal = $("#end").val();
	
		if(nameVal == '') {
			$("#name").css(errorMarks, errorColor);
			hasError = true;

		}
		if(emailVal == '') {
			$("#email").css(errorMarks, errorColor);
			hasError = true;
		} else if(!emailReg.test( emailVal )) {	
			$("#email").css(errorMarks, errorColor);
			hasError = true;
		}
				
			if(telefonVal == '') {
			$("#telefon").css(errorMarks, errorColor);
			hasError = true;
			}
		if(messageVal == '') {
			$("#message").css(errorMarks, errorColor);
			hasError = true;
		}

		if(termin_odVal == '') {
			$("#termin_od").css(errorMarks, errorColor);
			hasError = true;
		}
		
		if(termin_doVal == '') {
			$("#termin_do").css(errorMarks, errorColor);
			hasError = true;
		}

		if(ile_kajakowVal == '') {
			$("#ile_kajakow").css(errorMarks, errorColor);
			hasError = true;
		}
		
			if(rzekaVal == '') {
			$("#rzeka").css(errorMarks, errorColor);
			hasError = true;
		}
			if(startVal == '') {
			$("#start").css(errorMarks, errorColor);
			hasError = true;
		}		
		
					if(endVal == '') {
			$("#end").css(errorMarks, errorColor);
			hasError = true;
		}
		
		
		if(hasError == false) {
			$("#form").fadeTo("slow", 0.30, function() {
	     	$("#form").after('<div class="loader"><img src="loading.gif" alt="Loading..." /></div>');

  	    $.ajax({
    	    type: "POST",
      	  url:  "sendmail.php",
        	data: { name: nameVal, email: emailVal,  telefon: telefonVal, message: messageVal, termin_od: termin_odVal, termin_do: termin_doVal, ile_kajakow: ile_kajakowVal, rzeka: rzekaVal, start: startVal, end: endVal},
        	success: function(msg) {
          	$("#wrapp").html(msg);
        		$("#form").fadeOut("slow");
        	},
        	error: function (XMLHttpRequest, textStatus, errorThrown) {
          	$("#wrapp").html('Error');
        		$("#form").fadeOut("slow");
        	}
      	});

      });
		}
		else
   		return false;
	});
});