Ext.namespace('MSDImages');

MSDImages.ContactUsApp = function() {

    //private space
    var FirstName, LastName, Comments, EmailField;
    var FieldArray = new Array();

    function initFields() {

        FirstName = new Ext.form.TextField({
            applyTo: 'FirstName',
            width: 300,
            allowBlank: false
        });
        FieldArray.push(FirstName);

        LastName = new Ext.form.TextField({
            applyTo: 'LastName',
            width: 300,
            allowBlank: false
        });
        FieldArray.push(LastName);

        Comments = new Ext.form.TextField({
            applyTo: 'Comments',
            width: 300,
            allowBlank: false
        });
        FieldArray.push(Comments);


        EmailField = new Ext.form.TextField({
            applyTo: 'Email',
            vtype: "email",
            width: 300,
            allowBlank: false
        });
        FieldArray.push(EmailField);

        btnSubmit = new Ext.Button({
            applyTo: 'btnSubmit',
            text: 'Send',
			height: 30,
			width: 70,
			handler: function() {
                if (IsValid()) {
                    document.forms['contactUsForm'].submit();
                } else {
                    Ext.Msg.show({
                        title: 'Sorry, unable to send your feedback',
                        msg: 'Please complete the form try again',
                        buttons: Ext.MessageBox.OK,
                        icon: Ext.MessageBox.ERROR,
                        maxWidth: 50
                    });
                }
            }
        });
    }

    function IsValid() {

        var isValid = 0;

        for (var i = 0; i < FieldArray.length; i++) {
        
            if (!FieldArray[i].isValid()) isValid++;
        }
        return isValid == 0;
    }

    //public space
    return {
        init: function() {
            initFields();
        }
    }

} ();