var signupFormObj = {

    error_string: "",
    element_count: "2",

    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 alt=\"Mobile_eNews_V1.jpg\" src=\"https://d31hzlhk6di2h5.cloudfront.net/20241115/0a/ba/f4/2f/214110a62d3b89226b87e83a_600x493.jpg\" width=\"600\" height=\"493\"></div>\n    \n    <div class=\"e2ma_signup_message\" id=\"e2ma_signup_message\">    \n        <blockquote style=\"text-align: center\"><br/><span style=\"color: rgb(42, 212, 148); background-color: rgb(255, 255, 255); font-size: 16pt; font-family: Verdana\"><strong>JOIN THE PARENTMAP COMMUNITY</strong></span><br/> <br/><span style=\"color: black; background-color: white; font-family: Roboto\">Sign up for ParentMap eNews and b</span>e the first to know about awesome Puget Sound family outings, the latest parenting tips, seasonal crafts and recipes, and more. <strong>To complete our eNews signup, please select your preferred region.</strong></blockquote>\n\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/1983323/1782148/?force_v1=1\" >\n    \n    <input type=\"hidden\" name=\"prev_member_email\" id=\"id_prev_member_email\" />\n    \n    <input type=\"hidden\" name=\"source\" id=\"id_source\" />\n    \n    \n    \n    \n    \n    <input type=\"hidden\" name=\"group_32982404\" value=\"32982404\" id=\"id_group_32982404\" />\n    \n    <input type=\"hidden\" name=\"group_2126212\" value=\"2126212\" id=\"id_group_2126212\" />\n    \n    <input type=\"hidden\" name=\"group_2124164\" value=\"2124164\" id=\"id_group_2124164\" />\n    \n    <input type=\"hidden\" name=\"group_2125188\" value=\"2125188\" id=\"id_group_2125188\" />\n    \n    <input type=\"hidden\" name=\"group_2123140\" value=\"2123140\" id=\"id_group_2123140\" />\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        Region\n        \n        <span class=\"e2ma_signup_form_required_asterix\">*</span>\n        \n      </div>\n      <div class=\"e2ma_signup_form_element\"><ul id=\"id_member_field_regions\">\n    <li><label for=\"id_member_field_regions_0\"><input type=\"checkbox\" name=\"member_field_regions\" value=\"Seattle Area\" field_id=\"641412\" id=\"id_member_field_regions_0\" />\n Seattle Area</label>\n\n</li>\n    <li><label for=\"id_member_field_regions_1\"><input type=\"checkbox\" name=\"member_field_regions\" value=\"Eastside\" field_id=\"641412\" id=\"id_member_field_regions_1\" />\n Eastside</label>\n\n</li>\n    <li><label for=\"id_member_field_regions_2\"><input type=\"checkbox\" name=\"member_field_regions\" value=\"South Sound\" field_id=\"641412\" id=\"id_member_field_regions_2\" />\n South Sound</label>\n\n</li>\n    <li><label for=\"id_member_field_regions_3\"><input type=\"checkbox\" name=\"member_field_regions\" value=\"North Sound\" field_id=\"641412\" id=\"id_member_field_regions_3\" />\n North Sound</label>\n\n</li>\n    <li><label for=\"id_member_field_regions_4\"><input type=\"checkbox\" name=\"member_field_regions\" value=\"National\" field_id=\"641412\" id=\"id_member_field_regions_4\" />\n National</label>\n\n</li>\n</ul></div>\n    </div>\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 type=\"email\" name=\"email\" required id=\"id_email\" /></div>\n    </div>\n    \n    \n    \n    \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": [{"required": true, "name": "Region", "field_type": "text[]", "short_name": "regions", "widget_type": "check_multiple"}, {"required": true, "name": "Email", "field_type": "text", "short_name": "email", "widget_type": "text"}]};
        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=/^([\w\!\#$\%\&\'\*\+\-\/\=\?\^\`{\|\}\~]+\.)*[\w\!\#$\%\&\'\*\+\-\/\=\?\^\`{\|\}\~]+@((((([a-z0-9]{1}[a-z0-9\-]{0,62}[a-z0-9]{1})|[a-z])\.)+[a-z]{2,63})|(\d{1,3}\.){3}\d{1,3}(\:\d{1,8})?)$/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;
    }
}
