$(document).ready(function () {
    
    var url = $('img.capt').attr('src');

    $('.name input').keyup(function () {
        checkName();
    });

    $('.pass input').keyup(function () {
        checkPass($(this));
    });
    
    $('.pic input').change(function () {
        $('input[name=avatar]').val(this.value);
    });

    $('.email input').keyup(function () {
        if (this.value.match(/[.{1}]/g)) {
            checkEmail();
            if ($(this).next('b').css('color') == 'rgb(0, 128, 0)') {
                email = true;
            } else {
                email = false;
            }
        }
    });

    $('.cap input').keyup(function () {
        checkCap();
    });

    $('.refresh').click(function () {
        var d = new Date();
        $('img.capt').attr('src', url + '?' + d.getTime());
    });

    $('.register button').click(function () {
        if (checkName() && checkPass($('.pass input')) && checkCap() && validateEmail($('.email input').val())) {
            $('form#register').submit();
        }
    });

});

var color, setColor = function (klas, color) {
    $('.' + klas + ' b').css('color', color);
    if (color === 'red') {
        return false;
    } else {
        return true;
    }
}, checkName = function () {
    if ($('.name input').val().length >= 5) {
        color = 'green';
    } else {
        color = 'red';
    }
    return setColor('name', color);
}, checkPass = function (tova) {
    if ($('.pass input[name=pass]').val() === $('.pass input[name=pass1]').val() && tova.val().length >= 7) {
        color = 'green';
    } else {
        color = 'red';
    }
    return setColor('pass', color);
}, checkEmail = function () {
    $.ajax({
        type: 'POST',
        url: './check/email/',
        data: {
            check: 1,
            val: $('.email input').val()
        }
    }).done(function (data) {
        if (data == '0') {
            color = 'green';
        } else {
            color = 'red';
        }
        return setColor('email', color);
    });
}, checkCap = function () {
    if ($('.cap input').val().length >= 1) {
        color = 'green';
    } else {
        color = 'red';
    }
    return setColor('cap', color);
}, validateEmail = function (email) {
    var re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
    return re.test(email);
};