$(function() {
  $('.error').hide();
  $('input.text-input').css({backgroundColor:"#FFFFFF"});
  $('input.text-input').focus(function(){
    $(this).css({backgroundColor:"#FFDDAA"});
  });
  $('input.text-input').blur(function(){
    $(this).css({backgroundColor:"#FFFFFF"});
  });

  $(".button").click(function() {
		// validate and process form
		// first hide any error messages
    $('.error').hide();
	
	  var name = $("input#name").val();
		if (name.length < 2) {
      $("label#name_error").show();
      $("input#name").focus();
      return false;
    }
	
	var company = $("input#company").val();

	var email = $("input#email").val();
	var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
		if (reg.test(email) == false) {
      $("label#email_error").show();
      $("input#email").focus();
      return false;
    }
	
	var phone = $("input#phone").val();
		
		var dataString = 'name='+ name + '&company='+ company + '&email=' + email + '&phone=' + phone;
		// alert (dataString);return false;
	
	var purl = 'bin/process.php';
	
	$.ajax({
      type: 'POST',
      url: purl,
      data: dataString,
      success: function() {
        $('#contactform').html("<div id='message'></div>");
        $('#message').html("<h2>Kiitos!</h2><p>Yhteydenottopyynt&ouml;si on l&auml;hetetty.</p>")
        .append("<p>Otamme yhteytt&auml; mahdollisimman pian.</p><p><a href='#' onclick='window.location.reload();return false;'>Takaisin</a></p>")
        .hide()
        .fadeIn(1500, function() {
          $('#message').append;
        });
      }
	  
    });
    return false;
	});
});