jQuery(document).ready(function($){ 
    "use strict"; 
    /* setting the url ro submit the mail */ 
    var yourdomain = "http://foliozee.kraftives.com/demo/html/"; 
    //form validation rules 
    /* Error List to be displayed when recieved error via AJAX */ 
  	var full_name_error = '<div class="alert alert-error"><button type="button" class="close" data-dismiss="alert">×</button>Lütfen adınızı ve soyadınızı giriniz.</div>', 
  	email_error = '<div class="alert alert-error"><button type="button" class="close" data-dismiss="alert">×</button>Lütfen e-posta adresinizi giriniz.</div>', 
  	invalid_email_error = '<div class="alert alert-error"><button type="button" class="close" data-dismiss="alert">×</button>E-posta adresiniz ornek@ornek.com şeklinde olmalı.</div>', 
  	message_error = '<div class="alert alert-error"><button type="button" class="close" data-dismiss="alert">×</button>Lütfen mesajınızı giriniz.</div>',	 
  	mail_error = '<div class="alert"><button type="button" class="close" data-dismiss="alert">×</button>Mesajınız gönderilemedi. Lütfen daha sonra tekrar deneyiniz.</div>', 
  	mail_success = '<div class="alert alert-success"><button type="button" class="close" data-dismiss="alert">×</button>Mesajınız gönderildi. Teşekkürler!</div>', 
  	phone_error = '<div class="alert alert-error"><button type="button" class="close" data-dismiss="alert">×</button>Lütfen telefon numaranızı giriniz.</div>';	 
     
    jQuery.validator.addMethod("alphaspace", function(value, element) { 
      return this.optional(element) || /^[a-zA-ZçÇğĞöÖşŞüÜ ]+$/.test(value); 
    }, "Ad ve Soyad sadece harflerden oluşmalı."); 
     
    jQuery.validator.addMethod("phonenumber", function(value, element) { 
      return this.optional(element) || /^[0-9-]+$/.test(value); 
    }, "Telefon sadece rakamlardan oluşmalı."); 
     
    $(".contact_form form").validate({ 
      rules: { 
        full_name: { 
          required: true, 
          alphaspace: true 
           
        }, 
        email: { 
          required: true, 
          email: true 
        }, 
        phone: { 
          required: true, 
          phonenumber: true 
        }, 
        message: "required", 
      }, 
      messages: { 
        full_name: { 
          required: "Lütfen adınızı ve soyadınızı giriniz.", 
        }, 
        email: { 
          required: "Lütfen e-posta adresinizi giriniz.", 
          email: "E-posta adresiniz ornek@ornek.com şeklinde olmalı." 
        }, 
  	  phone: { 
          required: "Lütfen telefon numaranızı giriniz.", 
        }, 
        message: "Lütfen mesajınızı giriniz." 
      }, 
      submitHandler: function() { 
        //alert('form_submit'); 
        var form = $('.contact_form form'); 
        var full_name = form.find('[name="full_name"]').val(); 
        var email = form.find('[name="email"]').val(); 
  	  var phone = form.find('[name="phone"]').val(); 
        var message = form.find('[name="message"]').val(); 
  	         
        ContactAjax(full_name, email, phone, message); 
      } 
    }); 
     
    var ContactAjax = function($full_name, $email, $phone, $message){ 
      $.ajax({ 
        type: "POST", 
        url: yourdomain + "contact_send.php",	//@TODO CHange to Live 
        //dataType: "json" , 
        data: { full_name : $full_name, email : $email, phone: $phone, message : $message}, 
        success: function(data) { 
          //console.log(data); 
          var response = jQuery.parseJSON(data);			 
          $(".contact_form form .result .alert").slideUp().remove(); 
          var contact_form = $('.contact_form form'); 
          if(response.success) 
          {   contact_form.slideUp().height('0'); 
           contact_form.parent().append(mail_success); 
          }else{ 
            var i; 
            for(i=0; i<response.errors.length; i++){ 
              if(response.errors[i].error == 'empty_name')  { 
                contact_form.find('[name="full_name"]').parent().append(full_name_error); 
              } 
              if(response.errors[i].error == 'empty_email')  { 
                contact_form.find('[name="email"]').parent().append(email_error); 
              } 
              if(response.errors[i].error == 'empty_message')  {             
                contact_form.find('[name="message"]').parent().append(message_error); 
              } 
  			if(response.errors[i].error == 'empty_phone')  {             
                contact_form.find('[name="phone"]').parent().append(phone_error); 
              } 
              if(response.errors[i].error == 'invalid'){ 
                contact_form.find('[name="email"]').parent().append(invalid_email_error);   
              } 
              if(response.errors[i].error == 'mail_error'){ 
                contact_form.append(mail_error);   
              } 
            } 
          } 
          jQuery('button.close').click(function(){ 
            if(jQuery(this).data('dismiss')==='alert'){ 
              jQuery(this).parent().remove(); 
            } 
          }); 
           
        }	 
      }); 
    }; 
     
  });