$(document).ready(function(){
    
    var name,phone,subject,message,email;
    var error_email,error_message,error_name,error_phone,error_subject;


    function isValidEmailAddress(emailAddress) {
	var pattern = new RegExp(/^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/i);
	return pattern.test(emailAddress);
    }
    
     $('div#contact_ok').hide();
     $('img.loading').hide();
     $('input[name=name]').val("");
     $('input[name=phone]').val("");
     $('input[name=email]').val("");
     $('input[name=subject]').val("");
     $('textarea[name=message]').val("");
     
      $('input[name=name]').focus(function(){
	
	if (error_name == 1) { $(this).val("") }
	
	}).blur(function(){
	    if ($(this).val == "") {
		$(this).css('color','#ec018c');
		$(this).val("Enter name");
		error_name = 1
	    } else {
		error_name = 0;
	    }
	});
      
     
      $('input[name=phone]').focus(function(){
	
	if (error_phone == 1) { $(this).val("") }
	
	}).blur(function(){
	    if ($(this).val == "") {
		$(this).css('color','#ec018c');
		$(this).val("Enter phone");
		error_phone = 1
	    } else {
		error_phone = 0;
	    }
	});
      
      $('input[name=email]').focus(function(){
	if (error_email == 1) {
		$(this).val("")
	}
	
	}).blur(function(){
	    if ($(this).val == "") {
		$(this).css('color','#ec018c');
		$(this).val("Enter email address");
		error_email = 1
	    } else {
		 if(isValidEmailAddress(email)) {
		    error_email = 0;
		 } else {
		    error_email = 1;
		    $(this).css('color','#ec018c');
		    $(this).val(email);
		 }
	    }
	});
      
      $('input[name=subject]').focus(function(){
	
	if (error_subject == 1) { $(this).val("") }
	
	}).blur(function(){
	    if ($(this).val == "") {
		$(this).css('color','#ec018c');
		$(this).val("Enter subject");
		error_subject = 1
	    } else {
		error_subject = 0;
	    }
	});
      
      $('textarea[name=message]').focus(function(){
	
	if (error_message == 1) { $(this).val("") }
	
	}).blur(function(){
	    if ($(this).val == "") {
		$(this).css('color','#ec018c');
		$(this).val("Enter message");
		error_message = 1
	    } else {
		error_message = 0;
	    }
	});
 
     $('span.submit').click(function(){
	var name = $('input[name=name]').val();
	var phone = $('input[name=phone]').val();
	var email = $('input[name=email]').val();
	var subject = $('input[name=subject]').val();
	var message = $('textarea[name=message]').val();
	var error = 0;
	$('.submit').fadeOut(10);
	$('img.loading').fadeIn(2000);
	
	
	if (name == "") {
	    $('input[name=name]').css('color','#ec018c');
	    $('input[name=name]').val("Enter name");
	    error_name = 1;
	    error = 1;
	} 
	
	if (phone == "") {
	    $('input[name=phone]').css('color','#ec018c');
	    $('input[name=phone]').val("Enter phone");
	    error_phone = 1;
	    error = 1;
	}
	
	if (email == "") {
	    $('input[name=email]').css('color','#ec018c');
	    $('input[name=email]').val("Enter email");
	    error_email = 1;
	    error = 1;
	} else {
	     if(isValidEmailAddress(email)) {
		error_email = 0;
	    } else {
		error_email = 1;
		$('input[name=email]').css('color','#ec018c');
		$('input[name=email]').val(email);
	    }
	}
	
	if (subject == "") {
	    $('input[name=subject]').css('color','#ec018c');
	    $('input[name=subject]').val("Enter subject");
	    error_subject = 1;
	    error = 1;
	}
	
	if (message == "") {
	    $('textarea[name=message]').css('color','#ec018c');
	    $('textarea[name=message]').val("Enter message");
	    error_message = 1;
	    error = 1;
	}
	
	
	
	if (error_name == 0 && error_email == 0 && error_message == 0 && error_phone == 0 && error_subject == 0) {
	    
	    var string = 'name=' + name + '&phone=' + phone + '&email=' + email + '&subject=' + subject + '&message=' + message;
	    
	    
	    $.ajax({
		url: 'mail.php',
		data: string,
		//dataType: 'json',
		type: 'post',
		success: function (html) {
		    if (html == '1') {
			$('.form').fadeOut('slow');
			$('div#contact_ok').fadeIn('slow');
			alert('Thank you !');
		}
		}
	      });
	} else {
	    $('img.loading').fadeOut(2000);
	    setTimeout(function() { $('.submit').fadeIn('slow'); }, 4000);
	    
	}
	
    });
    
    
});