var signupFormObj = {

    error_string: "",
    element_count: "1",

    drawForm: function() {
        if(this.error_string != '') {
            document.write(this.error_string);
        }
        else {
            //All old forms will be calling a drawForm method on signupFormObj
            //with no paramaters passed in.
            var json_data = {"content": "\n\n<div class=\"e2ma_signup_form\" id=\"e2ma_signup_form\">\n    \n    <div class=\"e2ma_signup_image_container\" id=\"e2ma_signup_image_container\"><img src=\"https://d31hzlhk6di2h5.cloudfront.net/20191021/e0/22/df/3b/0401c884800000e8756693fe_360x346.png\" width=\"360\" height=\"346\"></div>\n    \n    <div class=\"e2ma_signup_message\" id=\"e2ma_signup_message\">    \n        <div style=\"text-align: left\"><span style=\"font-family: verdana, geneva; font-size: 10pt\">To sign up to receive our emails, fill in the following fields and hit submit. Thanks, and welcome!</span></div>\n    </div>\n    <div class=\"e2ma_signup_form_container\" id=\"e2ma_signup_form_container\">\n        <form method=\"post\" id=\"e2ma_signup\" onSubmit=\"return signupFormObj.checkForm(this)\" action=\"https://app.e2ma.net/app2/audience/signup/1768824/1741126/\" >\n    \n    <input id=\"id_prev_member_email\" name=\"prev_member_email\" type=\"hidden\" />\n    \n    <input id=\"id_source\" name=\"source\" type=\"hidden\" />\n    \n    \n    \n    \n    \n    \n    \n    <input id=\"id_group_1340742\" name=\"group_1340742\" type=\"hidden\" value=\"1340742\" />\n    \n      <input type=\"hidden\" name=\"private_set\" value=\"{num_private}\">\n\n    \n    \n    \n    \n    \n    <div class=\"e2ma_signup_form_row\">\n      <div class=\"e2ma_signup_form_label\">\n        Email\n        \n        <span class=\"e2ma_signup_form_required_asterix\">*</span>\n        \n      </div>\n      <div class=\"e2ma_signup_form_element\"><input id=\"id_email\" name=\"email\" type=\"email\" /></div>\n    </div>\n    \n    \n    \n    <div class=\"e2ma_signup_form_row\">\n      <div class=\"e2ma_signup_form_label\">\n        Name\n        \n      </div>\n      <div class=\"e2ma_signup_form_element\"><input field_id=\"313670\" id=\"id_member_field_first_name\" name=\"member_field_first_name\" type=\"text\" /></div>\n    </div>\n    \n    \n    \n    <div class=\"e2ma_signup_form_row\">\n      <div class=\"e2ma_signup_form_label\">\n        State\n        \n      </div>\n      <div class=\"e2ma_signup_form_element\"><select field_id=\"330054\" id=\"id_member_field_state\" name=\"member_field_state\">\n<option value=\"\" selected=\"selected\"></option>\n<option value=\"Alabama\">Alabama</option>\n<option value=\"Alaska\">Alaska</option>\n<option value=\"Arizona\">Arizona</option>\n<option value=\"Arkansas\">Arkansas</option>\n<option value=\"California\">California</option>\n<option value=\"Colorado\">Colorado</option>\n<option value=\"Connecticut\">Connecticut</option>\n<option value=\"Delaware\">Delaware</option>\n<option value=\"Florida\">Florida</option>\n<option value=\"Georgia\">Georgia</option>\n<option value=\"Hawaii\">Hawaii</option>\n<option value=\"Idaho\">Idaho</option>\n<option value=\"Illinois\">Illinois</option>\n<option value=\"Indiana\">Indiana</option>\n<option value=\"Iowa\">Iowa</option>\n<option value=\"Kansas\">Kansas</option>\n<option value=\"Kentucky\">Kentucky</option>\n<option value=\"Louisiana\">Louisiana</option>\n<option value=\"Maine\">Maine</option>\n<option value=\"Maryland\">Maryland</option>\n<option value=\"Massachusetts\">Massachusetts</option>\n<option value=\"Michigan\">Michigan</option>\n<option value=\"Minnesota\">Minnesota</option>\n<option value=\"Mississippi\">Mississippi</option>\n<option value=\"Missouri\">Missouri</option>\n<option value=\"Montana\">Montana</option>\n<option value=\"Nebraska\">Nebraska</option>\n<option value=\"Nevada\">Nevada</option>\n<option value=\"New Hampshire\">New Hampshire</option>\n<option value=\"New Jersey\">New Jersey</option>\n<option value=\"New Mexico\">New Mexico</option>\n<option value=\"New York\">New York</option>\n<option value=\"North Carolina\">North Carolina</option>\n<option value=\"North Dakota\">North Dakota</option>\n<option value=\"Ohio\">Ohio</option>\n<option value=\"Oklahoma\">Oklahoma</option>\n<option value=\"Oregon\">Oregon</option>\n<option value=\"Pennsylvania\">Pennsylvania</option>\n<option value=\"Rhode Island\">Rhode Island</option>\n<option value=\"South Carolina\">South Carolina</option>\n<option value=\"South Dakota\">South Dakota</option>\n<option value=\"Tennessee\">Tennessee</option>\n<option value=\"Texas\">Texas</option>\n<option value=\"Utah\">Utah</option>\n<option value=\"Vermont\">Vermont</option>\n<option value=\"Virginia\">Virginia</option>\n<option value=\"Washington\">Washington</option>\n<option value=\"Washington, D.C.\">Washington, D.C.</option>\n<option value=\"West Virginia\">West Virginia</option>\n<option value=\"Wisconsin\">Wisconsin</option>\n<option value=\"Wyoming\">Wyoming</option>\n</select></div>\n    </div>\n    \n    \n    \n    \n\n\n\n\n    <div class=\"e2ma_signup_form_required_footnote\"><span class=\"e2ma_signup_form_required_asterix\">*</span> = required field</div>\n    <div class=\"e2ma_signup_form_button_row\" id=\"e2ma_signup_form_button_row\">\n    <input id=\"e2ma_signup_submit_button\" class=\"e2ma_signup_form_button\" type=\"submit\" name=\"Submit\" value=\"Submit\" {disabled}>\n    </div>\n  </form>\n  </div>\n</div>\n<script type=\"text/javascript\">\n    (function() {\n        var loadCheckEl = document.getElementById('load_check');\n\n        // Hide the link to emma\n        if (loadCheckEl) {\n            loadCheckEl.style.display = 'none';\n        }\n    })();\n</script>\n"};
            
            //print form
            document.write(json_data.content);
            
        }
    },
    
    checkForm: function(form_obj) {
        //now handle required field validation
        json_fields = {"data": [{"widget_type": "text", "field_type": "text", "required": true, "name": "Email", "short_name": "email"}]};
        var element_array = json_fields.data;
        var why = "";
        for (var loop = 0; loop < element_array.length; loop++) 
        {
            if(element_array[loop].widget_type == 'text' || element_array[loop].widget_type == 'long')
            {   
                if(form_obj[element_array[loop].short_name].value == "")
                {
                    why += element_array[loop].name + " is a required field.\n"
                }
                else if(element_array[loop].short_name == 'email')
                {
                    var filter=/^[a-z0-9_\-\.\+]+@[a-z0-9_\-\.]+\.[a-z]{2,4}$/i;

                    if (!filter.test(form_obj[element_array[loop].short_name].value))
                    {
                        why += element_array[loop].name + " must be a valid email address.\n";
                    }
                }
                continue;
            }
            else if (element_array[loop].widget_type == 'check_multiple')
            {
                var element = form_obj[element_array[loop].short_name];
                if(signupFormObj.checkMulti(element))
                {
                    continue;
                }
                why += element_array[loop].name + " is a required field.\n";
            }
            else if (element_array[loop].widget_type == 'radio')
            {
                var flag = 'false';
                var element = form_obj[element_array[loop].short_name];
                if (signupFormObj.checkMulti(element))
                {
                    continue;
                }
                why += element_array[loop].name + " is a required field.\n";
            } 
            else if (element_array[loop].widget_type == 'select one')
            {
                var index = form_obj[element_array[loop].short_name].selectedIndex;
                if(form_obj[element_array[loop].short_name].options[index].value == "")
                {
                    why += element_array[loop].name + " is a required field.\n";
                }
            }
            else if (element_array[loop].widget_type == 'select multiple')
            {
                var element = form_obj[element_array[loop].short_name];
                if(!signupFormObj.checkSelMulti(element)) {
                    why += element_array[loop].name + " is a required field.\n";
                }
            }
            else if (element_array[loop].widget_type == 'date')
            {
                var str_month = element_array[loop].widget_type + "_month";
                var str_day = element_array[loop].widget_type + "_day";
                var str_year = element_array[loop].widget_type + "_year";

                if (form_obj[str_month].selectedIndex < 1 || form_obj[str_day].selectedIndex < 1 || form_obj[str_year].selectedIndex < 1) 
                {
                    why += element_array[loop].name + " is a required field.\n";
                }
            }
        }
        if (why != "") {
            alert(why);
            return false;
        } 

        return true;   
        
    },
    
    checkSelMulti: function (element) {
        for(var i = 0; i < element.length; i++) {
            if(element[i].selected) {
                return true;
            }
        }
        return false;
    },

    checkMulti: function (element) {
        for (var i = 0; i < element.length; i++) {
            if (element[i].checked)
            {
                return true;
            }
        }
        return false;
    }
}
