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

  $('input.text-input').blur
  (
      function()
      {

        $(this).css({backgroundColor:"#FFFFFF"});
      }
  );

    $(".button").click(function()
    {
        
    // validate and process form
    // first hide any error messages
    $('.error').hide();

    var firstName = $("input#txtFirstName").val();
    if (firstName == "")
    {
        $("label#lblFirstNameError").show();
        $("input#txtFirstName").focus();
        return false;
    }

    var lastName = $("input#txtLastName").val();
    if (lastName == "")
    {
        $("label#lblLastNameError").show();
        $("input#txtLastName").focus();
        return false;
    }
    
    var idCardNumber = $("input#txtIDCardNumber").val();
    if (idCardNumber == "")
    {
        $("label#lblIDCardNumberError").show();
        $("input#txtIDCardNumber").focus();
        return false;
    }

    var email = $("input#txtEmail").val();
    if (email == "")
    {
      $("label#lblEmailError").show();
      $("input#txtEmail").focus();
      return false;
    }

    if(!$('#agb_ds').is(':checked'))
    {
      $("label#lblAgbDs").show();
      return false;
    }


    var birthDate = $("select#birthyear").val() + "-" + $("select#birthmonth").val() + "-" + $("select#birthday").val();
    var vsPackage = $("select#vs_package").val();
    
    var dataString = 'name=' + lastName + '&firstname=' + firstName + '&email=' + email + '&birthdate=' + birthDate + '&idcardnumber=' + idCardNumber + '&vs_package='+vsPackage;
    //alert (dataString);
    //return false;

    $.ajax({
      type: "POST",
      url: "bin/process_vs_order.php",
      data: dataString,
      success: function(html_value)
      {
        $('#contact').html("<div id='message'></div>");
        $('#message').html(html_value)
        .hide()
        .fadeIn(1500, function() {});
      }
     });
     return false;
    });
});
runOnLoad
(
    function()
    {
      $("input#txtFirstName").select().focus();
    }
);