$(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);
		$("#phone").css(errorMarks, correctColor);
		$("#message").css(errorMarks, correctColor);

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

		var nameVal    = $("#name").val();
		var emailVal   = $("#email").val();
		var phoneVal   = $("#phone").val();
		var messageVal = $("#message").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(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:  "plugins/sendmail.php",
        	data: {
  	    		name: nameVal,
  	    		email: emailVal,
  	    		phone: phoneVal,
  	    		message: messageVal
  	    	},
        	success: function(msg) {
  	    		$("div#wrapp-layer").html(msg);
  	    		$("#form").fadeOut("slow");
  	    	},
        	error: function (XMLHttpRequest, textStatus, errorThrown) {
        		alert(errorThrown);
        		return false;
        		$("div#wrapp-layer").html('<p style="color: #f00;">Przepraszamy, wiadomość‡ nie mogł‚a zostać‡ wysł‚ana.</p>');
        			$("#form").fadeOut("slow");
        		}
      	});

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