$(document).ready(function() {


    function checkForm(formid) {

        //form
        var form = document.getElementById(formid);

        //form-items
        var formItems = form.getElementsByTagName('div');

        //loop through and delete elements from array that don't have class name form-item
        for (var i = 0; i < formItems.length; i++) {
            if (formItems[i].className.indexOf('form-item') == -1) {
                delete formItems[i];
            }
        }

        //loop through new form items array for test the inner form item
        for (var i = 0; i < formItems.length; i++) {

            if (formItems[i].getElementsByTagName('input')[0]) {
                var input = formItems[i].getElementsByTagName('input')[0];
            } else if (formItems[i].getElementsByTagName('textarea')[0]) {
                var input = formItems[i].getElementsByTagName('textarea')[0];
            }
            //var textarea = formItems[i].getElementsByTagName('textarea')[0];

            //check requireds
            if (formItems[i].className.indexOf('required') != -1) {
                if (input.value.length == 0) {
                    $(input).removeClass('valid')
                } else {
                    $(input).addClass('valid');
                }
            }

            //check emails
            if (formItems[i].className.indexOf('email') != -1) {
                var emailCheck = /^([0-9a-zA-Z]([-.\w]*[0-9a-zA-Z])*@([0-9a-zA-Z][-\w]*[0-9a-zA-Z]\.)+[a-zA-Z]{2,9})$/.test(input.value);
                if (!emailCheck) {
                    $(input).removeClass('valid');
                    return false;
                } else {
                    $(input).addClass('valid');
                }
            }

        }

    }

    //initial check on page load
    checkForm('contact');

    //check triggered by keyup on form
    $('#contact').keyup(function() { checkForm('contact'); });



});