$(document).ready(function () {
    var oldFirstName = "{FIRST NAME}";
    var oldFriendsName = "{FRIEND'S NAME}";

    function ValidateFirstName() {
        if ($("#firstName").val() == '') {
            $('#firstName').addClass('error');
            return false;
        }
        else {
            $('#firstName').removeClass('error');
            return true;
        }
    }

    function ValidateLastName() {
        if ($("#lastName").val() == '') {
            $('#lastName').addClass('error');
            return false;
        }
        else {
            $('#lastName').removeClass('error');
            return true;
        }
    }

    function ValidateYourEmail() {
        var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
        if ($("#yourEmail").val() == '') {
            $('#yourEmail').addClass('error');
            return false;
        }
        else if (reg.test($("#yourEmail").val()) == false) {
            $('#yourEmail').addClass('error');
            return false;
        }
        else {
            $('#yourEmail').removeClass('error');
            return true;
        }
    }

    function ValidateFriendsName() {
        if ($("#friendsName").val() == '') {
            $('#friendsName').addClass('error');
            return false;
        }
        else {
            $('#friendsName-req').removeClass('error');
            return true;
        }
    }

    function ValidateFriendsEmail() {
        var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
        if ($("#friendsEmail").val() == '') {
            $('#friendsEmail').addClass('error');
            return false;
        }
        else if (reg.test($("#friendsEmail").val()) == false) {
            $('#friendsEmail').addClass('error');
            return false;
        }
        else {
            $('#friendsEmail').removeClass('error');
            return true;
        }
    }

    function ValidateMessage() {
        if ($('#message').val() == '') {
            $('#message').addClass('error');
            return false;
        } else {
            $('#message').removeClass('error');
            return true;
        }
    }

    $('#firstName').change(function () {
        if (ValidateFirstName() == true) {
            $('#message').val($('#message').val().replace(oldFirstName, $('#firstName').val()));
            oldFirstName = $('#firstName').val();
        }
    });
    $('#lastName').change(function () {
        ValidateLastName();
    });
    $("#yourEmail").change(function () {
        ValidateYourEmail();
    });
    $("#friendsName").change(function () {
        if (ValidateFriendsName() == true) {
            $('#message').val($('#message').val().replace(oldFriendsName, $('#friendsName').val()));
            oldFriendsName = $('#friendsName').val();
        }
    });
    $("#friendsEmail").change(function () {
        ValidateFriendsEmail();
    });
    $("#message").change(function () {
        ValidateMessage();
    });
    $("#staf-submit").click(function () {
        var validFirstName = ValidateFirstName();
        var validLastName = ValidateLastName();
        var validYourEmail = ValidateYourEmail();
        var validFriendsName = ValidateFriendsName();
        var validFriendsEmail = ValidateFriendsEmail();
        var validMessage = ValidateMessage;

        if (validFirstName && validLastName && validYourEmail && validFriendsName && validFriendsEmail && validMessage) {
            $('#email-friend-form').hide();
            $('#ajax-loader').show();
            $.get('email-to-friend.ashx?firstName=' + escape($('#firstName').val()) + '&lastName=' + escape($('#lastName').val()) + '&yourEmail=' + escape($('#yourEmail').val()) + '&friendsName=' + escape($('#friendsName').val()) + '&friendsEmail=' + escape($("#friendsEmail").val()) + '&message=' + escape($('#message').val()) + '&subject=' + escape($('#subject').val()) + '&optin=' + $('#opt-in:checked').length, function(data) {
                if (data == "true") {
                    $('#ajax-loader').hide();
                    $('#email-friend-success').show();
                } else {
                    ValidateFirstName();
                    ValidateLastName();
                    ValidateYourEmail();
                    ValidateFriendsName();
                    ValidateFriendsEmail();
                    $('#ajax-loader').hide();
                    $('#email-friend-form').show();
                }
            });
            return false;
        }
        else {
            return false;
        }
    });
    $('#email-again').click(function () {
        $('#ajax-loader').hide();
        $('#email-friend-success').hide();
        $('#email-friend-form').show();
        return false;
    });
});