$(document).ready(function(){

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

		$("#name").css(errorMarks, correctColor);
		$("#email").css(errorMarks, correctColor);
		$("#message").css(errorMarks, correctColor);
		$("#agree").css(errorMarks, correctColor);

		var hasError = false;
		var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;

    var nameVal    = $("#name").val();
    var companyVal = $("#company").val();
    var addressVal = $("#address").val();
    var phoneVal   = $("#phone").val();
    var emailVal   = $("#email").val();
    var messageVal = $("#message").val(); 
    var agreeVal   = $("#agree:checked").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(messageVal == '') {
			$("#message").css(errorMarks, errorColor);
			hasError = true;
		}
		if (agreeVal == null) {
			alert("Musisz wyrazić zgodę na przetwarzanie danych osobowych");
			hasError = true;
		}

		if(hasError == false) {
			$("#form").fadeTo("slow", 0.30, function() {
	     	$("#form").after('<div class="loader"><img src="templates/img/loading.gif" alt="Loading..." /></div>');

  	    $.ajax({
    	    type: "POST",
      	  url:  "templates/forms/sendmail.php",
        	data: {
  	    		name: nameVal,
  	    		company: companyVal,
  	    		address: addressVal,
  	    		phone: phoneVal,
  	    		email: emailVal,
  	    		message: messageVal
  	    	},
        	success: function(msg) {
          	$("div#wrapp-layer").html('<p>' + msg + '</p>');
        		$("#form").fadeOut("slow");
        	},
        	error: function (XMLHttpRequest, textStatus, errorThrown) {
          	$("div#wrapp-layer").html('<p>Przepraszamy, wiadomość‡ nie mogł‚a zostać‡ wysł‚ana.</p>');
        		$("#form").fadeOut("slow");
        	}
      	});

      });
		}
		else
   		return false;
	});


	  /* Polec znajomym */

	  $("#reset2").click(function(){
	  	document.getElementById('form').reset();
	  });
	  
	  $("#submit2").click(function(){

			$("#myname").css(errorMarks, correctColor);
			$("#myemail").css(errorMarks, correctColor);
			$("#hisname").css(errorMarks, correctColor);
			$("#hisemail").css(errorMarks, correctColor);
			//$("#agree").css(errorMarks, correctColor);

			var hasError = false;
			var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;

			var mynameVal    = $("#myname").val();
			var myemailVal   = $("#myemail").val();
			var hisnameVal    = $("#hisname").val();
			var hisemailVal   = $("#hisemail").val();
			//var agreeVal   = $("#agree:checked").val();

			if(mynameVal == '') {
				$("#myname").css(errorMarks, errorColor);
				hasError = true;
			}
			if(myemailVal == '') {
				$("#myemail").css(errorMarks, errorColor);
				hasError = true;
			} else if(!emailReg.test( myemailVal )) {	
				$("#myemail").css(errorMarks, errorColor);
				hasError = true;
			}
			if(hisnameVal == '') {
				$("#hisname").css(errorMarks, errorColor);
				hasError = true;
			}
			if(hisemailVal == '') {
				$("#hisemail").css(errorMarks, errorColor);
				hasError = true;
			} else if(!emailReg.test( hisemailVal )) {	
				$("#hisemail").css(errorMarks, errorColor);
				hasError = true;
			}

			if(hasError == false) {
				$("#form2").fadeTo("slow", 0.30, function() {
		     	$("#form2").after('<div class="loader"><img src="templates/img/loading.gif" alt="Loading..." /></div>');

	  	    $.ajax({
	    	    type: "POST",
	      	  url:  "templates/forms/sendmail-polec-znajomym.php",
	        	data: {
	  	    		myname: mynameVal,
	  	    		myemail: myemailVal,
	  	    		hisname: hisnameVal,
	  	    		hisemail: hisemailVal
	  	    	},
	        	success: function(msg) {
	        		$("div#wrapp-layer").html(msg);
	        		$("#form2").fadeOut("slow");
	        	},
	        	error: function (XMLHttpRequest, textStatus, errorThrown) {
	        		$("div#wrapp-layer").html('<p>Przepraszamy, wiadomość nie mogła zostać wysłanaaaa.</p>');
	        		$("#form2").fadeOut("slow");
	        	}
	      	});

	      });
			}
			else
				return false;
		});
	
	
	
	

});