$(document).ready(function(){

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

		$("#name").css(errorMarks, correctColor);
		$("#phone").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 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(phoneVal == '') {
			$("#phone").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) {
			hasError = true;
		}
*/
		if(hasError == false) {
      //$(".button").hide();
			$("#form").fadeTo("slow", 0.30, function() {
	     	$("#form").after('<div class="loader"><img src="/img/loading.gif" alt="Loading..." /></div>');
	     	//$(".loader").show("slow");

  	    $.ajax({
    	    type: "POST",
      	  url:  "/sendmail_en.php",
        	data: { name: nameVal, phone: phoneVal, email: emailVal, message: messageVal },
        	success: function(msg) {
          	$("div#content").html(msg);
        		$("#form").fadeOut("slow");
        	},
        	error: function (XMLHttpRequest, textStatus, errorThrown) {
          	$("div#content").html('Sorry, message can not be send.');
        		$("#form").fadeOut("slow");
        	}
      	});

      });

/*
			$.post("templates/forms/sendmail.php",
            	{  },
   				function(data) {
   					$("#loader").fadeOut("slow", function(){
						$("#form").slideUp("slow", function(){
                  			$("#wrapp").html('<div style="margin: 20px 0;"><strong>' + data + '</strong></div>');
                		});
                	});
   				});
*/

		}
		else
   		return false;
	});
});