$(document).ready(function(){

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

		$("#name").css(errorMarks, correctColor);
		$("#nazwisko").css(errorMarks, correctColor);
		$("#street").css(errorMarks, correctColor);
		$("#miejscowosc").css(errorMarks, correctColor);
		$("#kodpocztowy").css(errorMarks, correctColor);
		$("#numertel").css(errorMarks, correctColor);
		$("#email").css(errorMarks, correctColor);
		$("#message").css(errorMarks, correctColor);
		$("#nazwa").css(errorMarks, correctColor);
		$("#nazwa2").css(errorMarks, correctColor);
		$("#nazwa3").css(errorMarks, correctColor);
		$("#nazwa4").css(errorMarks, correctColor);
		$("#nazwa5").css(errorMarks, correctColor);
		$("#nazwa6").css(errorMarks, correctColor);
		$("#nazwa7").css(errorMarks, correctColor);
		$("#nazwa8").css(errorMarks, correctColor);
		$("#agree").css(errorMarks, correctColor);
	

		var hasError = false;
		var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
		
		
	var wielkoscVal     = $("#wielkosc").val();
	var koncentratVal     = $("#koncentrat").val();
	var formaplatnosciVal     = $("#formaplatnosci").val();
    var nameVal    = $("#name").val();
	var nazwiskoVal    = $("#nazwisko").val();
	var streetVal    = $("#street").val();
	var miejscowoscVal    = $("#miejscowosc").val();
	var kodpocztowyVal    = $("#kodpocztowy").val();
	var numertelVal    = $("#numertel").val();
    var emailVal   = $("#email").val();
    var messageVal = $("#message").val(); 
	var agreeVal   = $("#agree:checked").val();
	var nazwaVal   = $("#nazwa:checked").val();
	var nazwa2Val  = $("#nazwa2").val(); 
	var nazwa3Val  = $("#nazwa3").val(); 
	var nazwa4Val  = $("#nazwa4").val(); 
	var nazwa5Val  = $("#nazwa5").val(); 
	var nazwa6Val  = $("#nazwa6").val(); 
	var nazwa7Val  = $("#nazwa7").val(); 
	var nazwa8Val  = $("#nazwa8").val(); 
	

		if(nameVal == '') {
			$("#name").css(errorMarks, errorColor);
			hasError = true;
		}
		if(nazwiskoVal == '') {
			$("#nazwisko").css(errorMarks, errorColor);
			hasError = true;
		}
		if(streetVal == '') {
			$("#street").css(errorMarks, errorColor);
			hasError = true;
		}
		if(miejscowoscVal == '') {
			$("#miejscowosc").css(errorMarks, errorColor);
			hasError = true;
		}
		if(kodpocztowyVal == '') {
			$("#kodpocztowy").css(errorMarks, errorColor);
			hasError = true;
		}
		if(numertelVal == '') {
			$("#numertel").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(messageVal == '') {
			$("#message").css(errorMarks, errorColor);
			hasError = true;
			}
			
		if (nazwaVal != null && nazwa2Val =='') {
			$("#nazwa2").css(errorMarks, errorColor);
			hasError = true;
			}
		if (nazwaVal != null && nazwa3Val =='') {
			$("#nazwa3").css(errorMarks, errorColor);
			hasError = true;
			}
		if (nazwaVal != null && nazwa4Val =='') {
			$("#nazwa4").css(errorMarks, errorColor);
			hasError = true;
			}
		if (nazwaVal != null && nazwa5Val =='') {
			$("#nazwa5").css(errorMarks, errorColor);
			hasError = true;
			}
		if (nazwaVal != null && nazwa6Val =='') {
			$("#nazwa6").css(errorMarks, errorColor);
			hasError = true;
			}
		if (nazwaVal != null && nazwa7Val =='') {
			$("#nazwa7").css(errorMarks, errorColor);
			hasError = true;
			}
		if (nazwaVal != null && nazwa8Val =='') {
			$("#nazwa8").css(errorMarks, errorColor);
			hasError = true;
			}
				
		
		if (agreeVal == null) {
			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: { formaplatnosci: formaplatnosciVal , wielkosc: wielkoscVal, name: nameVal, nazwisko: nazwiskoVal, street: streetVal, miejscowosc: miejscowoscVal, kodpocztowy: kodpocztowyVal, numertel: numertelVal, email: emailVal, message: messageVal, nazwa: nazwaVal, nazwa2: nazwa2Val, nazwa3: nazwa3Val, nazwa4: nazwa4Val, nazwa5: nazwa5Val, nazwa6: nazwa6Val, nazwa7: nazwa7Val, nazwa8: nazwa8Val },
        	success: function(msg) {
          	$("#wrapp").html(msg);
        		$("#form").fadeOut("slow");
        	},
        	error: function (XMLHttpRequest, textStatus, errorThrown) {
          	$("#wrapp").html('Error');
        		$("#form").fadeOut("slow");
        	}
      	});

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