$(function() {

    var photoRandom = Math.floor(Math.random() * $('#photo ul').children('li').length);

    $('#photo ul').cycle({
        timeout: 14000,
        startingSlide: photoRandom
    });

    $('div#moreinfoform form').submit(function() {
        var hasErrors = false;
        var inputName = $(this).find('input#name');
        var inputEmail = $(this).find('input#email');
        var inputPhone = $(this).find('input#phone');
        var emailFilter = /^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i;
        //var phoneFilter = /(^\+[0-9]{2}/|^\+[0-9]{2}\(0\)|^\(\+[0-9]{2}\)\(0\)|^00[0-9]{2}|^0)([0-9]{9}$|[0-9\-\s]{10}/;

        inputName.siblings('span').text("");
        inputEmail.siblings('span').text("");
        inputPhone.siblings('span').text("");
        if (inputName.val() == "") {
            inputName.parent('div.formfieldcontainer').addClass('error');
            inputName.siblings('span').text("Dit veld mag niet leeg zijn");
            hasErrors = true;
        }

        if (inputEmail.val() == "") {
            inputEmail.parent('div.formfieldcontainer').addClass('error');
            inputEmail.siblings('span').text("Dit veld mag niet leeg zijn");
            hasErrors = true;
        }
        if (!(emailFilter.test(inputEmail.val()))) {
            inputEmail.parent('div.formfieldcontainer').addClass('error');
            inputEmail.siblings('span').text("Ongeldig e-mailadres");
            hasErrors = true;
        }

        if (inputPhone.val() == "") {
            inputPhone.parent('div.formfieldcontainer').addClass('error');
            inputPhone.siblings('span.error').text("Dit veld mag niet leeg zijn");
            hasErrors = true;
        }
        /*
        if (!(phoneFilter.test(inputPhone.val()))) {
        inputPhone.parent('div.formfieldcontainer').addClass('error');
        inputPhone.siblings('span.error').text("Ongeldig telefoonnummer");
        hasErrors = true;
        }
        */




        if (!hasErrors) {

            $.ajax({
                type: "POST",
                url: "xhr/Contact/Send",
                data: $('div#moreinfoform form').serialize(),
                success: function(msg) {
                    $('div#moreinfoform').html('<span style="text-align: center;">' + msg + '</span>');
                },
                error: function(msg) {

                }
            });
        }


        return false;

    });



});