errorNode = '<div class="tooltip fade top in" style="opacity: 1;"><div class="tooltip-arrow"></div><div class="tooltip-inner">This field is required.</div></div>';
emailErrorNode = '<div class="tooltip fade top in" style="opacity: 1;"><div class="tooltip-arrow"></div><div class="tooltip-inner">Email is in invalid format.</div></div>';
tjq(document).ready(function () {
    clearErrorTooltips();
});

tjq(window).load(function () {
    tjq('.lazy').Lazy({
        customLoaderName: function (element) {
            element.html('element handled by "customLoaderName"');
            element.load();
        },
        asyncLoader: function (element, response) {
            setTimeout(function () {
                element.html('element handled by "asyncLoader"');
                response(true);
            }, 1000);
        }
    });
});

function validateEmail(emailField) {
    var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
    if (reg.test(tjq("#" + emailField).val()) == false) {
        tjq("#emailAddress").after(emailErrorNode);
        return false;
    }
    return true;
}

function validateATCInput() {
    var status = true;
    if (tjq("#bookingRef").val() == "") {
        tjq("#bookingRef").focus();
        tjq("#bookingRef").after(errorNode);
        status = false;
    }
    if (tjq("#emailAddress").val() == "") {
        tjq("#emailAddress").focus();
        tjq("#emailAddress").after(errorNode);
        status = false;
    }
    if (tjq("#lastName").val() == "") {
        tjq("#lastName").focus();
        tjq("#lastName").after(errorNode);
        status = false;
    }

    return status;
}

function sendATCForm() {
    if (validateATCInput()) {
        if (validateEmail("emailAddress") == true) {
            return true;
        }
        else {
            tjq("#emailAddress").focus();
            tjq("#emailAddress").after(emailErrorNode);
            return false;
        }
    }
    return false;
}

function validatePENInput() {
    var status = true;
    if (tjq("#penBookingRef").val() == "") {
        tjq("#penBookingRef").focus();
        tjq("#penBookingRef").after(errorNode);
        status = false;
    }
    if (tjq("#penSurname").val() == "") {
        tjq("#penSurname").focus();
        tjq("#penSurname").after(errorNode);
        status = false;
    }

    return status;
}

function clearErrorTooltips() {
    tjq("#bookingRef").focus(function () {
        tjq("#bookingRef").next('.tooltip').remove();
    });
    tjq("#emailAddress").focus(function () {
        tjq("#emailAddress").next('.tooltip').remove();
    });
    tjq("#lastName").focus(function () {
        tjq("#lastName").next('.tooltip').remove();
    });
    tjq("#penBookingRef").focus(function () {
        tjq("#penBookingRef").next('.tooltip').remove();
    });
    tjq("#penSurname").focus(function () {
        tjq("#penSurname").next('.tooltip').remove();
    });
    tjq("#bookingRef, #emailAddress, #lastName").focus(function () {
        tjq(".incorrect-details-atc").css('visibility', 'hidden');
    });
    tjq("#penBookingRef, #penSurname").focus(function () {
        tjq(".incorrect-details-pen").css('visibility', 'hidden');
    });
}

tjq('#frmAddCategory').submit(function () {
    clearErrorTooltips();
    return sendATCForm();
});

tjq('#frmAdd').submit(function () {
    clearErrorTooltips();
    return validatePENInput();;
});