文件操作 - add_field.js

文件: /home/tecnoht/public_html/gigisantamaria--com/wp-content/plugins/form-maker/js/add_field.js

编辑文件内容

var nextID; // next field id

jQuery(window).on('load', function () {
  if (!storageAvailable("localStorage")
      || !localStorage.getItem("wd-form-first-time-use")) {
    jQuery(".first-time-use").show();
  }
  // Space between element and top of screen (when scrolling)
  jQuery(window).on('scroll', function (event) {
    if ( ! jQuery("#add_field").hasClass("ui-sortable-helper") ) { // Check if not in draggable process.
      var edit_content_position = jQuery(".fm-edit-content").offset().top;
      var scrollTop = jQuery(window).scrollTop();
      if ( scrollTop > (edit_content_position - 75) ) {
        var scrollToTop = scrollTop - edit_content_position + 75;
      }
      else {
        // Do not move.
        var scrollToTop = 10;
      }
      jQuery("#add_field_cont").css("top", scrollToTop);
    }
  });
  jQuery('#placeholders_overlay').on("click", function() {
    var value = jQuery('.fm-input-container.placeholders-active input').val();
    jQuery('.fm-input-container.placeholders-active input').val(value).change();
    fm_placeholders_popup_close();
  });
});

jQuery(function () {
  // Add close event to first time use message.
  jQuery(".first-time-use-close").on("click", function () {
    if (storageAvailable("localStorage")) {
      localStorage.setItem("wd-form-first-time-use", true);
    }
    jQuery(".first-time-use").hide();
  });
  // Hide first time use message on add field button drag.
  jQuery(".wdform_column").on( "sortstart", function( event, ui ) {
    jQuery(".first-time-use").hide();
  });
  // Bind filter action on entering search key and when the user cancel the input.
  jQuery(".field-types-filter").on("keyup input", function() { filter(this); });
});

/**
 * Detects whether localStorage is both supported and available.
 *
 * @param type
 * @returns {boolean}
 */
function storageAvailable(type) {
  try {
    var storage = window[type],
      x = '__storage_test__';
    storage.setItem(x, x);
    storage.removeItem(x);
    return true;
  }
  catch(e) {
    return e instanceof DOMException && (
        // everything except Firefox
      e.code === 22 ||
      // Firefox
      e.code === 1014 ||
      // test name field too, because code might not be present
      // everything except Firefox
      e.name === 'QuotaExceededError' ||
      // Firefox
      e.name === 'NS_ERROR_DOM_QUOTA_REACHED') &&
      // acknowledge QuotaExceededError only if there's something already stored
      storage.length !== 0;
  }
}

// Close popup on escape.
jQuery(document).on('keydown', function (e) {
  if (e.keyCode === 27) { /* Esc.*/
    if (jQuery("#placeholders_overlay").is(":visible")) {
      var value = jQuery('.fm-input-container.placeholders-active input').val();
      jQuery('.fm-input-container.placeholders-active input').val(value).change();
      fm_placeholders_popup_close();
    }
    else {
      if (jQuery(".add-popup").is(":visible")) {
       close_window();
      }
    }
  }
});

function fm_check_something_really_important() {
  is7 = jQuery('.wdform_field:not([type=type_section_break])').length;
  if (is7 >= 9) {
    fm_limitation_alert(true);
    return true;
  }
  return false;
}

/**
 * Filter fields.
 *
 * @param that
 */
function filter(that) {
  // Get search key.
  var search = jQuery(that).val().toLowerCase();
  // Remove previous serach results from filtered fields section.
  jQuery(".filtered-fields .inside").html("");
  if (search != "") {
    var found = false;
    // Hide all field sections.
    jQuery(".field_types_cont .postbox").addClass("hide");
    jQuery(".field_types .postbox:not(.filtered-fields) .wd-button").each(function () {
      var field_name = jQuery(this).html().toLowerCase();
      if (field_name.indexOf(search) != '-1') {
        jQuery(".filtered-fields .inside").append(jQuery(this).clone());
        found = true;
      }
    });
    // If nothing found.
    if (!found) {
      jQuery(".filtered-fields .inside").html(form_maker.nothing_found);
    }
    // Show search results in filtered fields section.
    jQuery(".field_types_cont .filtered-fields").removeClass("hide");
  }
  else {
    jQuery(".field_types_cont .postbox").removeClass("hide");
    jQuery(".field_types_cont .filtered-fields").addClass("hide");
  }
}

function Enable() {
  //var pos=document.getElementsByName("el_pos");
  //		pos[0].setAttribute("checked", "checked");

//select_ = document.getElementById('sel_el_pos');
  //select_.innerHTML="";

for(k=1;k<=form_view_max;k++)
    if(document.getElementById('form_id_tempform_view'+k))
    {
      wdform_page=document.getElementById('form_id_tempform_view'+k);
      remove_whitespace(wdform_page);
      n=wdform_page.childNodes.length-2;

for(z=0;z<=n;z++)
      {
        if(!wdform_page.childNodes[z].getAttribute("wdid"))
        {
          wdform_section=wdform_page.childNodes[z];
          for (x=0; x < wdform_section.childNodes.length; x++)
          {
            wdform_column=wdform_section.childNodes[x];

if(wdform_column.firstChild)
              for (y=0; y < wdform_column.childNodes.length; y++)
              {
                wdform_row=wdform_column.childNodes[y];
                wdid=wdform_row.getAttribute("wdid");

if(wdid)
                {
                  //var option = document.createElement('option');
                  //		option.setAttribute("id", wdid+"_sel_el_pos");
                  //		option.setAttribute("value", wdid);
                  //	option.innerHTML=document.getElementById( wdid+'_element_labelform_id_temp').innerHTML;
                  //select_.appendChild(option);
                }
              }
          }
        }
      }
    }

//select_.removeAttribute("disabled");
}

function enable2() {
  fm_add_field_button();
  // Open popup.
  jQuery(".add-popup").slideToggle(200);

// Change button name.
  jQuery(".popup-title").html(form_maker.edit_field);
  jQuery(".wd-add-button").html(form_maker.update);

// Hide field types container.
  jQuery(".field_types").hide();
  jQuery("#field_container").addClass('field_container_full');
}

if (document.getElementById(id + "_label_sectionform_id_temp")) {
    s = document.getElementById(id + "_label_sectionform_id_temp").style.width;
    if ( s == "" ) {
      w_field_label_size = s;
    }
    else {
      w_field_label_size = s.substring(0, s.length - 2);
    }
    //w_field_label_size = "";
  }
  if (document.getElementById(id + "_requiredform_id_temp")) {
    w_required = document.getElementById(id + "_requiredform_id_temp").value;
  }
  if (document.getElementById(id + "_uniqueform_id_temp")) {
    w_unique = document.getElementById(id + "_uniqueform_id_temp").value;
  }
  if (document.getElementById(id + '_label_sectionform_id_temp')) {
    w_class = document.getElementById(id + '_label_sectionform_id_temp').getAttribute("class");
    if (!w_class) {
      w_class = "";
    }
  }
  switch (type) {
    case 'type_editor': {
      w_editor = document.getElementById("wdform_field" + id).innerHTML;
      type_editor(id, w_editor);
      break;
    }
    case 'type_section_break': {
      w_editor = document.getElementById(id + "_element_sectionform_id_temp").innerHTML;
      type_section_break(id, w_editor);
      break;
    }
    case 'type_send_copy': {
      w_hide_label = document.getElementById(id + "_hide_labelform_id_temp").value;
      w_first_val = document.getElementById(id + "_elementform_id_temp").checked;
      atrs = return_attributes(id + '_elementform_id_temp');
      w_attr_name = atrs[0];
      w_attr_value = atrs[1];
      type_send_copy(id, w_field_label, w_field_label_size, w_field_label_pos, w_hide_label, w_first_val, w_required, w_attr_name, w_attr_value);
      break;
    }
    case 'type_text': {
      w_first_val = document.getElementById(id + "_elementform_id_temp").value;
      w_title = document.getElementById(id + "_elementform_id_temp").title;
      w_regExp_status = document.getElementById(id + "_regExpStatusform_id_temp").value;
      w_regExp_value = unescape(document.getElementById(id + "_regExp_valueform_id_temp").value);
      w_regExp_common = document.getElementById(id + "_regExp_commonform_id_temp").value;
      w_regExp_arg = document.getElementById(id + "_regArgumentform_id_temp").value;
      w_regExp_alert = document.getElementById(id + "_regExp_alertform_id_temp").value;
      atrs = return_attributes(id + '_elementform_id_temp');
      w_attr_name = atrs[0];
      w_attr_value = atrs[1];
      w_readonly = document.getElementById(id + "_readonlyform_id_temp").value;
      w_hide_label = document.getElementById(id + "_hide_labelform_id_temp").value;
      type_text(id, w_field_label, w_field_label_size, w_field_label_pos, w_hide_label, w_size, w_first_val, w_title, w_required, w_regExp_status, w_regExp_value, w_regExp_common, w_regExp_arg, w_regExp_alert, w_unique, w_attr_name, w_attr_value, w_readonly, w_class);
      break;
    }
    case 'type_number': {
      w_first_val = document.getElementById(id + "_elementform_id_temp").value;
      w_title = document.getElementById(id + "_elementform_id_temp").title;
      atrs = return_attributes(id + '_elementform_id_temp');
      w_attr_name = atrs[0];
      w_attr_value = atrs[1];
      type_number(id, w_field_label, w_field_label_size, w_field_label_pos, w_size, w_first_val, w_title, w_required, w_unique, w_class, w_attr_name, w_attr_value);
      break;
    }
    case 'type_password': {
      w_placeholder_value = document.getElementById(id + "_elementform_id_temp").placeholder;
      w_verification = document.getElementById(id + "_verification_id_temp").value;
      if (document.getElementById(id + '_1_element_labelform_id_temp').innerHTML) {
        w_verification_label = document.getElementById(id + '_1_element_labelform_id_temp').innerHTML;
      }
      else {
        w_verification_label = " ";
      }
      w_hide_label = document.getElementById(id + "_hide_labelform_id_temp").value;
      atrs = return_attributes(id + '_elementform_id_temp');
      w_attr_name = atrs[0];
      w_attr_value = atrs[1];
      type_password(id, w_field_label, w_field_label_size, w_field_label_pos, w_hide_label, w_size, w_required, w_unique, w_class, w_verification, w_verification_label, w_placeholder_value, w_attr_name, w_attr_value);
      break;
    }
    case 'type_textarea': {
      w_hide_label = document.getElementById(id + "_hide_labelform_id_temp").value;
      w_first_val = document.getElementById(id + "_elementform_id_temp").value;
      w_characters_limit = document.getElementById(id + "_charlimitform_id_temp").value;
      w_title = document.getElementById(id + "_elementform_id_temp").title;
      s = document.getElementById(id + "_elementform_id_temp").style.height;
      w_size_h = s.substring(0, s.length - 2);
      atrs = return_attributes(id + '_elementform_id_temp');
      w_attr_name = atrs[0];
      w_attr_value = atrs[1];
      type_textarea(id, w_field_label, w_field_label_size, w_field_label_pos, w_hide_label, w_size, w_size_h, w_first_val, w_characters_limit, w_title, w_required, w_unique, w_class, w_attr_name, w_attr_value);
      break;
    }
    case 'type_wdeditor': {
      w_title = document.getElementById(id + "_elementform_id_temp").title;
      s = document.getElementById(id + "_elementform_id_temp").style.height;
      w_size_h = s.substring(0, s.length - 2);
      w = document.getElementById(id + "_elementform_id_temp").style.width;
      w_size_w = w.substring(0, w.length - 2);
      atrs = return_attributes(id + '_elementform_id_temp');
      w_attr_name = atrs[0];
      w_attr_value = atrs[1];
      type_wdeditor(id, w_field_label, w_field_label_size, w_field_label_pos, w_size_w, w_size_h, w_title, w_required, w_class, w_attr_name, w_attr_value);
      break;
    }
    case 'type_phone': {
      w_hide_label = document.getElementById(id + "_hide_labelform_id_temp").value;
      w_first_val = [document.getElementById(id + "_element_firstform_id_temp").value, document.getElementById(id + "_element_lastform_id_temp").value];
      w_title = [document.getElementById(id + "_element_firstform_id_temp").title, document.getElementById(id + "_element_lastform_id_temp").title];
      s = document.getElementById(id + "_element_lastform_id_temp").style.width;
      w_size = s.substring(0, s.length - 2);
      w_mini_labels = [document.getElementById(id + "_mini_label_area_code").innerHTML, document.getElementById(id + "_mini_label_phone_number").innerHTML];
      atrs = return_attributes(id + '_element_firstform_id_temp');
      w_attr_name = atrs[0];
      w_attr_value = atrs[1];
      type_phone(id, w_field_label, w_field_label_size, w_field_label_pos, w_hide_label, w_size, w_first_val, w_title, w_mini_labels, w_required, w_unique, w_class, w_attr_name, w_attr_value);
      break;
    }
    case 'type_phone_new': {
      var countryData = jQuery("#" + id + "_elementform_id_temp").intlTelInput("getSelectedCountryData");
      w_hide_label = document.getElementById(id + "_hide_labelform_id_temp").value;
      w_first_val = document.getElementById(id + "_elementform_id_temp").value;
      w_top_country = countryData['iso2'];
      atrs = return_attributes(id + '_elementform_id_temp');
      w_attr_name = atrs[0];
      w_attr_value = atrs[1];
      type_phone_new(id, w_field_label, w_field_label_size, w_field_label_pos, w_hide_label, w_size, w_first_val, w_top_country, w_required, w_unique, w_class, w_attr_name, w_attr_value);
      break;
    }
    case 'type_name': {
      if (document.getElementById(id + "_enable_fieldsform_id_temp")) {
        w_name_format = "normal";
        w_first_val = [document.getElementById(id + "_element_firstform_id_temp").value, document.getElementById(id + "_element_lastform_id_temp").value];
        w_title = [document.getElementById(id + "_element_firstform_id_temp").title, document.getElementById(id + "_element_lastform_id_temp").title];
        var title_middle = ['title', 'middle'];
        for (var l = 0; l < 2; l++) {
          w_first_val.push(document.getElementById(id + '_element_' + title_middle[l] + 'form_id_temp') ? document.getElementById(id + '_element_' + title_middle[l] + 'form_id_temp').value : '');
          w_title.push(document.getElementById(id + '_element_' + title_middle[l] + 'form_id_temp') ? document.getElementById(id + '_element_' + title_middle[l] + 'form_id_temp').title : '');
        }
      }
      else {
        if (document.getElementById(id + '_element_middleform_id_temp')) {
          w_name_format = "extended";
        }
        else {
          w_name_format = "normal";
        }
        if (w_name_format == "normal") {
          w_first_val = [document.getElementById(id + "_element_firstform_id_temp").value, document.getElementById(id + "_element_lastform_id_temp").value];
          w_title = [document.getElementById(id + "_element_firstform_id_temp").title, document.getElementById(id + "_element_lastform_id_temp").title];
        }
        else {
          w_first_val = [document.getElementById(id + "_element_firstform_id_temp").value, document.getElementById(id + "_element_lastform_id_temp").value, document.getElementById(id + "_element_titleform_id_temp").value, document.getElementById(id + "_element_middleform_id_temp").value];
          w_title = [document.getElementById(id + "_element_firstform_id_temp").title, document.getElementById(id + "_element_lastform_id_temp").title, document.getElementById(id + "_element_titleform_id_temp").title, document.getElementById(id + "_element_middleform_id_temp").title];
        }
      }
      if (document.getElementById(id + "_mini_label_title")) {
        w_mini_title = document.getElementById(id + "_mini_label_title").innerHTML;
      }
      else {
        w_mini_title = "Title";
      }
      if (document.getElementById(id + "_mini_label_middle")) {
        w_mini_middle = document.getElementById(id + "_mini_label_middle").innerHTML;
      }
      else {
        w_mini_middle = "Middle";
      }
      w_hide_label = document.getElementById(id + "_hide_labelform_id_temp").value;
      w_mini_labels = [w_mini_title, document.getElementById(id + "_mini_label_first").innerHTML, document.getElementById(id + "_mini_label_last").innerHTML, w_mini_middle];
      w_name_title = document.getElementById(id + '_enable_fieldsform_id_temp') ? document.getElementById(id + '_enable_fieldsform_id_temp').getAttribute('title') : (w_name_format == "normal" ? 'no' : 'yes');
      w_name_middle = document.getElementById(id + '_enable_fieldsform_id_temp') ? document.getElementById(id + '_enable_fieldsform_id_temp').getAttribute('middle') : (w_name_format == "normal" ? 'no' : 'yes');
      w_name_fields = [w_name_title, w_name_middle];
      w_autofill = document.getElementById(id + "_autofillform_id_temp").value;
      s = document.getElementById(id + "_element_firstform_id_temp").style.width;
      w_size = s.substring(0, s.length - 2);
      atrs = return_attributes(id + '_element_firstform_id_temp');
      w_attr_name = atrs[0];
      w_attr_value = atrs[1];
      type_name(id, w_field_label, w_field_label_size, w_field_label_pos, w_hide_label, w_first_val, w_title, w_mini_labels, w_size, w_name_format, w_required, w_unique, w_class, w_attr_name, w_attr_value, w_name_fields, w_autofill);
      break;
    }
    case 'type_paypal_price': {
      w_first_val = [document.getElementById(id + "_element_dollarsform_id_temp").value, document.getElementById(id + "_element_centsform_id_temp").value];
      w_title = [document.getElementById(id + "_element_dollarsform_id_temp").title, document.getElementById(id + "_element_centsform_id_temp").title];
      if (document.getElementById(id + "_td_name_cents").style.display == "none") {
        w_hide_cents = 'yes';
      }
      else {
        w_hide_cents = 'no';
      }
      s = document.getElementById(id + "_element_dollarsform_id_temp").style.width;
      w_size = s.substring(0, s.length - 2);
      atrs = return_attributes(id + '_element_dollarsform_id_temp');
      w_attr_name = atrs[0];
      w_attr_value = atrs[1];
      w_range_min = document.getElementById(id + "_range_minform_id_temp").value;
      w_range_max = document.getElementById(id + "_range_maxform_id_temp").value;
      w_mini_labels = [document.getElementById(id + "_mini_label_dollars").innerHTML, document.getElementById(id + "_mini_label_cents").innerHTML];
      type_paypal_price(id, w_field_label, w_field_label_size, w_field_label_pos, w_first_val, w_title, w_mini_labels, w_size, w_required, w_hide_cents, w_class, w_attr_name, w_attr_value, w_range_min, w_range_max);
      break;
    }
    case 'type_paypal_price_new': {
      w_first_val = document.getElementById(id + "_elementform_id_temp").value;
      w_title = document.getElementById(id + "_elementform_id_temp").title;
      s = document.getElementById(id + "_elementform_id_temp").style.width;
      w_size = s.substring(0, s.length - 2);
      atrs = return_attributes(id + '_elementform_id_temp');
      w_attr_name = atrs[0];
      w_attr_value = atrs[1];
      w_range_min = document.getElementById(id + "_range_minform_id_temp").value;
      w_range_max = document.getElementById(id + "_range_maxform_id_temp").value;
      w_readonly = document.getElementById(id + "_readonlyform_id_temp").value;
      w_hide_label = document.getElementById(id + "_hide_labelform_id_temp").value;
      if (document.getElementById(id + "_td_name_currency").style.display == "none") {
        w_currency = 'yes';
      }
      else {
        w_currency = 'no';
      }
      type_paypal_price_new(id, w_field_label, w_field_label_size, w_field_label_pos, w_hide_label, w_first_val, w_title, w_size, w_required, w_class, w_attr_name, w_attr_value, w_range_min, w_range_max, w_readonly, w_currency);
      break;
    }
    case 'type_address': {
      s = document.getElementById(id + "_div_address").style.width;
      w_size = s.substring(0, s.length - 2);
      if (document.getElementById(id + "_mini_label_street1")) {
        w_street1 = document.getElementById(id + "_mini_label_street1").innerHTML;
      }
      else {
        w_street1 = document.getElementById(id + "_street1form_id_temp").value;
      }
      if (document.getElementById(id + "_mini_label_street2")) {
        w_street2 = document.getElementById(id + "_mini_label_street2").innerHTML;
      }
      else {
        w_street2 = document.getElementById(id + "_street2form_id_temp").value;
      }
      if (document.getElementById(id + "_mini_label_city")) {
        w_city = document.getElementById(id + "_mini_label_city").innerHTML;
      }
      else {
        w_city = document.getElementById(id + "_cityform_id_temp").value;
      }
      if (document.getElementById(id + "_mini_label_state")) {
        w_state = document.getElementById(id + "_mini_label_state").innerHTML;
      }
      else {
        w_state = document.getElementById(id + "_stateform_id_temp").value;
      }
      if (document.getElementById(id + "_mini_label_postal")) {
        w_postal = document.getElementById(id + "_mini_label_postal").innerHTML;
      }
      else {
        w_postal = document.getElementById(id + "_postalform_id_temp").value;
      }
      if (document.getElementById(id + "_mini_label_country")) {
        w_country = document.getElementById(id + "_mini_label_country").innerHTML;
      }
      else {
        w_country = document.getElementById(id + "_countryform_id_temp").value;
      }
      w_mini_labels = [w_street1, w_street2, w_city, w_state, w_postal, w_country];
      var disabled_input = document.getElementById(id + "_disable_fieldsform_id_temp");
      w_street1_dis = disabled_input.getAttribute('street1');
      w_street2_dis = disabled_input.getAttribute('street2');
      w_city_dis = disabled_input.getAttribute('city');
      w_state_dis = disabled_input.getAttribute('state');
      w_us_states_dis = disabled_input.getAttribute('us_states');
      w_postal_dis = disabled_input.getAttribute('postal');
      w_country_dis = disabled_input.getAttribute('country');
      w_disabled_fields = [w_street1_dis, w_street2_dis, w_city_dis, w_state_dis, w_postal_dis, w_country_dis, w_us_states_dis];
      w_hide_label = document.getElementById(id + "_hide_labelform_id_temp").value;
      atrs = return_attributes(id + '_street1form_id_temp');
      w_attr_name = atrs[0];
      w_attr_value = atrs[1];
      type_address(id, w_field_label, w_field_label_size, w_field_label_pos, w_hide_label, w_size, w_mini_labels, w_disabled_fields, w_required, w_class, w_attr_name, w_attr_value);
      break;
    }
    case 'type_submitter_mail': {
      w_hide_label = document.getElementById(id + "_hide_labelform_id_temp").value;
      w_first_val = document.getElementById(id + "_elementform_id_temp").value;
      w_title = document.getElementById(id + "_elementform_id_temp").title;
      w_autofill = document.getElementById(id + "_autofillform_id_temp").value;
      w_verification = document.getElementById(id + "_verification_id_temp").value;
      w_verification_placeholder = document.getElementById(id + "_1_elementform_id_temp").title;
      if (document.getElementById(id + '_1_element_labelform_id_temp').innerHTML) {
        w_verification_label = document.getElementById(id + '_1_element_labelform_id_temp').innerHTML;
      }
      else {
        w_verification_label = " ";
      }
      atrs = return_attributes(id + '_elementform_id_temp');
      w_attr_name = atrs[0];
      w_attr_value = atrs[1];
      type_submitter_mail(id, w_field_label, w_field_label_size, w_field_label_pos, w_hide_label, w_size, w_first_val, w_title, w_required, w_unique, w_class, w_verification, w_verification_label, w_verification_placeholder, w_attr_name, w_attr_value, w_autofill);
      break;
    }
    case 'type_checkbox': {
      w_randomize = document.getElementById(id + "_randomizeform_id_temp").value;
      w_allow_other = document.getElementById(id + "_allow_otherform_id_temp").value;
      w_limit_choice = document.getElementById(id + "_limitchoice_numform_id_temp").value;
      w_limit_choice_alert = document.getElementById(id + "_limitchoicealert_numform_id_temp").value;
      if (document.getElementById(id + "_rowcol_numform_id_temp").value) {
        if (document.getElementById(id + '_table_little').getAttribute('for_hor')) {
          w_flow = "hor"
        }
        else {
          w_flow = "ver";
        }
        w_rowcol = document.getElementById(id + "_rowcol_numform_id_temp").value;
      }
      else {
        if (document.getElementById(id + '_hor')) {
          w_flow = "hor"
        }
        else {
          w_flow = "ver";
        }
        w_rowcol = 1;
      }
      v = 0;
      if (w_flow == "ver") {
        var table_little = document.getElementById(id + '_table_little');
        for (k = 0; k < table_little.childNodes.length; k++) {
          var td_little = table_little.childNodes[k];
          for (m = 0; m < td_little.childNodes.length; m++) {
            var idi = td_little.childNodes[m].getAttribute('idi');
            if (document.getElementById(id + "_elementform_id_temp" + idi).getAttribute('other')) {
              if (document.getElementById(id + "_elementform_id_temp" + idi).getAttribute('other') == '1') {
                w_allow_other_num = t;
              }
            }
            w_choices[t] = document.getElementById(id + "_label_element" + idi).innerHTML;
            w_choices_checked[t] = document.getElementById(id + "_elementform_id_temp" + idi).checked;
            w_choices_value[t] = document.getElementById(id + "_elementform_id_temp" + idi).value;
            w_choices_value[t] = w_choices_value[t].replace(/[\'\"]/g, "");
            if (document.getElementById(id + "_label_element" + idi).getAttribute('where')) {
              w_choices_params[t] = document.getElementById(id + "_label_element" + idi).getAttribute('where') + '[where_order_by]' + document.getElementById(id + "_label_element" + idi).getAttribute('order_by') + '[db_info]' + document.getElementById(id + "_label_element" + idi).getAttribute('db_info');
            }
            else {
              w_choices_params[t] = '';
            }
            t++;
            v = idi;
          }
        }
      }
      else {
        var table_little = document.getElementById(id + '_table_little');
        var tr_little = table_little.childNodes;
        var td_max = tr_little[0].childNodes;
        for (k = 0; k < td_max.length; k++) {
          for (m = 0; m < tr_little.length; m++) {
            if (tr_little[m].childNodes[k]) {
              var td_little = tr_little[m].childNodes[k];
              var idi = td_little.getAttribute('idi');
              if (document.getElementById(id + "_elementform_id_temp" + idi).getAttribute('other')) {
                if (document.getElementById(id + "_elementform_id_temp" + idi).getAttribute('other') == '1') {
                  w_allow_other_num = t;
                }
              }
              w_choices[t] = document.getElementById(id + "_label_element" + idi).innerHTML;
              w_choices_checked[t] = document.getElementById(id + "_elementform_id_temp" + idi).checked;
              w_choices_value[t] = document.getElementById(id + "_elementform_id_temp" + idi).value;
              w_choices_value[t] = w_choices_value[t].replace(/[\'\"]/g, "");
              if (document.getElementById(id + "_label_element" + idi).getAttribute('where')) {
                w_choices_params[t] = document.getElementById(id + "_label_element" + idi).getAttribute('where') + '[where_order_by]' + document.getElementById(id + "_label_element" + idi).getAttribute('order_by') + '[db_info]' + document.getElementById(id + "_label_element" + idi).getAttribute('db_info');
              }
              else {
                w_choices_params[t] = '';
              }
              t++;
              v = idi;
            }
          }
        }
      }
      if (document.getElementById(id + "_option_left_right")) {
        w_field_option_pos = document.getElementById(id + "_option_left_right").value;
      }
      else {
        w_field_option_pos = 'left';
      }
      w_value_disabled = document.getElementById(id + "_value_disabledform_id_temp").value;
      w_use_for_submission = document.getElementById(id + "_use_for_submissionform_id_temp").value;
      w_hide_label = document.getElementById(id + "_hide_labelform_id_temp").value;
      atrs = return_attributes(id + '_elementform_id_temp' + v);
      w_attr_name = atrs[0];
      w_attr_value = atrs[1];
      type_checkbox(id, w_field_label, w_field_label_size, w_field_label_pos, w_field_option_pos, w_hide_label, w_flow, w_choices, w_choices_checked, w_rowcol, w_limit_choice, w_limit_choice_alert, w_required, w_randomize, w_allow_other, w_allow_other_num, w_class, w_attr_name, w_attr_value, w_value_disabled, w_choices_value, w_choices_params, w_use_for_submission);
      break;
    }
    case 'type_paypal_checkbox': {
      if (document.getElementById(id + '_hor')) {
        w_flow = "hor"
      }
      else {
        w_flow = "ver";
      }
      w_randomize = document.getElementById(id + "_randomizeform_id_temp").value;
      w_allow_other = document.getElementById(id + "_allow_otherform_id_temp").value;
      v = 0;
      var w_allow_other_num = 0;
      var table_little = document.getElementById(id + '_table_little');
      for (k = 0; k < table_little.childNodes.length; k++) {
        var td_little = table_little.childNodes[k];
        for (m = 0; m < td_little.childNodes.length; m++) {
          var idi = td_little.childNodes[m].getAttribute('idi');
          w_choices[t] = document.getElementById(id + "_label_element" + idi).innerHTML;
          w_choices_price[t] = document.getElementById(id + "_elementform_id_temp" + idi).value;
          w_choices_checked[t] = document.getElementById(id + "_elementform_id_temp" + idi).checked;
          if (document.getElementById(id + "_label_element" + idi).getAttribute('where')) {
            w_choices_params[t] = document.getElementById(id + "_label_element" + idi).getAttribute('where') + '[where_order_by]' + document.getElementById(id + "_label_element" + idi).getAttribute('order_by') + '[db_info]' + document.getElementById(id + "_label_element" + idi).getAttribute('db_info');
          }
          else {
            w_choices_params[t] = '';
          }
          t++;
          v = idi;
        }
      }
      if (w_flow == 'hor') {
        flow_hor(id);
      }
      for (k = 0; k < 100; k++) {
        if (document.getElementById(id + "_propertyform_id_temp" + k)) {
          w_property.push(document.getElementById(id + "_property_label_form_id_temp" + k).innerHTML);
          if (document.getElementById(id + "_propertyform_id_temp" + k).childNodes.length) {
            w_property_values[w_property.length - 1] = new Array();
            for (m = 0; m < document.getElementById(id + "_propertyform_id_temp" + k).childNodes.length; m++) {
              w_property_values[w_property.length - 1].push(document.getElementById(id + "_propertyform_id_temp" + k).childNodes[m].value);
            }
          }
          else {
            w_property_values.push('');
          }
        }
      }
      w_quantity = "no";
      w_quantity_value = 1;
      if (document.getElementById(id + "_element_quantityform_id_temp")) {
        w_quantity = 'yes';
        w_quantity_value = document.getElementById(id + "_element_quantityform_id_temp").value;
      }
      if (document.getElementById(id + "_option_left_right")) {
        w_field_option_pos = document.getElementById(id + "_option_left_right").value;
      }
      else {
        w_field_option_pos = 'left';
      }
      w_hide_label = document.getElementById(id + "_hide_labelform_id_temp").value;
      atrs = return_attributes(id + '_elementform_id_temp' + v);
      w_attr_name = atrs[0];
      w_attr_value = atrs[1];
      type_paypal_checkbox(id, w_field_label, w_field_label_size, w_field_label_pos, w_field_option_pos, w_hide_label, w_flow, w_choices, w_choices_price, w_choices_checked, w_required, w_randomize, w_allow_other, w_allow_other_num, w_class, w_attr_name, w_attr_value, w_property, w_property_values, w_quantity, w_quantity_value, w_choices_params);
      break;
    }
    case 'type_radio': {
      w_randomize = document.getElementById(id + "_randomizeform_id_temp").value;
      w_allow_other = document.getElementById(id + "_allow_otherform_id_temp").value;
      if (document.getElementById(id + "_rowcol_numform_id_temp").value) {
        if (document.getElementById(id + '_table_little').getAttribute('for_hor')) {
          w_flow = "hor"
        }
        else {
          w_flow = "ver";
        }
        w_rowcol = document.getElementById(id + "_rowcol_numform_id_temp").value;
      }
      else {
        if (document.getElementById(id + '_table_little').getAttribute('for_hor')) {
          w_flow = "hor"
        }
        else {
          w_flow = "ver";
        }
        w_rowcol = 1;
      }
      v = 0;
      if (w_flow == "ver") {
        var table_little = document.getElementById(id + '_table_little');
        for (k = 0; k < table_little.childNodes.length; k++) {
          var td_little = table_little.childNodes[k];
          for (m = 0; m < td_little.childNodes.length; m++) {
            var idi = td_little.childNodes[m].getAttribute('idi');
            if (document.getElementById(id + "_elementform_id_temp" + idi).getAttribute('other')) {
              if (document.getElementById(id + "_elementform_id_temp" + idi).getAttribute('other') == '1') {
                w_allow_other_num = t;
              }
            }
            w_choices[t] = document.getElementById(id + "_label_element" + idi).innerHTML;
            w_choices_checked[t] = document.getElementById(id + "_elementform_id_temp" + idi).checked;
            w_choices_value[t] = document.getElementById(id + "_elementform_id_temp" + idi).value;
            w_choices_value[t] = w_choices_value[t].replace(/[\'\"]/g, "");
            if (document.getElementById(id + "_label_element" + idi).getAttribute('where')) {
              w_choices_params[t] = document.getElementById(id + "_label_element" + idi).getAttribute('where') + '[where_order_by]' + document.getElementById(id + "_label_element" + idi).getAttribute('order_by') + '[db_info]' + document.getElementById(id + "_label_element" + idi).getAttribute('db_info');
            }
            else {
              w_choices_params[t] = '';
            }
            t++;
            v = idi;
          }
        }
      }
      else {
        var table_little = document.getElementById(id + '_table_little');
        var tr_little = table_little.childNodes;
        var td_max = tr_little[0].childNodes;
        for (k = 0; k < td_max.length; k++) {
          for (m = 0; m < tr_little.length; m++) {
            if (tr_little[m].childNodes[k]) {
              var td_little = tr_little[m].childNodes[k];
              var idi = td_little.getAttribute('idi');
              if (document.getElementById(id + "_elementform_id_temp" + idi).getAttribute('other')) {
                if (document.getElementById(id + "_elementform_id_temp" + idi).getAttribute('other') == '1') {
                  w_allow_other_num = t;
                }
              }
              w_choices[t] = document.getElementById(id + "_label_element" + idi).innerHTML;
              w_choices_checked[t] = document.getElementById(id + "_elementform_id_temp" + idi).checked;
              w_choices_value[t] = document.getElementById(id + "_elementform_id_temp" + idi).value;
              w_choices_value[t] = w_choices_value[t].replace(/[\'\"]/g, "");
              if (document.getElementById(id + "_label_element" + idi).getAttribute('where')) {
                w_choices_params[t] = document.getElementById(id + "_label_element" + idi).getAttribute('where') + '[where_order_by]' + document.getElementById(id + "_label_element" + idi).getAttribute('order_by') + '[db_info]' + document.getElementById(id + "_label_element" + idi).getAttribute('db_info');
              }
              else {
                w_choices_params[t] = '';
              }
              t++;
              v = idi;
            }
          }
        }
      }
      if (document.getElementById(id + "_option_left_right")) {
        w_field_option_pos = document.getElementById(id + "_option_left_right").value;
      }
      else {
        w_field_option_pos = 'left';
      }
      w_value_disabled = document.getElementById(id + "_value_disabledform_id_temp").value;
      w_use_for_submission = document.getElementById(id + "_use_for_submissionform_id_temp").value;
      w_hide_label = document.getElementById(id + "_hide_labelform_id_temp").value;
      atrs = return_attributes(id + '_elementform_id_temp' + v);
      w_attr_name = atrs[0];
      w_attr_value = atrs[1];
      type_radio(id, w_field_label, w_field_label_size, w_field_label_pos, w_field_option_pos, w_hide_label, w_flow, w_choices, w_choices_checked, w_rowcol, w_required, w_randomize, w_allow_other, w_allow_other_num, w_class, w_attr_name, w_attr_value, w_value_disabled, w_choices_value, w_choices_params, w_use_for_submission);
      break;
    }
    case 'type_paypal_radio': {
      if (document.getElementById(id + '_hor')) {
        w_flow = "hor"
      }
      else {
        w_flow = "ver";
      }
      w_randomize = document.getElementById(id + "_randomizeform_id_temp").value;
      w_allow_other = document.getElementById(id + "_allow_otherform_id_temp").value;
      v = 0;
      var w_allow_other_num = 0;
      var table_little = document.getElementById(id + '_table_little');
      for (k = 0; k < table_little.childNodes.length; k++) {
        var td_little = table_little.childNodes[k];
        for (m = 0; m < td_little.childNodes.length; m++) {
          var idi = td_little.childNodes[m].getAttribute('idi');
          w_choices[t] = document.getElementById(id + "_label_element" + idi).innerHTML;
          w_choices_price[t] = document.getElementById(id + "_elementform_id_temp" + idi).value;
          w_choices_checked[t] = document.getElementById(id + "_elementform_id_temp" + idi).checked;
          if (document.getElementById(id + "_label_element" + idi).getAttribute('where')) {
            w_choices_params[t] = document.getElementById(id + "_label_element" + idi).getAttribute('where') + '[where_order_by]' + document.getElementById(id + "_label_element" + idi).getAttribute('order_by') + '[db_info]' + document.getElementById(id + "_label_element" + idi).getAttribute('db_info');
          }
          else {
            w_choices_params[t] = '';
          }
          t++;
          v = idi;
        }
      }
      if (w_flow == 'hor') {
        flow_hor(id);
      }
      for (k = 0; k < 100; k++) {
        if (document.getElementById(id + "_propertyform_id_temp" + k)) {
          w_property.push(document.getElementById(id + "_property_label_form_id_temp" + k).innerHTML);
          if (document.getElementById(id + "_propertyform_id_temp" + k).childNodes.length) {
            w_property_values[w_property.length - 1] = new Array();
            for (m = 0; m < document.getElementById(id + "_propertyform_id_temp" + k).childNodes.length; m++) {
              w_property_values[w_property.length - 1].push(document.getElementById(id + "_propertyform_id_temp" + k).childNodes[m].value);
            }
          }
          else {
            w_property_values.push('');
          }
        }
      }
      w_quantity = "no";
      w_quantity_value = 1;
      if (document.getElementById(id + "_element_quantityform_id_temp")) {
        w_quantity = 'yes';
        w_quantity_value = document.getElementById(id + "_element_quantityform_id_temp").value;
      }
      if (document.getElementById(id + "_option_left_right")) {
        w_field_option_pos = document.getElementById(id + "_option_left_right").value;
      }
      else {
        w_field_option_pos = 'left';
      }
      w_hide_label = document.getElementById(id + "_hide_labelform_id_temp").value;
      atrs = return_attributes(id + '_elementform_id_temp' + v);
      w_attr_name = atrs[0];
      w_attr_value = atrs[1];
      type_paypal_radio(id, w_field_label, w_field_label_size, w_field_label_pos, w_field_option_pos, w_hide_label, w_flow, w_choices, w_choices_price, w_choices_checked, w_required, w_randomize, w_allow_other, w_allow_other_num, w_class, w_attr_name, w_attr_value, w_property, w_property_values, w_quantity, w_quantity_value, w_choices_params);
      break;
    }
    case 'type_paypal_shipping': {
      if (document.getElementById(id + '_hor')) {
        w_flow = "hor"
      }
      else {
        w_flow = "ver";
      }
      w_randomize = document.getElementById(id + "_randomizeform_id_temp").value;
      w_allow_other = document.getElementById(id + "_allow_otherform_id_temp").value;
      v = 0;
      var w_allow_other_num = 0;
      var table_little = document.getElementById(id + '_table_little');
      for (k = 0; k < table_little.childNodes.length; k++) {
        var td_little = table_little.childNodes[k];
        for (m = 0; m < td_little.childNodes.length; m++) {
          var idi = td_little.childNodes[m].getAttribute('idi');
          w_choices[t] = document.getElementById(id + "_label_element" + idi).innerHTML;
          w_choices_price[t] = document.getElementById(id + "_elementform_id_temp" + idi).value;
          w_choices_checked[t] = document.getElementById(id + "_elementform_id_temp" + idi).checked;
          if (document.getElementById(id + "_label_element" + idi).getAttribute('where')) {
            w_choices_params[t] = document.getElementById(id + "_label_element" + idi).getAttribute('where') + '[where_order_by]' + document.getElementById(id + "_label_element" + idi).getAttribute('order_by') + '[db_info]' + document.getElementById(id + "_label_element" + idi).getAttribute('db_info');
          }
          else {
            w_choices_params[t] = '';
          }
          t++;
          v = idi;
        }
      }
      if (w_flow == 'hor') {
        flow_hor(id);
      }
      var w_property = [];
      var w_property_values = [];
      if (document.getElementById(id + "_option_left_right")) {
        w_field_option_pos = document.getElementById(id + "_option_left_right").value;
      }
      else {
        w_field_option_pos = 'left';
      }
      w_hide_label = document.getElementById(id + "_hide_labelform_id_temp").value;
      atrs = return_attributes(id + '_elementform_id_temp' + v);
      w_attr_name = atrs[0];
      w_attr_value = atrs[1];
      type_paypal_shipping(id, w_field_label, w_field_label_size, w_field_label_pos, w_field_option_pos, w_hide_label, w_flow, w_choices, w_choices_price, w_choices_checked, w_required, w_randomize, w_allow_other, w_allow_other_num, w_class, w_attr_name, w_attr_value, w_property, w_property_values, w_choices_params);
      break;
    }
    case 'type_paypal_total': {
      w_hide_label = document.getElementById(id + "_hide_labelform_id_temp").value;
      w_size = jQuery('#' + id + "paypal_totalform_id_temp").css('width') ? jQuery('#' + id + "paypal_totalform_id_temp").css('width').substring(0, jQuery('#' + id + "paypal_totalform_id_temp").css('width').length - 2) : '300';
      w_hide_total_currency = document.getElementById(id + "_hide_totalcurrency_id_temp").value;
      type_paypal_total(id, w_field_label, w_field_label_size, w_field_label_pos, w_hide_label, w_class, w_size, w_hide_total_currency);
      break;
    }
    case 'type_stripe': {
      w_hide_label = document.getElementById(id + "_hide_labelform_id_temp").value;
      type_stripe(id, w_field_label, w_field_label_size, w_field_label_pos, w_hide_label, w_size, w_class);
      break;
    }
    case 'type_star_rating': {
      w_hide_label = document.getElementById(id + "_hide_labelform_id_temp").value;
      w_star_amount = document.getElementById(id + "_star_amountform_id_temp").value;
      w_field_label_col = document.getElementById(id + "_star_colorform_id_temp").value;
      atrs = return_attributes(id + '_elementform_id_temp');
      w_attr_name = atrs[0];
      w_attr_value = atrs[1];
      type_star_rating(id, w_field_label, w_field_label_size, w_field_label_pos, w_hide_label, w_field_label_col, w_star_amount, w_required, w_class, w_attr_name, w_attr_value);
      break;
    }
    case 'type_scale_rating': {
      w_hide_label = document.getElementById(id + "_hide_labelform_id_temp").value;
      w_mini_labels = [document.getElementById(id + "_mini_label_worst").innerHTML, document.getElementById(id + "_mini_label_best").innerHTML];
      w_scale_amount = document.getElementById(id + "_scale_amountform_id_temp").value;
      atrs = return_attributes(id + '_elementform_id_temp');
      w_attr_name = atrs[0];
      w_attr_value = atrs[1];
      type_scale_rating(id, w_field_label, w_field_label_size, w_field_label_pos, w_hide_label, w_mini_labels, w_scale_amount, w_required, w_class, w_attr_name, w_attr_value);
      break;
    }
    case 'type_spinner': {
      w_hide_label = document.getElementById(id + "_hide_labelform_id_temp").value;
      w_field_min_value = document.getElementById(id + "_min_valueform_id_temp").value;
      w_field_max_value = document.getElementById(id + "_max_valueform_id_temp").value;
      w_field_width = document.getElementById(id + "_spinner_widthform_id_temp").value;
      w_field_step = document.getElementById(id + "_stepform_id_temp").value;
      w_field_value = document.getElementById(id + "_elementform_id_temp").getAttribute("aria-valuenow");
      atrs = return_attributes(id + '_elementform_id_temp');
      w_attr_name = atrs[0];
      w_attr_value = atrs[1];
      type_spinner(id, w_field_label, w_field_label_size, w_field_label_pos, w_hide_label, w_field_width, w_field_min_value, w_field_max_value, w_field_step, w_field_value, w_required, w_class, w_attr_name, w_attr_value);
      break;
    }
    case 'type_slider': {
      w_hide_label = document.getElementById(id + "_hide_labelform_id_temp").value;
      w_field_min_value = document.getElementById(id + "_slider_min_valueform_id_temp").value;
      w_field_max_value = document.getElementById(id + "_slider_max_valueform_id_temp").value;
      w_field_step = document.getElementById(id + "_slider_stepform_id_temp") && document.getElementById(id + "_slider_stepform_id_temp").value ? document.getElementById(id + "_slider_stepform_id_temp").value : 1;
      w_field_width = document.getElementById(id + "_slider_widthform_id_temp").value;
      w_field_value = document.getElementById(id + "_slider_valueform_id_temp").value;
      atrs = return_attributes(id + '_elementform_id_temp');
      w_attr_name = atrs[0];
      w_attr_value = atrs[1];
      type_slider(id, w_field_label, w_field_label_size, w_field_label_pos, w_hide_label, w_field_width, w_field_min_value, w_field_max_value, w_field_step, w_field_value, w_required, w_class, w_attr_name, w_attr_value);
      break;
    }
    case 'type_range': {
      w_hide_label = document.getElementById(id + "_hide_labelform_id_temp").value;
      w_field_range_width = document.getElementById(id + "_range_widthform_id_temp").value;
      w_field_range_step = document.getElementById(id + "_range_stepform_id_temp").value;
      w_field_value1 = document.getElementById(id + "_elementform_id_temp0").getAttribute("aria-valuenow");
      w_field_value1 = (w_field_value1) ? w_field_value1 : '';
      w_field_value2 = document.getElementById(id + "_elementform_id_temp1").getAttribute("aria-valuenow");
      w_field_value2 = (w_field_value2) ? w_field_value2 : '';
      atrs = return_attributes(id + '_elementform_id_temp0');
      w_attr_name = atrs[0];
      w_attr_value = atrs[1];
      w_mini_labels = [document.getElementById(id + "_mini_label_from").innerHTML, document.getElementById(id + "_mini_label_to").innerHTML];
      type_range(id, w_field_label, w_field_label_size, w_field_label_pos, w_hide_label, w_field_range_width, w_field_range_step, w_field_value1, w_field_value2, w_mini_labels, w_required, w_class, w_attr_name, w_attr_value);
      break;
    }
    case 'type_grading': {
      w_total = document.getElementById(id + "_grading_totalform_id_temp").value;
      w_items = [];
      for (k = 0; k < 100; k++) {
        if (document.getElementById(id + "_label_elementform_id_temp" + k)) {
          w_items.push(document.getElementById(id + "_label_elementform_id_temp" + k).innerHTML);
        }
      }
      w_hide_label = document.getElementById(id + "_hide_labelform_id_temp").value;
      atrs = return_attributes(id + '_elementform_id_temp');
      w_attr_name = atrs[0];
      w_attr_value = atrs[1];
      type_grading(id, w_field_label, w_field_label_size, w_field_label_pos, w_hide_label, w_items, w_total, w_required, w_class, w_attr_name, w_attr_value);
      refresh_grading_items(id);
      break;
    }
    case 'type_matrix': {
      w_rows = [];
      w_rows[0] = "";
      for (k = 1; k < 100; k++) {
        if (document.getElementById(id + "_label_elementform_id_temp" + k + "_0")) {
          w_rows.push(document.getElementById(id + "_label_elementform_id_temp" + k + "_0").innerHTML);
        }
      }
      w_columns = [];
      w_columns[0] = "";
      for (k = 1; k < 100; k++) {
        if (document.getElementById(id + "_label_elementform_id_temp0_" + k)) {
          w_columns.push(document.getElementById(id + "_label_elementform_id_temp0_" + k).innerHTML);
        }
      }
      w_hide_label = document.getElementById(id + "_hide_labelform_id_temp").value;
      w_field_input_type = document.getElementById(id + "_input_typeform_id_temp").value;
      w_textbox_size = document.getElementById(id + "_textbox_sizeform_id_temp") ? document.getElementById(id + "_textbox_sizeform_id_temp").value : '100';
      atrs = return_attributes(id + '_elementform_id_temp');
      w_attr_name = atrs[0];
      w_attr_value = atrs[1];
      type_matrix(id, w_field_label, w_field_label_size, w_field_label_pos, w_hide_label, w_field_input_type, w_rows, w_columns, w_required, w_class, w_attr_name, w_attr_value, w_textbox_size);
      refresh_matrix(id);
      break;
    }
    case 'type_time': {
      w_hide_label = document.getElementById(id + "_hide_labelform_id_temp").value;
      atrs = return_attributes(id + '_hhform_id_temp');
      w_attr_name = atrs[0];
      w_attr_value = atrs[1];
      w_hh = document.getElementById(id + '_hhform_id_temp').value;
      w_mm = document.getElementById(id + '_mmform_id_temp').value;
      if (document.getElementById(id + '_ssform_id_temp')) {
        w_ss = document.getElementById(id + '_ssform_id_temp').value;
        w_sec = "1";
        w_mini_label_ss = document.getElementById(id + '_mini_label_ss').innerHTML;
      }
      else {
        w_ss = "";
        w_sec = "0";
        w_mini_label_ss = '';
      }
      if (document.getElementById(id + '_am_pm_select')) {
        w_am_pm = document.getElementById(id + '_am_pmform_id_temp').value;
        w_time_type = "12";
        w_mini_labels = [document.getElementById(id + '_mini_label_hh').innerHTML, document.getElementById(id + '_mini_label_mm').innerHTML, w_mini_label_ss, document.getElementById(id + '_mini_label_am_pm').innerHTML];
      }
      else {
        w_am_pm = 0;
        w_time_type = "24";
        w_mini_labels = [document.getElementById(id + '_mini_label_hh').innerHTML, document.getElementById(id + '_mini_label_mm').innerHTML, w_mini_label_ss, 'AM/PM'];
      }
      type_time(id, w_field_label, w_field_label_size, w_field_label_pos, w_hide_label, w_time_type, w_am_pm, w_sec, w_hh, w_mm, w_ss, w_mini_labels, w_required, w_class, w_attr_name, w_attr_value);
      break;
    }
    case 'type_date': {
      atrs = return_attributes(id + '_elementform_id_temp');
      w_attr_name = atrs[0];
      w_attr_value = atrs[1];
      w_date = document.getElementById(id + '_elementform_id_temp').value;
      w_format = document.getElementById(id + '_buttonform_id_temp').getAttribute("format");
      w_but_val = document.getElementById(id + '_buttonform_id_temp').value;
      w_disable_past_days = document.getElementById(id + '_dis_past_daysform_id_temp') ? document.getElementById(id + '_dis_past_daysform_id_temp').value : 'no';
      type_date(id, w_field_label, w_field_label_size, w_field_label_pos, w_date, w_required, w_class, w_format, w_but_val, w_attr_name, w_attr_value, w_disable_past_days);
      break;
    }
    case 'type_date_new': {
      w_hide_label = document.getElementById(id + "_hide_labelform_id_temp").value;
      atrs = return_attributes(id + '_elementform_id_temp');
      w_attr_name = atrs[0];
      w_attr_value = atrs[1];
      w_date = document.getElementById(id + '_elementform_id_temp').value;
      w_format = document.getElementById(id + '_buttonform_id_temp').getAttribute("format");
      w_but_val = document.getElementById(id + '_buttonform_id_temp').value;
      w_start_day = document.getElementById(id + '_start_dayform_id_temp').value;
      w_default_date = document.getElementById(id + '_default_date_id_temp').value;
      w_min_date = document.getElementById(id + '_min_date_id_temp').value;
      w_max_date = document.getElementById(id + '_max_date_id_temp').value;
      w_invalid_dates = document.getElementById(id + '_invalid_dates_id_temp').value;
      w_hide_time = document.getElementById(id + '_hide_timeform_id_temp').value;
      w_show_image = document.getElementById(id + '_show_imageform_id_temp').value;
      w_disable_past_days = document.getElementById(id + '_dis_past_daysform_id_temp') ? document.getElementById(id + '_dis_past_daysform_id_temp').value : 'no';
      var show_week_days_input = document.getElementById(id + "_show_week_days");
      w_sunday = show_week_days_input.getAttribute('sunday');
      w_monday = show_week_days_input.getAttribute('monday');
      w_tuesday = show_week_days_input.getAttribute('tuesday');
      w_wednesday = show_week_days_input.getAttribute('wednesday');
      w_thursday = show_week_days_input.getAttribute('thursday');
      w_friday = show_week_days_input.getAttribute('friday');
      w_saturday = show_week_days_input.getAttribute('saturday');
      w_show_days = [w_sunday, w_monday, w_tuesday, w_wednesday, w_thursday, w_friday, w_saturday];
      type_date_new(id, w_field_label, w_field_label_size, w_field_label_pos, w_hide_label, w_size, w_date, w_required, w_show_image, w_class, w_format, w_start_day, w_default_date, w_min_date, w_max_date, w_invalid_dates, w_show_days, w_hide_time, w_but_val, w_attr_name, w_attr_value, w_disable_past_days);
      break;
    }
    case 'type_date_range': {
      w_hide_label = document.getElementById(id + "_hide_labelform_id_temp").value;
      atrs = return_attributes(id + '_elementform_id_temp0');
      w_attr_name = atrs[0];
      w_attr_value = atrs[1];
      w_date = '';
      w_format = document.getElementById(id + '_buttonform_id_temp').getAttribute("format");
      w_but_val = document.getElementById(id + '_buttonform_id_temp').value;
      s = document.getElementById(id + "_elementform_id_temp0").style.width;
      w_size = s.substring(0, s.length - 2);
      w_start_day = document.getElementById(id + '_start_dayform_id_temp').value;
      w_default_date_start = document.getElementById(id + '_default_date_id_temp_start').value;
      w_default_date_end = document.getElementById(id + '_default_date_id_temp_end').value;
      w_min_date = document.getElementById(id + '_min_date_id_temp').value;
      w_max_date = document.getElementById(id + '_max_date_id_temp').value;
      w_invalid_dates = document.getElementById(id + '_invalid_dates_id_temp').value;
      w_hide_time = document.getElementById(id + '_hide_timeform_id_temp').value;
      w_show_image = document.getElementById(id + '_show_imageform_id_temp').value;
      w_disable_past_days = document.getElementById(id + '_dis_past_daysform_id_temp') ? document.getElementById(id + '_dis_past_daysform_id_temp').value : 'no';

var show_week_days_input = document.getElementById(id + "_show_week_days");
      w_sunday = show_week_days_input.getAttribute('sunday');
      w_monday = show_week_days_input.getAttribute('monday');
      w_tuesday = show_week_days_input.getAttribute('tuesday');
      w_wednesday = show_week_days_input.getAttribute('wednesday');
      w_thursday = show_week_days_input.getAttribute('thursday');
      w_friday = show_week_days_input.getAttribute('friday');
      w_saturday = show_week_days_input.getAttribute('saturday');
      w_show_days = [w_sunday, w_monday, w_tuesday, w_wednesday, w_thursday, w_friday, w_saturday];
      type_date_range(id, w_field_label, w_field_label_size, w_field_label_pos, w_hide_label, w_size, w_date, w_required, w_show_image, w_class, w_format, w_start_day, w_default_date_start, w_default_date_end, w_min_date, w_max_date, w_invalid_dates, w_show_days, w_hide_time, w_but_val, w_attr_name, w_attr_value, w_disable_past_days);
      break;
    }
    case 'type_date_fields': {
      atrs = return_attributes(id + '_dayform_id_temp');
      w_attr_name = atrs[0];
      w_attr_value = atrs[1];
      w_day = document.getElementById(id + '_dayform_id_temp').value;
      w_month = document.getElementById(id + '_monthform_id_temp').value;
      w_year = document.getElementById(id + '_yearform_id_temp').value;
      w_day_type = document.getElementById(id + '_dayform_id_temp').tagName;
      w_month_type = document.getElementById(id + '_monthform_id_temp').tagName;
      w_year_type = document.getElementById(id + '_yearform_id_temp').tagName;
      w_day_label = document.getElementById(id + '_day_label').innerHTML;
      w_month_label = document.getElementById(id + '_month_label').innerHTML;
      w_year_label = document.getElementById(id + '_year_label').innerHTML;
      w_min_day = document.getElementById(id + '_min_day_id_temp').value;
      w_min_month = document.getElementById(id + '_min_month_id_temp').value;
      w_min_year = document.getElementById(id + '_min_year_id_temp').value;
      w_min_dob_alert = document.getElementById(id + '_min_dob_alert_id_temp').value;

s = document.getElementById(id + '_dayform_id_temp').style.width;
      w_day_size = s.substring(0, s.length - 2);
      s = document.getElementById(id + '_monthform_id_temp').style.width;
      w_month_size = s.substring(0, s.length - 2);
      s = document.getElementById(id + '_yearform_id_temp').style.width;
      w_year_size = s.substring(0, s.length - 2);
      w_from = document.getElementById(id + '_yearform_id_temp').getAttribute('from');
      w_to = document.getElementById(id + '_yearform_id_temp').getAttribute('to');
      w_divider = document.getElementById(id + '_separator1').innerHTML;
      w_hide_label = document.getElementById(id + "_hide_labelform_id_temp").value;
      type_date_fields(id, w_field_label, w_field_label_size, w_field_label_pos, w_hide_label, w_day, w_month, w_year, w_day_type, w_month_type, w_year_type, w_day_label, w_month_label, w_year_label, w_day_size, w_month_size, w_year_size, w_required, w_class, w_from, w_to, w_min_day, w_min_month, w_min_year, w_min_dob_alert, w_divider, w_attr_name, w_attr_value);
      break;
    }
    case 'type_own_select': {
      jQuery('#' + id + '_elementform_id_temp option').each(function () {
        w_choices[t] = jQuery(this).html();
        w_choices_value[t] = jQuery(this).val();
        w_choices_checked[t] = jQuery(this)[0].selected;
        if (jQuery(this).attr('where')) {
          w_choices_params[t] = jQuery(this).attr('where') + '[where_order_by]' + jQuery(this).attr('order_by') + '[db_info]' + jQuery(this).attr('db_info');
        }
        else {
          w_choices_params[t] = '';
        }
        if (jQuery(this).val()) {
          w_choices_disabled[t] = false;
        }
        else {
          w_choices_disabled[t] = true;
        }
        t++;
      });
      w_value_disabled = document.getElementById(id + '_value_disabledform_id_temp').value;
      w_use_for_submission = document.getElementById(id + "_use_for_submissionform_id_temp").value;
      w_hide_label = document.getElementById(id + "_hide_labelform_id_temp").value;
      atrs = return_attributes(id + '_elementform_id_temp');
      w_attr_name = atrs[0];
      w_attr_value = atrs[1];
      type_own_select(id, w_field_label, w_field_label_size, w_field_label_pos, w_hide_label, w_size, w_choices, w_choices_checked, w_required, w_value_disabled, w_class, w_attr_name, w_attr_value, w_choices_disabled, w_choices_value, w_choices_params, w_use_for_submission);
      break;
    }
    case 'type_paypal_select': {
      jQuery('#' + id + '_elementform_id_temp option').each(function () {
        w_choices[t] = jQuery(this).html();
        w_choices_price[t] = jQuery(this).val();
        w_choices_checked[t] = jQuery(this)[0].selected;
        if (jQuery(this).attr('where')) {
          w_choices_params[t] = jQuery(this).attr('where') + '[where_order_by]' + jQuery(this).attr('order_by') + '[db_info]' + jQuery(this).attr('db_info');
        }
        else {
          w_choices_params[t] = '';
        }
        if (jQuery(this)[0].value == "") {
          w_choices_disabled[t] = true;
        }
        else {
          w_choices_disabled[t] = false;
        }
        t++;
      });
      for (k = 0; k < 100; k++) {
        if (document.getElementById(id + "_propertyform_id_temp" + k)) {
          w_property.push(document.getElementById(id + "_property_label_form_id_temp" + k).innerHTML);
          if (document.getElementById(id + "_propertyform_id_temp" + k).childNodes.length) {
            w_property_values[w_property.length - 1] = new Array();
            for (m = 0; m < document.getElementById(id + "_propertyform_id_temp" + k).childNodes.length; m++) {
              w_property_values[w_property.length - 1].push(document.getElementById(id + "_propertyform_id_temp" + k).childNodes[m].value);
            }
          }
          else {
            w_property_values.push('');
          }
        }
      }
      w_quantity = "no";
      w_quantity_value = 1;
      if (document.getElementById(id + "_element_quantityform_id_temp")) {
        w_quantity = 'yes';
        w_quantity_value = document.getElementById(id + "_element_quantityform_id_temp").value;
      }
      w_hide_label = document.getElementById(id + "_hide_labelform_id_temp").value;
      atrs = return_attributes(id + '_elementform_id_temp');
      w_attr_name = atrs[0];
      w_attr_value = atrs[1];
      type_paypal_select(id, w_field_label, w_field_label_size, w_field_label_pos, w_hide_label, w_size, w_choices, w_choices_price, w_choices_checked, w_required, w_quantity, w_quantity_value, w_class, w_attr_name, w_attr_value, w_choices_disabled, w_property, w_property_values, w_choices_params);
      break;
    }
    case 'type_country': {
      w_countries = [];
      select_ = document.getElementById(id + '_elementform_id_temp');
      n = select_.childNodes.length;
      for (i = 0; i < n; i++) {
        w_countries.push(select_.childNodes[i].value);
      }
      w_hide_label = document.getElementById(id + "_hide_labelform_id_temp").value;
      atrs = return_attributes(id + '_elementform_id_temp');
      w_attr_name = atrs[0];
      w_attr_value = atrs[1];
      type_country(id, w_field_label, w_field_label_size, w_hide_label, w_countries, w_field_label_pos, w_size, w_required, w_class, w_attr_name, w_attr_value);
      break;
    }
    case 'type_file_upload': {
      w_hide_label = document.getElementById(id + "_hide_labelform_id_temp").value;
      w_destination = document.getElementById(id + "_destination").value.replace("***destinationverj" + id + "***", "").replace("***destinationskizb" + id + "***", "");
      w_extension = document.getElementById(id + "_extension").value.replace("***extensionverj" + id + "***", "").replace("***extensionskizb" + id + "***", "");
      w_max_size = document.getElementById(id + "_max_size").value.replace("***max_sizeverj" + id + "***", "").replace("***max_sizeskizb" + id + "***", "");
      w_multiple = (document.getElementById(id + "_elementform_id_temp").getAttribute('multiple') ? 'yes' : 'no');
      atrs = return_attributes(id + '_elementform_id_temp');
      w_attr_name = atrs[0];
      w_attr_value = atrs[1];
      type_file_upload(id, w_field_label, w_field_label_size, w_field_label_pos, w_hide_label, w_destination, w_extension, w_max_size, w_required, w_multiple, w_class, w_attr_name, w_attr_value);
      break;
    }
    case 'type_captcha': {
      w_hide_label = document.getElementById(id + "_hide_labelform_id_temp").value;
      w_digit = document.getElementById("_wd_captchaform_id_temp").getAttribute("digit");
      atrs = return_attributes('_wd_captchaform_id_temp');
      w_attr_name = atrs[0];
      w_attr_value = atrs[1];
      type_captcha(id, w_field_label, w_field_label_size, w_field_label_pos, w_hide_label, w_digit, w_class, w_attr_name, w_attr_value);
      break;
    }
    case 'type_arithmetic_captcha': {
      w_hide_label = document.getElementById(id + "_hide_labelform_id_temp").value;
      w_count = document.getElementById("_wd_arithmetic_captchaform_id_temp").getAttribute("operations_count");
      w_operations = document.getElementById("_wd_arithmetic_captchaform_id_temp").getAttribute("operations");
      w_input_size = document.getElementById("_wd_arithmetic_captchaform_id_temp").getAttribute("input_size");
      atrs = return_attributes('_wd_captchaform_id_temp');
      w_attr_name = atrs[0];
      w_attr_value = atrs[1];
      type_arithmetic_captcha(id, w_field_label, w_field_label_size, w_field_label_pos, w_hide_label, w_count, w_operations, w_class, w_input_size, w_attr_name, w_attr_value);
      break;
    }
    case 'type_recaptcha': {
      w_hide_label = document.getElementById(id + "_hide_labelform_id_temp").value;
      w_type = document.getElementById("wd_recaptchaform_id_temp").getAttribute("w_type");
      w_position = document.getElementById("wd_recaptchaform_id_temp").getAttribute("position");
      type_recaptcha(id, w_field_label, w_field_label_size, w_field_label_pos, w_hide_label, w_type, w_position);
      break;
    }
    case 'type_map': {
      w_lat = [];
      w_long = [];
      w_info = [];
      w_center_x = document.getElementById(id + "_elementform_id_temp").getAttribute("center_x");
      w_center_y = document.getElementById(id + "_elementform_id_temp").getAttribute("center_y");
      w_zoom = document.getElementById(id + "_elementform_id_temp").getAttribute("zoom");
      w_width = document.getElementById(id + "_elementform_id_temp").style.width == "" ? "" : parseInt(document.getElementById(id + "_elementform_id_temp").style.width);
      w_height = parseInt(document.getElementById(id + "_elementform_id_temp").style.height);
      for (j = 0; j <= 20; j++) {
        if (document.getElementById(id + "_elementform_id_temp").getAttribute("lat" + j)) {
          w_lat.push(document.getElementById(id + "_elementform_id_temp").getAttribute("lat" + j));
          w_long.push(document.getElementById(id + "_elementform_id_temp").getAttribute("long" + j));
          w_info.push(document.getElementById(id + "_elementform_id_temp").getAttribute("info" + j));
        }
      }
      atrs = return_attributes(id + '_elementform_id_temp');
      w_attr_name = atrs[0];
      w_attr_value = atrs[1];
      type_map(id, w_center_x, w_center_y, w_long, w_lat, w_zoom, w_width, w_height, w_class, w_info, w_attr_name, w_attr_value);
      break;
    }
    case 'type_mark_map': {
      w_info = document.getElementById(id + "_elementform_id_temp").getAttribute("info0");
      w_long = document.getElementById(id + "_elementform_id_temp").getAttribute("long0");
      w_lat = document.getElementById(id + "_elementform_id_temp").getAttribute("lat0");
      w_zoom = document.getElementById(id + "_elementform_id_temp").getAttribute("zoom");
      w_width = document.getElementById(id + "_elementform_id_temp").style.width == "" ? "" : parseInt(document.getElementById(id + "_elementform_id_temp").style.width);
      w_height = parseInt(document.getElementById(id + "_elementform_id_temp").style.height);
      w_center_x = document.getElementById(id + "_elementform_id_temp").getAttribute("center_x");
      w_center_y = document.getElementById(id + "_elementform_id_temp").getAttribute("center_y");
      w_hide_label = document.getElementById(id + "_hide_labelform_id_temp").value;
      atrs = return_attributes(id + '_elementform_id_temp');
      w_attr_name = atrs[0];
      w_attr_value = atrs[1];
      type_mark_map(id, w_field_label, w_field_label_size, w_field_label_pos, w_hide_label, w_center_x, w_center_y, w_long, w_lat, w_zoom, w_width, w_height, w_class, w_info, w_attr_name, w_attr_value);
      break;
    }
    case 'type_submit_reset': {
      atrs = return_attributes(id + '_element_submitform_id_temp');
      w_act = !(document.getElementById(id + "_element_resetform_id_temp").style.display == "none");
      w_attr_name = atrs[0];
      w_attr_value = atrs[1];
      w_submit_title = document.getElementById(id + "_element_submitform_id_temp").value;
      w_reset_title = document.getElementById(id + "_element_resetform_id_temp").value;
      type_submit_reset(id, w_submit_title, w_reset_title, w_class, w_act, w_attr_name, w_attr_value);
      break;
    }
    case 'type_button': {
      w_title = new Array();
      w_func = new Array();
      t = 0;
      v = 0;
      for (k = 0; k < 100; k++) {
        if (document.getElementById(id + "_elementform_id_temp" + k)) {
          w_title[t] = document.getElementById(id + "_elementform_id_temp" + k).value;
          w_func[t] = document.getElementById(id + "_elementform_id_temp" + k).getAttribute("onclick");
          t++;
          v = k;
        }
      }
      atrs = return_attributes(id + '_elementform_id_temp' + v);
      w_attr_name = atrs[0];
      w_attr_value = atrs[1];
      type_button(id, w_title, w_func, w_class, w_attr_name, w_attr_value);
      break;
    }
    case 'type_hidden': {
      w_value = document.getElementById(id + "_elementform_id_temp").value;
      w_name = document.getElementById(id + "_elementform_id_temp").name;
      atrs = return_attributes(id + '_elementform_id_temp');
      w_attr_name = atrs[0];
      w_attr_value = atrs[1];
      type_hidden(id, w_name, w_value, w_attr_name, w_attr_value);
      break;
    }
    case 'type_signature': {
      var w_hide_label = document.getElementById(id + '_hide_labelform_id_temp').value;
      var w_width = document.getElementById(id + '_canvasform_id_temp').style.width;
      var w_height = document.getElementById(id + '_canvasform_id_temp').style.height;
      var w_destination = document.getElementById(id + '_destination').value;
      var params = {
        'field_type' : 'type_signature',
        'field_label': w_field_label,
        'field_label_pos': w_field_label_pos,
        'field_label_hide': w_hide_label,
        'required': w_required,
        'field_label_size': w_field_label_size,
        'canvas' : {
          'width': parseInt(w_width),
          'height': parseInt(w_height)
        },
        'class': w_class,
        'destination': w_destination
      };
      type_signature( id, params );
      break;
    }
  }
  if ( typeof e != "undefined" ) {
    e.stopPropagation();
    e.preventDefault();
  }
}

form_view = form_view_max;

if (form_view > 1) {
    jQuery(".form_id_tempform_view_img").removeClass('form_view_hide');
  }
  table = document.createElement('div');
  table.setAttribute('class', 'wdform-page-and-images fm-form-builder');
  form_tempform_view = document.createElement('div');
  form_tempform_view.setAttribute('id', 'form_id_tempform_view' + form_view);
  form_tempform_view.setAttribute('page_title', 'Untitled Page');
  form_tempform_view.setAttribute('class', 'wdform_page');

page_toolbar_wrap = document.createElement('div');
  page_toolbar_wrap.setAttribute('id', 'form_id_tempform_view_img' + form_view);
  page_toolbar_wrap.setAttribute('class', 'form_id_tempform_view_img');

page_title_div = document.createElement('div');
  page_title_div.setAttribute('class', 'wdform_page_title');
  page_toolbar_wrap.appendChild(page_title_div);

page_toolbar = document.createElement('div');
  var icon_show_hide = document.createElement('span');
  icon_show_hide.setAttribute('title', 'Show or hide the page');
  icon_show_hide.setAttribute("class", "page_toolbar fm-ico-collapse");
  icon_show_hide.setAttribute('id', 'show_page_img_' + form_view);
  icon_show_hide.setAttribute('onClick', 'show_or_hide("' + form_view + '"); change_show_hide_icon(this);');

var icon_remove = document.createElement("span");
  icon_remove.setAttribute('title', 'Delete the page');
  icon_remove.setAttribute("class", "page_toolbar fm-ico-delete");
  icon_remove.setAttribute("onclick", 'remove_page("' + form_view + '")');

var icon_edit = document.createElement("span");
  icon_edit.setAttribute('title', 'Edit the page');
  icon_edit.setAttribute("class", "page_toolbar fm-ico-edit");
  icon_edit.setAttribute("onclick", 'edit_page_break("' + form_view + '")');

page_toolbar.appendChild(icon_remove);
  page_toolbar.appendChild(icon_edit);
  page_toolbar.appendChild(icon_show_hide);
  page_toolbar_wrap.appendChild(page_toolbar);

tr = document.createElement('div');
  tr.setAttribute('class', 'wdform_section');
  tr_page_nav = document.createElement('div');
  tr_page_nav.setAttribute('valign', 'top');
  tr_page_nav.setAttribute('class', 'wdform_footer');
  tr_page_nav.style.width = "100%";
  td_page_nav = document.createElement('div');
  td_page_nav.style.width = "100%";
  table_min_page_nav = document.createElement('div');
  table_min_page_nav.style.width = "100%";
  table_min_page_nav.style.display = "table";
  tbody_min_page_nav = document.createElement('div');
  tbody_min_page_nav.style.display = "table-row-group";
  tr_min_page_nav = document.createElement('div');
  tr_min_page_nav.setAttribute('id', 'form_id_temppage_nav' + form_view);
  tr_min_page_nav.style.display = "table-row";
  table_min = document.createElement('div');
  table_min.setAttribute('class', 'wdform_column');
  table_min1 = document.createElement('div');
  table_min1.setAttribute('class', 'wdform_column');
  tr.appendChild(table_min);
  // tr.appendChild(table_min1);
  tbody_min_page_nav.appendChild(tr_min_page_nav);
  table_min_page_nav.appendChild(tbody_min_page_nav);
  td_page_nav.appendChild(table_min_page_nav);
  tr_page_nav.appendChild(td_page_nav);
  form_tempform_view.appendChild(tr);
  form_tempform_view.appendChild(tr_page_nav);
  table.appendChild(page_toolbar_wrap);
  table.appendChild(form_tempform_view);
  document.getElementById('take').insertBefore(table, document.getElementById("add_field_cont"));

form_view_element = document.getElementById('form_id_tempform_view' + form_view);
  form_view_element.setAttribute('next_title', 'Next');
  form_view_element.setAttribute('next_type', 'text');
  form_view_element.setAttribute('next_class', 'wdform-page-button');
  form_view_element.setAttribute('next_checkable', 'true');
  form_view_element.setAttribute('previous_title', 'Previous');
  form_view_element.setAttribute('previous_type', 'text');
  form_view_element.setAttribute('previous_class', 'wdform-page-button');
  form_view_element.setAttribute('previous_checkable', 'false');
  form_view_element.setAttribute('page_title', 'Untitled Page');
  page_title_div.innerHTML = '<span class="fm-ico-draggable"></span>Untitled Page';
  if (form_view_count == 2) {
    generate_page_nav(form_view);
    generate_page_nav(old_to_gen);
  }
  else {
    generate_page_nav(form_view);
  }
  all_sortable_events();
  jQuery(".wdform_arrows").hide();
  draggable_page_break(nextID, form_view_max);
  nextID = "";
  form_view_element.scrollIntoView();
}

wdform_section_new.appendChild(wdform_column_new1);
      draggable_section_break(nextID, wdform_row);
      nextID = "";
      j = 2;
    }
    jQuery(".wdform_arrows").hide();
    close_window();
    all_sortable_events();
    return;
  }
  if (document.getElementById("element_type").value == "type_page_navigation") {
    document.getElementById("pages").setAttribute('show_title', document.getElementById("el_show_title_input").checked);
    document.getElementById("pages").setAttribute('show_numbers', document.getElementById("el_show_numbers_input").checked);
    if (document.getElementById("el_pagination_steps").checked) {
      document.getElementById("pages").setAttribute('type', 'steps');
      make_page_steps_front();
    }
    else if (document.getElementById("el_pagination_percentage").checked) {
      document.getElementById("pages").setAttribute('type', 'percentage');
      make_page_percentage_front();
    }
    else {
      document.getElementById("pages").setAttribute('type', 'none');
      make_page_none_front();
    }
    refresh_page_numbers();
    close_window();
    return;
  }
  if (document.getElementById("element_type").value == "type_page_break") {
    if (document.getElementById("editing_id").value) {
      i = document.getElementById("editing_id").value;
      form_view_element = document.getElementById('form_id_tempform_view' + i);
      page_title = document.getElementById('_div_between').getAttribute('page_title');
      next_title = document.getElementById('_div_between').getAttribute('next_title');
      next_type = document.getElementById('_div_between').getAttribute('next_type');
      next_class = document.getElementById('_div_between').getAttribute('next_class');
      next_checkable = document.getElementById('_div_between').getAttribute('next_checkable');
      previous_title = document.getElementById('_div_between').getAttribute('previous_title');
      previous_type = document.getElementById('_div_between').getAttribute('previous_type');
      previous_class = document.getElementById('_div_between').getAttribute('previous_class');
      previous_checkable = document.getElementById('_div_between').getAttribute('previous_checkable');
      form_view_element.setAttribute('next_title', next_title);
      form_view_element.setAttribute('next_type', next_type);
      form_view_element.setAttribute('next_class', next_class);
      form_view_element.setAttribute('next_checkable', next_checkable);
      form_view_element.setAttribute('previous_title', previous_title);
      form_view_element.setAttribute('previous_type', previous_type);
      form_view_element.setAttribute('previous_class', previous_class);
      form_view_element.setAttribute('previous_checkable', previous_checkable);
      form_view_element.setAttribute('page_title', page_title);
      document.getElementById('form_id_tempform_view_img' + i).firstChild.innerHTML = '<span class="fm-ico-draggable"></span>' + page_title;
      var input = document.getElementById('_div_between');
      atr = input.attributes;
      for (v = 0; v < 30; v++) {
        if (atr[v]) {
          if (atr[v].name.indexOf("add_") == 0) {
            form_view_element.setAttribute(atr[v].name, atr[v].value);
          }
        }
      }
      form_view_count = jQuery('.wdform-page-and-images').length;
      if (form_view_count != 1) {
        generate_page_nav(form_view);
      }
      sortable_columns();
      jQuery(".wdform_arrows").hide();
      close_window();
      return;
    }
  }

form_view = 0;
  for (t = form_view_max; t > 0; t--) {
    if (document.getElementById('form_id_tempform_view' + t)) {
      if (jQuery("#form_id_tempform_view" + t).is(":visible")) {
        form_view = t;
        break;
      }
    }
  }
  if (form_view == 0) {
    alert("The pages are closed");
    return;
  }
  if (!document.getElementById('editing_id').value) if (key == 0) if (fm_check_something_really_important(key)) { return };
  if (document.getElementById('main_editor').style.display == "block") {
    if (document.getElementById('editing_id').value) {
      i = document.getElementById('editing_id').value;
      document.getElementById('editing_id').value = "";
      wdform_field = document.getElementById("wdform_field" + i);
      destroyChildren(wdform_field);
      ifr_id = "form_maker_editor_ifr";
      ifr = getIFrameDocument(ifr_id);
      if (document.getElementById('form_maker_editor').style.display == "none") {
        wdform_field.innerHTML = ifr.body.innerHTML;
      }
      else {
        wdform_field.innerHTML = document.getElementById('form_maker_editor').value;
      }
      j = 2;
    }
    else {
      i = gen;
      gen++;
      //var select_ = document.getElementById('sel_el_pos');
      var option = document.createElement('option');
      option.setAttribute("id", i + "_sel_el_pos");
      option.setAttribute("value", i);
      option.innerHTML = "Custom HTML" + i; //"custom_" + i;
      l = document.getElementById('form_id_tempform_view' + form_view).childNodes.length;
      wdform_column = document.getElementById('form_id_tempform_view' + form_view).childNodes[l - 2].firstChild;
      var wdform_row = document.createElement('div');
      wdform_row.setAttribute("wdid", i);
      wdform_row.setAttribute("class", "wdform_row ui-sortable-handle");
      var wdform_field = document.createElement('div');
      wdform_field.setAttribute("id", "wdform_field" + i);
      wdform_field.setAttribute("type", "type_editor");
      wdform_field.setAttribute("class", "wdform_field");
      wdform_field.style.cssText = 'margin-top:0px';
      var wdform_arrows = document.createElement('div');
      wdform_arrows.setAttribute("id", "wdform_arrows" + i);
      wdform_arrows.setAttribute("class", "wdform_arrows");
      wdform_arrows.style.display = 'none';
      wdform_row.appendChild(wdform_field);
      wdform_row.appendChild(wdform_arrows);

var arrows_body = '<span class="wdform_arrows_advanced wdform_arrows_container">' +
                          '<span id="left_' + i + '" valign="middle" class="element_toolbar">' +
                            '<span title="Move the field to the left" class="page_toolbar dashicons dashicons-arrow-left-alt" onclick="left_row(&quot;' + i + '&quot;)"></span>' +
                          '</span>' +
                          '<span id="up_' + i + '" valign="middle" class="element_toolbar">' +
                             '<span title="Move the field up" class="page_toolbar dashicons dashicons-arrow-up-alt" onclick="up_row(&quot;' + i + '&quot;)"></span>' +
                          '</span>' +
                          '<span id="down_' + i + '" valign="middle" class="element_toolbar">' +
                            '<span title="Move the field down" class="page_toolbar dashicons dashicons-arrow-down-alt" onclick="down_row(&quot;' + i + '&quot;)"></span>' +
                          '</span>' +
                          '<span id="right_' + i + '" valign="middle" class="element_toolbar">' +
                            '<span title="Move the field to the right" class="page_toolbar dashicons dashicons-arrow-right-alt" onclick="right_row(&quot;' + i + '&quot;)"></span>' +
                          '</span>' +
                          '<span id="page_up_' + i + '" valign="middle" class="element_toolbar">' +
                            '<span title="Move the field to the upper page" class="page_toolbar dashicons dashicons-upload" onclick="page_up(&quot;' + i + '&quot;)"></span>' +
                          '</span>' +
                          '<span id="page_down_' + i + '" valign="middle" class="element_toolbar">' +
                            '<span title="Move the field to the lower page" class="page_toolbar dashicons dashicons-download" onclick="page_down(&quot;' + i + '&quot;)"></span>' +
                          '</span>' +
                        '</span>' +
                        '<span class="wdform_arrows_basic wdform_arrows_container">' +
                          '<span id="edit_' + i + '" valign="middle" class="element_toolbar">' +
                            '<span title="Edit the field" class="page_toolbar fm-ico-edit" ontouchend="edit(&quot;' + i + '&quot;, event)" onclick="edit(&quot;' + i + '&quot;, event)"></span>' +
                          '</span>' +
                          '<span id="duplicate_' + i + '" valign="middle" class="element_toolbar">' +
                           '<span title="Duplicate the field" class="page_toolbar fm-ico-duplicate" ontouchend="duplicate(duplicate(&quot;' + i + '&quot;, event))" onclick="duplicate(&quot;' + i + '&quot;, event)"></span>' +
                          '</span>' +
                          '<span id="X_' + i + '" valign="middle" align="right" class="element_toolbar">' +
                            '<span title="Remove the field" class="page_toolbar fm-ico-delete" ontouchend="remove_field(&quot;' + i + '&quot;, event)" onclick="remove_field(&quot;' + i + '&quot;, event)"></span>' +
                          '</span>' +
                        '</span>';
      wdform_arrows.innerHTML = arrows_body;

ifr_id = "form_maker_editor_ifr";
      ifr = getIFrameDocument(ifr_id)
      if (document.getElementById('form_maker_editor').style.display == "none") {
        wdform_field.innerHTML = ifr.body.innerHTML;
      }
      else {
        wdform_field.innerHTML = document.getElementById('form_maker_editor').value;
      }
      var label = document.createElement('span');
      label.setAttribute("id", i + "_element_labelform_id_temp");
      label.innerHTML = "Custom HTML" + i; //"custom_" + i;
      label.style.color = 'red';
      wdform_row.appendChild(label);

add_field_in_position(nextID, wdform_row);
      nextID = "";

j = 2;
    }
    close_window();
  }
  else if (document.getElementById('show_table').innerHTML) {
    if (document.getElementById('editing_id').value) {
      i = document.getElementById('editing_id').value;
    }
    else {
      i = gen;
    }
    type = document.getElementById("element_type").value;
    if (type == "type_hidden") {
      if (document.getElementById(i + '_elementform_id_temp').name == "") {
        alert("The name of the field is required.");
        return;
      }
    }
    if (type == "type_map") {
      if (typeof gmapdata[i] == "undefined" || typeof gmapdata[i].getCenter() == "undefined") {
        alert("Please go to Global Options to setup the Map API key. It may take up to 5 minutes for API key change to take effect.");
        return false;
      }
      else {
        if_gmap_updateMap(i);
      }
    }
    if (type == "type_mark_map") {
      if (typeof gmapdata[i] == "undefined" || typeof gmapdata[i].getCenter() == "undefined") {
        alert("Please go to Global Options to setup the Map API key. It may take up to 5 minutes for API key change to take effect.");
        return false;
      }
      else {
        if_gmap_updateMap(i);
      }
    }
    if (type == "type_date_fields") {
      w_min_day = document.getElementById('edit_for_min_day').value;
      w_min_month = document.getElementById('edit_for_min_month').value;
      w_min_year = document.getElementById('edit_for_min_year').value;

year_interval_from = document.getElementById('edit_for_year_interval_from').value;
      year_interval_to = document.getElementById('edit_for_year_interval_to').value;

if (  w_min_day != "" || w_min_month != "" || w_min_year != "" ) {
        if ( w_min_day.length < 1 || w_min_month.length < 1  || w_min_year.length < 1 ) {
          alert("Please fill in all 3 fields of Min Value of Date.");
          return false;
        }
        else {
          if ( w_min_year < year_interval_from || w_min_year > year_interval_to ) {
            alert("Min Year does not correspond with Year Interval.");
            return false;
          }
          if ( w_min_day == "00" || w_min_day.length != 2 || w_min_month == "00" || w_min_month.length != 2 || w_min_year.length != 4 ) {
            alert("Wrong format of min date");
            return false;
          }
        }
      }
    }
    if (document.getElementById(i + '_element_labelform_id_temp').innerHTML) {
      if (document.getElementById('editing_id').value) {
        Disable();
        i = document.getElementById('editing_id').value;
        in_lab = false;
        labels_array = new Array();
        for (w = 0; w < gen; w++) {
          if (w != i) {
            if (document.getElementById(w + '_element_labelform_id_temp')) {
              labels_array.push(document.getElementById(w + '_element_labelform_id_temp').innerHTML);
            }
          }
        }
        for (t = 0; t < labels_array.length; t++) {
          if (document.getElementById(i + '_element_labelform_id_temp').innerHTML == labels_array[t]) {
            in_lab = true;
            break;
          }
        }
        if (in_lab) {
          alert('Sorry, the labels must be unique.');
          return;
        }
        else {
          document.getElementById('editing_id').value = "";
          wdform_field = document.getElementById("wdform_field" + i);
          wdform_arrows = document.getElementById("wdform_arrows" + i);
          destroyChildren(wdform_field);
          var add1 = document.getElementById(i + '_label_sectionform_id_temp');
          var add2 = document.getElementById(i + '_element_sectionform_id_temp');
          wdform_field.appendChild(wdform_arrows);
          wdform_field.appendChild(add1);
          wdform_field.appendChild(add2);
          if (type == "type_submitter_mail" || type == "type_password") {
            var br_submitter_mail = document.createElement('br');
            var add1_1 = document.getElementById(i + '_1_label_sectionform_id_temp');
            var add2_2 = document.getElementById(i + '_1_element_sectionform_id_temp');
            wdform_field.appendChild(br_submitter_mail);
            wdform_field.appendChild(add1_1);
            wdform_field.appendChild(add2_2);
          }
          j = 2;
          close_window();
          call(i, key);
        }
      }
      else {
        i = gen;
        in_lab = false;
        labels_array = new Array();
        for (w = 0; w < gen; w++) {
          if (document.getElementById(w + '_element_labelform_id_temp')) {
            labels_array.push(document.getElementById(w + '_element_labelform_id_temp').innerHTML);
          }
        }
        for (t = 0; t < labels_array.length; t++) {
          if (document.getElementById(i + '_element_labelform_id_temp').innerHTML == labels_array[t]) {
            in_lab = true;
            break;
          }
        }
        if (in_lab) {
          alert('Sorry, the labels must be unique.');
          return
        }
        else {
          if (type == "type_address") {
            gen = gen + 6;
          }
          else {
            gen++;
          }
          l = document.getElementById('form_id_tempform_view' + form_view).childNodes.length;
          wdform_column = document.getElementById('form_id_tempform_view' + form_view).childNodes[l - 2].firstChild;
          var wdform_row = document.createElement('div');
          wdform_row.setAttribute("wdid", i);
          wdform_row.setAttribute("class", "wdform_row ui-sortable-handle");
          var wdform_field = document.createElement('div');
          wdform_field.setAttribute("id", "wdform_field" + i);
          wdform_field.setAttribute("type", type);
          wdform_field.setAttribute("class", "wdform_field");
          wdform_field.style.display = "table-cell";
          var wdform_arrows = document.createElement('div');
          wdform_arrows.setAttribute("id", "wdform_arrows" + i);
          wdform_arrows.setAttribute("class", "wdform_arrows");
          wdform_arrows.style.display = 'none';
          wdform_row.appendChild(wdform_arrows);
          wdform_row.appendChild(wdform_field);

var arrows_body = '<span class="wdform_arrows_advanced wdform_arrows_container">' +
                              '<span id="left_' + i + '" valign="middle" class="element_toolbar">' +
                                '<span title="Move the field to the left" class="page_toolbar dashicons dashicons-arrow-left-alt" onclick="left_row(&quot;' + i + '&quot;)"></span>' +
                              '</span>' +
                              '<span id="up_' + i + '" valign="middle" class="element_toolbar">' +
                               '<span title="Move the field up" class="page_toolbar dashicons dashicons-arrow-up-alt" onclick="up_row(&quot;' + i + '&quot;)"></span>' +
                              '</span>' +
                              '<span id="down_' + i + '" valign="middle" class="element_toolbar">' +
                               '<span title="Move the field down" class="page_toolbar dashicons dashicons-arrow-down-alt" onclick="down_row(&quot;' + i + '&quot;)"></span>' +
                              '</span>' +
                              '<span id="right_' + i + '" valign="middle" class="element_toolbar">' +
                               '<span title="Move the field to the right" class="page_toolbar dashicons dashicons-arrow-right-alt" onclick="right_row(&quot;' + i + '&quot;)"></span>' +
                              '</span>' +
                              '<span id="page_up_' + i + '" valign="middle" class="element_toolbar">' +
                                '<span title="Move the field to the upper page" class="page_toolbar dashicons dashicons-upload" onclick="page_up(&quot;' + i + '&quot;)"></span>' +
                              '</span>' +
                              '<span id="page_down_' + i + '" valign="middle" class="element_toolbar">' +
                                '<span title="Move the field to the lower page" class="page_toolbar dashicons dashicons-download" onclick="page_down(&quot;' + i + '&quot;)"></span>' +
                              '</span>' +
                            '</span>' +
                            '<span class="wdform_arrows_basic wdform_arrows_container">' +
                              '<span id="edit_' + i + '" valign="middle" class="element_toolbar">' +
                                '<span title="Edit the field" class="page_toolbar fm-ico-edit" ontouchend="edit(&quot;' + i + '&quot;, event)" onclick="edit(&quot;' + i + '&quot;, event)"></span>' +
                              '</span>' +
                              (type != "type_captcha" && type != "type_arithmetic_captcha" && type != "type_recaptcha" && type != "type_send_copy" && type != "type_stripe" ?
                              '<span id="duplicate_' + i + '" valign="middle" class="element_toolbar">' +
                                '<span title="Duplicate the field" class="page_toolbar fm-ico-duplicate" ontouchend="duplicate(&quot;' + i + '&quot;, event)" onclick="duplicate(&quot;' + i + '&quot;, event)"></span>' +
                              '</span>' : '')+
                              '<span id="X_' + i + '" valign="middle" align="right" class="element_toolbar">' +
                               '<span title="Remove the field" class="page_toolbar fm-ico-delete" ontouchend="remove_field(&quot;' + i + '&quot;, event)" onclick="remove_field(&quot;' + i + '&quot;, event)"></span>' +
                              '</span>' +
                            '</span>';
          wdform_arrows.innerHTML = arrows_body;
          var add1 = document.getElementById(i + '_label_sectionform_id_temp');
          var add2 = document.getElementById(i + '_element_sectionform_id_temp');
          wdform_field.appendChild(add1);
          wdform_field.appendChild(add2);
          if (type == "type_submitter_mail" || type == "type_password") {
            var br_submitter_mail = document.createElement('br');
            var add1_1 = document.getElementById(i + '_1_label_sectionform_id_temp');
            var add2_2 = document.getElementById(i + '_1_element_sectionform_id_temp');
            wdform_field.appendChild(br_submitter_mail);
            wdform_field.appendChild(add1_1);
            wdform_field.appendChild(add2_2);
          }

add_field_in_position(nextID, wdform_row);
          nextID = "";

j = 2;
          close_window();
          call(i, key);
        }
      }
    }
    else {
      alert("The field label is required.");
      return;
    }
  }
  else {
    alert("Please select an element to add.");
  }
  jQuery(".wdform_arrows_advanced").hide();

jQuery(".wdform_page input[type='text'], .wdform_page input[type='password'], .wdform_page input[type='file'], .wdform_page textarea, .wdform_page input[type='checkbox'], .wdform_page input[type='radio'], .wdform_page select").prop("disabled", true);
  all_sortable_events();
}

/**
 * Add new field before submit button.
 */
function move_submit_to_end(column) {
  var last_child = jQuery(column).children(':not(.fm-hidden)').last();
  if (last_child.find('[type=type_submit_reset]').length) {
    return last_child;
  }
  return false;
}

/**
 * Add field on drag and drop position.
 *
 * @param nextID
 * @param wdform_row
 */
function add_field_in_position( nextID, wdform_row ) {
  if( typeof nextID === 'undefined' || nextID === null || nextID == "" ) {
    var wdform_col = jQuery('#cur_column');           // getting current column for insert
    if ( wdform_col.val() == 1 ) {  // when add field button submitted not moved
      var column = jQuery('<div class="wdform_column"></div>').append(wdform_row);
      var submit_button_parent = move_submit_to_end(wdform_col);
      if ( submit_button_parent !== false ) {
        jQuery(column).insertBefore( submit_button_parent );
      } else {
        wdform_col.append(column);
      }
    }
    else {
        wdform_col.append(wdform_row);
    }
  }
  else {
    beforeTr = document.getElementById("wdform_field" + nextID).parentNode;
    wdform_column = beforeTr.parentNode;
    wdform_column.insertBefore( wdform_row, beforeTr );
  }

jQuery(window).scrollTop(jQuery(wdform_row).offset().top - 100);
  jQuery("#cur_column").removeAttr("id");
}

/**
 * Add page break on drag and drop position.
 *
 * @param nextID
 * @param form_view_max
 */
function draggable_page_break( nextID, form_view_max ) {
  var boundary = jQuery(".wdform_row[wdid='" + nextID + "']");                    // break point
  var currFormview = "form_id_tempform_view" + (form_view_max);                   // get current page container  
  if( typeof nextID === 'undefined' || nextID === null || nextID == "" || get_child_count() > 2) {         // when add field button submitted not moved
    return;
  }
  var str = jQuery("#cur_column").parent().parent().attr("id");
  var endPoint = parseInt(str.substr(str.indexOf("form_id_tempform_view") + 21)); // break conteiner number

if ( form_view_max == 2 ) {                                                     // if break first time
    jQuery("#form_id_tempform_view" + form_view_max + " .wdform_section .wdform_column:first-child").append(jQuery(boundary.nextAll().andSelf()));
  }
  else if ( str == currFormview ) {                                               // if break container is last
    jQuery("#form_id_tempform_view" + form_view_max + " .wdform_section .wdform_column:first-child").append(jQuery(boundary.nextAll().andSelf()));
  }
  else {
    var diff = form_view_max - endPoint;                                        // get cycle count
    var fView = form_view_max;                                                  // get container counts including new one
    for ( var k = 1; k < diff; k++ ) {
      jQuery("#form_id_tempform_view" + fView + " .wdform_section .wdform_column:first-child").append(jQuery("#form_id_tempform_view" + (fView - 1) + " .wdform_section .wdform_column:first-child .wdform_row"));
      fView--;
    }
    jQuery("#form_id_tempform_view" + (fView) + " .wdform_section .wdform_column:first-child").append(jQuery(boundary.nextAll().andSelf()));
  }
  jQuery("#cur_column").removeAttr("id");  
}

// Get child column in row container
function get_child_count() {
  var temp = document.getElementById('cur_column').parentNode;
  child = temp.children;
  return child.length;
}

/**
 * Add section break on drag and drop position.
 *
 * @param nextID
 * @param wdform_row
 */
function draggable_section_break( nextID, wdform_row ) {
  if( typeof nextID === 'undefined' || nextID === null || nextID == "" ) {
    beforeTr = wdform_page.lastChild;
    wdform_page.insertBefore(wdform_section_new, beforeTr);
    return;
  }
  else if( get_child_count() > 2 ) {
    beforeTr = wdform_page.lastChild;
    wdform_page.insertBefore(wdform_section_new, beforeTr);
    return;
  }

beforeTr = document.getElementById("wdform_field" + nextID).parentNode;
  wdform_column = beforeTr.parentNode;
  wdform_section = wdform_column.parentNode;
  wdform_column.insertBefore(wdform_row, beforeTr);

var boundary = jQuery("#cur_column").find("[wdid='" + i + "']");  // breake point
  jQuery("<div class='wdform_section curr'><div class='wdform_column ui-sortable'>").insertAfter(boundary.parent().parent()).append(boundary.nextAll().andSelf());

jQuery(".wdform_section .wdform_tr_section_break").each(function () { // wdform_tr_section_break move before section
    jQuery(this).insertBefore(jQuery(this).parent());
  });

jQuery("#cur_column").removeAttr("id");
  jQuery('.curr').children().appendTo(".curr .wdform_column");
  jQuery('.curr').append("<div class='wdform_column ui-sortable'></div>");
  jQuery(".curr").removeClass( "curr" );
}

/**
 * Actions to do on popup open.
 */
function popup_ready() {
  // Change button name.
  jQuery(".popup-title").html(form_maker.add_field);
  jQuery('#add-button-cont').html('');
  jQuery('#field_container .fm-free-message').addClass('fm-hidden');
  // Reset filter.
  jQuery(".field-types-filter").val("");
  filter(jQuery(".field-types-filter"));

// Remove seleceted button class from all buttons.
  jQuery(".field_types .postbox button.wd-button").removeClass("button-primary");

// Show field types container.
  jQuery(".field_types").show();
  jQuery("#field_container").removeClass('field_container_full');

jQuery(".add-popup").slideToggle(200);
}

/**
 * Close popup.
 */
function close_window() {
  if ( fm_need_enable ) {
    popup_ready();
    /* In Firfox and Safari click action is working during the drag and drop also */
    /*jQuery(".add-new-button").attr("onclick","popup_ready(); Enable(); return false;");*/
  }
  fm_need_enable = true;
  document.getElementById('edit_table').innerHTML = "";
  document.getElementById('show_table').innerHTML = "";
  document.getElementById('main_editor').style.display = "none";
  if (document.getElementById("form_maker_editor_ifr")) {
    ifr_id = "form_maker_editor_ifr";
    ifr = getIFrameDocument(ifr_id);
    ifr.body.innerHTML = "";
  }
  document.getElementById('form_maker_editor').value = "";
  document.getElementById('editing_id').value = "";
  document.getElementById('element_type').value = "";
}

/**
 * Add field by type.
 *
 * @param event
 * @param type
 * @param subtype
 */
function addRow(event, that, type, subtype) {
  jQuery(".field_types .postbox button.wd-button").removeClass("button-primary");
  jQuery(that).addClass("button-primary");
  if (typeof subtype == "undefined") {
    var subtype = "";
  }
  if (document.getElementById('show_table').innerHTML) {
    document.getElementById('show_table').innerHTML = "";
    document.getElementById('edit_table').innerHTML = "";
  }

var new_id = jQuery("#editing_id").val() == "" ? gen : jQuery("#editing_id").val();
  // Add field by type.
  window["el_" + type](subtype, new_id);

fm_add_field_button(that, subtype);
}

function el_text(subtype, new_id) {
  window["go_to_type_" + subtype](new_id);
}

function el_checkbox(subtype, new_id) {
  w_choices = ["option 1", "option 2"];
  w_choices_checked = [false, false];
  w_choices_value = ["option 1", "option 2"];
  w_choices_params = ["", ""];
  w_attr_name = [];
  w_attr_value = [];
  type_checkbox(new_id, 'Multiple Choice', '', 'top', 'right', 'no', 'ver', w_choices, w_choices_checked, '1', '', 'You have exceeded the selection limit.', 'no', 'no', 'no', '0', '', w_attr_name, w_attr_value, 'no', w_choices_value, w_choices_params, 'no');
}

function el_radio(subtype, new_id) {
  w_choices = ["option 1", "option 2"];
  w_choices_checked = [false, false];
  w_choices_value = ["option 1", "option 2"];
  w_choices_params = ["", ""];
  w_attr_name = [];
  w_attr_value = [];
  type_radio(new_id, 'Single Choice', '', 'top', 'right', 'no', 'ver', w_choices, w_choices_checked, '1', 'no', 'no', 'no', '0', '', w_attr_name, w_attr_value, 'no', w_choices_value, w_choices_params, 'no');
}

function el_survey(subtype, new_id) {
  window["go_to_type_" + subtype](new_id);
}

function el_time_and_date(subtype, new_id) {
  window["go_to_type_" + subtype](new_id);
}

function el_select(subtype, new_id) {
  window["go_to_type_" + subtype](new_id);
}

function el_file_upload(subtype, new_id) {
  w_attr_name = [];
  w_attr_value = [];
  type_file_upload(new_id, 'Upload a File', '', 'top', 'no', "form-maker", 'jpg, jpeg, png, gif, bmp, tif, tiff, svg, pdf, txt, log, doc, docx, csv, xls, xlsx, pps, ppt, pptx, xml, mp3, mp4, wma, wav, mpg, wmv', '2000', 'no', 'no', '', w_attr_name, w_attr_value);
}

function el_section_break(subtype, new_id) {
  type_section_break(new_id, "<div class='wdform-section-break-div' style='min-width: 300px; border-top:1px solid'></div>");
}

function el_page_break(subtype, new_id) {
  w_page_title = 'Untitled Page';
  w_title = ["Next", "Previous"];
  w_type = ["text", "text"];
  w_class = ["wdform-page-button", "wdform-page-button"];
  w_check = ['true', 'false'];
  w_attr_name = [];
  w_attr_value = [];
  type_page_break("0", w_page_title, w_title, w_type, w_class, w_check, w_attr_name, w_attr_value);
}

function el_map(subtype, new_id) {
  w_long = ['2.294254'];
  w_lat = ['48.858334'];
  w_info = [''];
  w_attr_name = [];
  w_attr_value = [];
  type_map(new_id, '2.294254', '48.858334', w_long, w_lat, "13", "370", "300", 'wdform_map', w_info, w_attr_name, w_attr_value);
}

function el_paypal(subtype, new_id) {
  window["go_to_type_" + subtype](new_id);
}

function el_captcha(subtype, new_id) {
  if (document.getElementById('_wd_captchaform_id_temp')
      || document.getElementById('_wd_arithmetic_captchaform_id_temp')
      || document.getElementById('wd_recaptchaform_id_temp')) {
    alert(form_maker.captcha_created);
    return;
  }
  window["go_to_type_" + subtype](new_id);
}

function el_button(subtype, new_id) {
  window["go_to_type_" + subtype](new_id);
}

function el_editor(subtype, new_id) {
  type_editor(new_id, '');
}

function el_signature(subtype, new_id) {
  var params = {
    'field_type' : 'type_signature',
    'field_label': 'Signature',
    'field_label_pos': 'top',
    'field_label_hide': 'no',
    'required': 'no',
    'field_label_size': '',
    'canvas' : {
      'width': 200,
      'height': 150
    },
    'class': '',
    'destination': 'form-maker'
  };
  type_signature( new_id, params );
}

function create_double_option_container(label1, input1, label2, input2, val_disabled) {
  var option_div = jQuery('<div class="fm-option-container fm-double-option-container"' + '></div>');
  var wrapper1 = jQuery('<div class="fm-option-wrapper1"></div>');
  var wrapper2 = jQuery('<div class="fm-option-wrapper2" ' + (val_disabled === 'yes' ? '' : 'style="display:none;"') +  '></div>');

if (label1 != null) {
    var label_1_div = jQuery('<div class="fm-label-container"></div>');
    wrapper1.append(label_1_div)
    label_1_div.append(label1);
    option_div.append(wrapper1);
  }
  if (input1 != null) {
    var input_1_div = jQuery('<div class="wd-group fm-input-container wd-has-placeholder' + (label1 == null ? ' fm-width-100' : '') + '"></div>');
    wrapper1.append(input_1_div)
    input_1_div.append(input1);
    option_div.append(wrapper1);
  }

if (label2 != null) {
    var label_2_div = jQuery('<div class="fm-label-container"></div>');
    wrapper2.append(label_2_div);
    label_2_div.append(label2);
    option_div.append(wrapper2);
  }
  if (input2 != null) {
    var input_2_div = jQuery('<div class="wd-group fm-input-container wd-has-placeholder' + (label2 == null ? ' fm-width-100' : '') + '"></div>');
    wrapper2.append(input_2_div);
    input_2_div.append(input2);
    option_div.append(wrapper2);
  }

return option_div;
}

function create_advanced_options_container(advanced_options_container, id, visible) {
  var element = jQuery('<div' + (id != undefined ? ' id="' + id + '"' : '') + ' class="postbox closed"' + (visible == false ? ' style="display: none;"' : '') + '></div>');
  var content = jQuery('<button class="handlediv" type="button" aria-expanded="true" onclick="fm_toggle_postbox(this);"><span class="screen-reader-text">Toggle panel</span><span class="toggle-indicator" aria-hidden="true"></span></button><h2 class="hndle ui-sortable-handle" onclick="fm_toggle_postbox(this);"><span>Advanced options</span></h2>');
  element.append(content);
  element.append(advanced_options_container);
  return element;
}

function create_field_type(type) {
  var input = jQuery('<span class="fm-field-label">' + jQuery('.wd-button[data-type=' + type + ']').first().text() + '</span>');
  return create_option_container(null, input);
}

function create_label(i, w_field_label) {
  var label = jQuery('<label class="fm-field-label" for="edit_for_label">Label</label>');
  var input = jQuery('<textarea class="fm-width-100" id="edit_for_label" rows="4" onKeyUp="change_label(\'' + i + '_element_labelform_id_temp\', this.value)">' + w_field_label + '</textarea>');
  return create_option_container(label, input);
}

function create_label_position(i, w_field_label_pos) {
  var label = jQuery('<label class="fm-field-label">Label position</label>');
  var input1 = jQuery('<input type="radio" id="edit_for_label_position_left" name="edit_for_label_position" onchange="label_left(' + i + ')"' + (w_field_label_pos == 'top' ? '' : ' checked="checked"') + ' />');
  var label1 = jQuery('<label for="edit_for_label_position_left">Left</label>');
  var input2 = jQuery('<input type="radio" id="edit_for_label_position_top" name="edit_for_label_position" onchange="label_top(' + i + ')"' + (w_field_label_pos == 'top' ? ' checked="checked"' : '') + ' />');
  var label2 = jQuery('<label for="edit_for_label_position_top">Top</label>');
  var input = input1;
  input = input.add(label1);
  input = input.add(input2);
  input = input.add(label2);
  return create_option_container(label, input);
}

function create_label_position_stripe(i, w_field_label_pos) {
  var label = jQuery('<label class="fm-field-label">Label position</label>');
  var input1 = jQuery('<input type="radio" id="edit_for_label_position_left" name="edit_for_label_position" onchange="label_left_stripe(' + i + ')"' + (w_field_label_pos == 'top' ? '' : ' checked="checked"') + ' />');
  var label1 = jQuery('<label for="edit_for_label_position_left">Left</label>');
  var input2 = jQuery('<input type="radio" id="edit_for_label_position_top" name="edit_for_label_position" onchange="label_top_stripe(' + i + ')"' + (w_field_label_pos == 'top' ? ' checked="checked"' : '') + ' />');
  var label2 = jQuery('<label for="edit_for_label_position_top">Top</label>');
  var input = input1;
  input = input.add(label1);
  input = input.add(input2);
  input = input.add(label2);
  return create_option_container(label, input);
}

function create_hide_label(i, w_hide_label) {
  var label = jQuery('<label class="fm-field-label" for="el_hide_label">Hide label</label>');
  var input = jQuery('<input type="checkbox" id="el_hide_label" onchange="hide_label(' + i + ')"' + (w_hide_label == 'yes' ? ' checked="checked"' : '') + ' />');
  return create_option_container(label, input);
}

function create_placeholder(i, w_title) {
  var label = jQuery('<label class="fm-field-label" for="el_first_value_input">Placeholder</label>');
  var input = jQuery('<input type="text" class="fm-width-100" id="el_first_value_input" onKeyUp="change_input_value(this.value,\'' + i + '_elementform_id_temp\')" value="' + w_title.replace(/"/g, "&quot;") + '" />');
  return create_option_container(label, input);
}

function change_input_value(first_value, id) {
  input = document.getElementById(id);
  input.title = first_value;
  input.placeholder = first_value;
}

function create_required(i, w_required) {
  var label = jQuery('<label class="fm-field-label" for="el_required">Required</label>');
  var input = jQuery('<input type="checkbox" id="el_required" onchange="set_required(\'' + i + '_required\')"' + (w_required == 'yes' ? ' checked="checked"' : '') + ' />');
  return create_option_container(label, input);
}

function create_field_size(i, w_size, first_field_id, second_field_id) {
  if (first_field_id == null) {
    first_field_id = '\'' + i + '_elementform_id_temp\'';
  }
  var label = jQuery('<label class="fm-field-label" for="edit_for_input_size">Width(px)</label>');
  var input = jQuery('<input class="fm-width-100" type="text" id="edit_for_input_size" onKeyPress="return check_isnum(event)" onKeyUp="change_w_style(' + first_field_id + ', this.value, ' + second_field_id + ')" value="' + w_size + '" /><p class="description">' + form_maker.leave_empty + '</p>');
  return create_option_container(label, input);
}

function create_field_label_size(i, w_field_label_size, first_field_id, second_field_id) {
  if (first_field_id == null) {
    first_field_id = '\'' + i + '_label_sectionform_id_temp\'';
  }
  var label = jQuery('<label class="fm-field-label" for="edit_for_label_size">Label width(px)</label>');
  var input = jQuery('<input class="fm-width-100" type="text" id="edit_for_label_size" onKeyPress="return check_isnum(event)" onKeyUp="change_w_style(' + first_field_id + ', this.value, ' + second_field_id + ')" value="' + w_field_label_size + '" /><p class="description">' + form_maker.leave_empty + '</p>');
  return create_option_container(label, input);
}

function change_h_style(id, h) {
  document.getElementById(id).style.height = h + "px";
}

function create_readonly(i, w_readonly) {
  var label = jQuery('<label class="fm-field-label" for="el_readonly">Readonly</label>');
  var input = jQuery('<input type="checkbox" id="el_readonly" onchange="set_readonly(' + i + ')"' + (w_readonly == 'yes' ? ' checked="checked"' : '') + ' />');
  return create_option_container(label, input);
}

function create_unique_values(i, w_unique) {
  var label = jQuery('<label class="fm-field-label" for="el_unique">Allow only unique values</label>');
  var input = jQuery('<input type="checkbox" id="el_unique" onchange="set_unique(\'' + i + '_uniqueform_id_temp\')"' + (w_unique == 'yes' ? ' checked="checked"' : '') + ' />');
  return create_option_container(label, input);
}

function set_unique(id) {
  if (document.getElementById(id).value == "yes") {
    document.getElementById(id).setAttribute("value", "no");
  }
  else {
    document.getElementById(id).setAttribute("value", "yes")
  }
}

function create_regexp(i, w_regExp_status) {
  var label = jQuery('<label class="fm-field-label" for="el_regExp_' + i + '">Validation (RegExp.)</label>');
  var input = jQuery('<input type="checkbox" id="el_regExp_' + i + '" onchange="set_regExpStatus(\'' + i + '_regExpStatus\')"' + (w_regExp_status == 'yes' ? ' checked="checked"' : '') + ' />');
  return create_option_container(label, input);
}

function create_custom_regexp(i, w_regExp_status, w_regExp_value) {
  var label = jQuery('<label class="fm-field-label regExp_cell" for="regExp_value' + i + '">Regular Expression</label>');
  var input = jQuery('<textarea id="regExp_value' + i + '" class="regExp_cell fm-width-100" onKeyUp="change_regExpValue(' + i + ', this.value , \'' + i + '_regExp_valueform_id_temp\', \'\')">' + w_regExp_value + '</textarea>');
  return create_option_container(label, input, 'edit_main_tr12', w_regExp_status == 'yes');
}

function create_common_regexp(i, w_regExp_status, w_regExp_common) {
  var label = jQuery('<label class="fm-field-label regExp_cell">Common Regular Expressions</label>');
  var input = jQuery('<select class="fm-width-100" id="common_RegExp' + i + '" name="common_RegExp' + i + '" onChange="change_regExpValue(' + i + ', \' + w_regExp_value + \', \'' + i + '_regExp_valueform_id_temp\', this.value)"></select>');

for (var keys  in common_val_arr) {
    if (!common_val_arr.hasOwnProperty(keys)) {
      continue;
    }
    var el_option = jQuery('<option id="edit_for_label_common' + index + '" value="' + common_val_arr[keys] + '"' + (w_regExp_common == index ? ' selected="selected"' : '') + '>' + keys + '</option>');
    input.append(el_option);
    index++;
  }

return create_option_container(label, input, 'edit_main_tr13', w_regExp_status == 'yes');
}

function create_case_sensitive(i, w_regExp_status, w_regExp_arg) {
  var label = jQuery('<label class="fm-field-label" for="el_regArg_' + i + '">Case Insensitive</label>');
  var input = jQuery('<input type="checkbox" id="el_regArg_' + i + '" onchange="set_regExpArgument(\'' + i + '_regArgument\')"' + (w_regExp_arg == 'i' ? ' checked="checked"' : '') + ' />');
  return create_option_container(label, input, 'edit_main_tr14', w_regExp_status == 'yes');
}

function set_regExpArgument(id) {
  if (document.getElementById(id + "form_id_temp").value.length <= 0) {
    document.getElementById(id + "form_id_temp").setAttribute("value", "i");
  }
  else {
    document.getElementById(id + "form_id_temp").setAttribute("value", "");
  }
}

function create_alert_message(i, w_regExp_status, w_regExp_alert) {
  var label = jQuery('<label class="fm-field-label regExp_cell" for="regExp_alert' + i + '">Alert Message</label>');
  var input = jQuery('<textarea id="regExp_alert' + i + '" class="regExp_cell fm-width-100" onKeyUp="change_regExpAlert(this.value, \'' + i + '_regExp_alertform_id_temp\')">' + w_regExp_alert + '</textarea>');
  return create_option_container(label, input, 'edit_main_tr15', w_regExp_status == 'yes');
}

function change_regExpAlert(regAlert, id) {
  document.getElementById(id).value = regAlert;
}

function create_additional_attributes(i, w_attr_name, type) {
  var label = jQuery('<label class="fm-field-label">Additional Attributes</label>');
  var button = jQuery('<span class="fm-add-attribute dashicons dashicons-plus-alt" onClick="add_attr(' + i + ', \'' + type + '\')" title="Add"></span>');
  var attr_table = jQuery('<div id="attributes" class="fm-width-100"></div>');
  var attr_header = jQuery('<div idi="0" class="fm-width-100"><div class="fm-header-label fm-width-45">Name</div><div class="fm-header-label fm-width-45">Value</div><div></div></div>');
  attr_table.append(attr_header);
  attr_table.hide();
  n = w_attr_name.length;
  for (j = 1; j <= n; j++) {
    var attr = jQuery('<div idi="' + j + '" id="attr_row_' + j + '" class="fm-width-100"><div class="fm-table-col fm-width-45"><input type="text" class="fm-field-choice" id="attr_name' + j + '" value="' + w_attr_name[j - 1] + '" onChange="change_attribute_name(\'' + i + '\', this, \'' + type + '\')" /></div><div class="fm-table-col fm-width-45"><input type="text" class="fm-field-choice" id="attr_value' + j + '" value="' + w_attr_value[j - 1] + '" onChange="change_attribute_value(' + i + ', ' + j + ', \'' + type + '\')" /></div><div class="fm-table-col"><span class="fm-remove-attribute dashicons dashicons-dismiss" id="el_choices' + j + '_remove" onClick="remove_attr(' + j + ', ' + i + ', \'' + type + '\')"></span></div></div>');
    attr_table.append(attr);
    attr_table.show();
  }

var input = label;
  input = input.add(button);
  input = input.add(attr_table);
  return create_option_container(null, input);
}

function add_attr(i, type) {
  var el_attr_table = jQuery('#attributes');
  el_attr_table.show();
  j = parseInt(el_attr_table.children().last().attr('idi')) + 1;
  w_attr_name = "attribute";
  w_attr_value = "value";
  var attr = jQuery('<div idi="' + j + '" id="attr_row_' + j + '" class="fm-width-100"><div class="fm-table-col fm-width-45"><input type="text" class="fm-field-choice" id="attr_name' + j + '" value="' + w_attr_name + '" onChange="change_attribute_name(\'' + i + '\', this, \'' + type + '\')" /></div><div class="fm-table-col fm-width-45"><input type="text" class="fm-field-choice" id="attr_value' + j + '" value="' + w_attr_value + '" onChange="change_attribute_value(' + i + ', ' + j + ', \'' + type + '\')" /></div><div class="fm-table-col"><span class="fm-remove-attribute dashicons dashicons-dismiss" id="el_choices' + j + '_remove" onClick="remove_attr(' + j + ', ' + i + ', \'' + type + '\')"></span></div></div>');
  el_attr_table.append(attr);
  refresh_attr(i, type);

jQuery('#edit_table').scrollTop(jQuery("#attributes").offset().top);
}

function remove_attr(id, el_id,type) {
  tr = jQuery("#attr_row_" + id);
  table = jQuery("#attributes");
  tr.remove();
  if (table.children().length == 1) {
    table.hide();
  }
  refresh_attr(el_id, type);
}

for (q = 0; q < id_array.length; q++) {
    id = id_array[q];
    var input = document.getElementById(id);
    if (input) {
      atr = input.attributes;
      for (i = 0; i < 30; i++) {
        if (atr[i]) {
          if (atr[i].name.indexOf("add_") == 0) {
            input.removeAttribute(atr[i].name);
            i--;
          }
        }
      }
      for (i = 0; i < 10; i++) {
        if (document.getElementById("attr_name" + i)) {
          try {
            input.setAttribute("add_" + document.getElementById("attr_name" + i).value, document.getElementById("attr_value" + i).value)
          }
          catch (err) {
            alert('Only letters, numbers, hyphens and underscores are allowed.');
          }
        }
      }
    }
  }
}

function go_to_type_text(new_id) {
  w_attr_name = [];
  w_attr_value = [];
  type_text(new_id, 'Text', '', 'top', 'no', '', '', '', 'no', 'no', '', '', '', 'Incorrect Value', 'no', w_attr_name, w_attr_value, 'no', '');
}

function delete_last_child() {
  if (document.getElementById("form_maker_editor_ifr")) {
    ifr_id = "form_maker_editor_ifr";
    ifr = getIFrameDocument(ifr_id);
    ifr.body.innerHTML = "";
  }
  document.getElementById('main_editor').style.display = "none";
  jQuery('#form_maker_editor').val('');
  jQuery('#show_table').empty();
  jQuery('#edit_table').empty();
}

function type_text(i, w_field_label, w_field_label_size, w_field_label_pos, w_hide_label, w_size, w_first_val, w_title, w_required, w_regExp_status, w_regExp_value, w_regExp_common, w_regExp_arg, w_regExp_alert, w_unique, w_attr_name, w_attr_value, w_readonly, w_class) {
  jQuery("#element_type").val("type_text");
  delete_last_child();

// Preview
  element = 'input';
  cur_type = 'text';
  var adding_type = document.createElement("input");
  adding_type.setAttribute("type", "hidden");
  adding_type.setAttribute("value", "type_text");
  adding_type.setAttribute("name", i + "_typeform_id_temp");
  adding_type.setAttribute("id", i + "_typeform_id_temp");

var adding_required = document.createElement("input");
  adding_required.setAttribute("type", "hidden");
  adding_required.setAttribute("value", w_required);
  adding_required.setAttribute("name", i + "_requiredform_id_temp");
  adding_required.setAttribute("id", i + "_requiredform_id_temp");

var adding_readonly = document.createElement("input");
  adding_readonly.setAttribute("type", "hidden");
  adding_readonly.setAttribute("value", w_readonly);
  adding_readonly.setAttribute("name", i + "_readonlyform_id_temp");
  adding_readonly.setAttribute("id", i + "_readonlyform_id_temp");

var adding_hide_label = document.createElement("input");
  adding_hide_label.setAttribute("type", "hidden");
  adding_hide_label.setAttribute("value", w_hide_label);
  adding_hide_label.setAttribute("name", i + "_hide_labelform_id_temp");
  adding_hide_label.setAttribute("id", i + "_hide_labelform_id_temp");

var adding_unique = document.createElement("input");
  adding_unique.setAttribute("type", "hidden");
  adding_unique.setAttribute("value", w_unique);
  adding_unique.setAttribute("name", i + "_uniqueform_id_temp");
  adding_unique.setAttribute("id", i + "_uniqueform_id_temp");

var adding = document.createElement(element);
  adding.setAttribute("type", cur_type);

if (w_title == w_first_val) {
    adding.style.cssText = "width:" + w_size + "px;";
  }
  else {
    adding.style.cssText = "width:" + w_size + "px;";
  }
  adding.setAttribute("id", i + "_elementform_id_temp");
  adding.setAttribute("name", i + "_elementform_id_temp");
  adding.setAttribute("value", w_first_val);
  adding.setAttribute("title", w_title);
  adding.setAttribute("placeholder", w_title);
  if (w_readonly == 'yes')
    adding.setAttribute("readonly", "readonly");

var adding_regExp_status = document.createElement("input");
  adding_regExp_status.setAttribute("type", "hidden");
  adding_regExp_status.setAttribute("value", w_regExp_status);
  adding_regExp_status.setAttribute("name", i + "_regExpStatusform_id_temp");
  adding_regExp_status.setAttribute("id", i + "_regExpStatusform_id_temp");

var adding_regArg = document.createElement("input");
  adding_regArg.setAttribute("type", "hidden");
  adding_regArg.setAttribute("value", w_regExp_arg);
  adding_regArg.setAttribute("name", i + "_regArgumentform_id_temp");
  adding_regArg.setAttribute("id", i + "_regArgumentform_id_temp");

var adding_regExp_common = document.createElement("input");
  adding_regExp_common.setAttribute("type", "hidden");
  adding_regExp_common.setAttribute("value", w_regExp_common);
  adding_regExp_common.setAttribute("name", i + "_regExp_commonform_id_temp");
  adding_regExp_common.setAttribute("id", i + "_regExp_commonform_id_temp");

var adding_regExp_value = document.createElement("input");
  adding_regExp_value.setAttribute("type", "hidden");
  adding_regExp_value.setAttribute("value", escape(w_regExp_value));
  adding_regExp_value.setAttribute("name", i + "_regExp_valueform_id_temp");
  adding_regExp_value.setAttribute("id", i + "_regExp_valueform_id_temp");

var adding_regExp_alert = document.createElement("input");
  adding_regExp_alert.setAttribute("type", "hidden");
  adding_regExp_alert.setAttribute("value", w_regExp_alert);
  adding_regExp_alert.setAttribute("name", i + "_regExp_alertform_id_temp");
  adding_regExp_alert.setAttribute("id", i + "_regExp_alertform_id_temp");

var div = document.createElement('div');
  div.setAttribute("id", "main_div");

var div_field = document.createElement('div');
  div_field.setAttribute("id", i + "_elemet_tableform_id_temp");

var display_label_div = (w_hide_label == "yes" ? "none" : "table-cell");
  var div_label = document.createElement('div');
  div_label.setAttribute("align", 'left');
  div_label.style.cssText = 'display:' + display_label_div;
  div_label.style.width = w_field_label_size + 'px';
  div_label.setAttribute("id", i + "_label_sectionform_id_temp");

var div_element = document.createElement('div');
  div_element.setAttribute("align", 'left');
  div_element.style.display = "table-cell";
  div_element.setAttribute("id", i + "_element_sectionform_id_temp");

var br = document.createElement('br');

var label = document.createElement('span');
  label.setAttribute("id", i + "_element_labelform_id_temp");
  label.innerHTML = w_field_label;
  label.setAttribute("class", "label");
  label.style.verticalAlign = "top";

var main_td = document.getElementById('show_table');

div_label.appendChild(label);
  div_label.appendChild(required);
  div_element.appendChild(adding_type);
  div_element.appendChild(adding_required);
  div_element.appendChild(adding_readonly);
  div_element.appendChild(adding_hide_label);
  div_element.appendChild(adding_regExp_status);
  div_element.appendChild(adding_regExp_value);
  div_element.appendChild(adding_regExp_common);
  div_element.appendChild(adding_regExp_alert);
  div_element.appendChild(adding_regArg);
  div_element.appendChild(adding_unique);
  div_element.appendChild(adding);
  div_field.appendChild(div_label);
  div_field.appendChild(div_element);

div.appendChild(div_field);
  div.appendChild(br);
  main_td.appendChild(div);

jQuery("#main_div").append( form_maker.type_text_description );

if (w_field_label_pos == "top")
    label_top(i);
  change_class(w_class, i);
  refresh_attr(i, 'type_text');
}

function create_upload_max_size(i, w_max_size) {
  var label = jQuery('<label class="fm-field-label" for="edit_for_max_size">Maximum size(KB)</label>');
  var input = jQuery('<input type="text" class="fm-width-100" id="edit_for_max_size" onKeyPress="return check_isnum(event)" onChange="change_file_value(this.value,\'' + i + '_max_size\', \'***max_sizeskizb' + i + '***\', \'***max_sizeverj' + i + '***\')" value="' + w_max_size + '" /><p class="description">' + form_maker.upload_max_size + '</p>');
  return create_option_container(label, input);
}

function change_file_value(destination, id, prefix , postfix ) {
  if (typeof(prefix) == 'undefined') {
    prefix = '';
    postfix = ''
  }
  input = document.getElementById(id);
  input.value = prefix + destination + postfix;
  input.setAttribute("value", prefix + destination + postfix);
}

function create_upload_destination(i, w_destination) {
  var label = jQuery('<label class="fm-field-label" for="el_destination_input">Destination</label>');
  var input = jQuery('<b id="el_destination_input_info">'+ upload_url.replace(fm_site_url, '') +'/</b><input type="text" class="fm-width-100" id="el_destination_input" onChange="change_file_value(this.value,\'' + i + '_destination\', \'***destinationskizb' + i + '***\', \'***destinationverj' + i + '***\')" value="' + w_destination.replace(upload_url, '') + '" />');
  return create_option_container(label, input);
}

function create_upload_extensions(i, w_extension) {
  var label = jQuery('<label class="fm-field-label" for="edit_for_extension">Allowed file extensions</label>');
  var input = jQuery('<textarea class="fm-width-100" id="edit_for_extension" rows="4" onChange="change_file_value(this.value,\'' + i + '_extension\', \'***extensionskizb' + i + '***\', \'***extensionverj' + i + '***\')">' + w_extension + '</textarea>');
  return create_option_container(label, input);
}

function create_class(i, w_class) {
  var label = jQuery('<label class="fm-field-label" for="el_style_textarea">Class name</label>');
  var input = jQuery('<input type="text" class="fm-width-100" id="el_style_textarea" onChange="change_class(this.value,' + i + ')" value="' + w_class + '" />');
  return create_option_container(label, input);
}

function change_class(x,id) {
  if (document.getElementById(id + '_label_sectionform_id_temp')) {
    document.getElementById(id + '_label_sectionform_id_temp').setAttribute("class", x);
  }
  if (document.getElementById(id + '_element_sectionform_id_temp')) {
    document.getElementById(id + '_element_sectionform_id_temp').setAttribute("class", x);
  }
}

function create_multiple_upload(i, w_multiple) {
  var label = jQuery('<label class="fm-field-label" for="el_multiple">Allow Uploading Multiple Files</label>');
  var input = jQuery('<input type="checkbox" id="el_multiple" onchange="set_multiple(' + i + ', this.checked)"' + (w_multiple == 'yes' ? ' checked="checked"' : '') + ' />');
  return create_option_container(label, input);
}

function set_multiple(i, status) {
  if (status) {
    document.getElementById(i + "_elementform_id_temp").setAttribute('multiple', 'multiple');
  }
  else {
    document.getElementById(i + "_elementform_id_temp").removeAttribute('multiple');
  }
}

function type_file_upload(i, w_field_label, w_field_label_size, w_field_label_pos, w_hide_label, w_destination, w_extension, w_max_size, w_required, w_multiple, w_class, w_attr_name, w_attr_value) {
  jQuery("#element_type").val("type_file_upload");
  delete_last_child();

advanced_options_container.append(create_class(i, w_class));
  advanced_options_container.append(create_multiple_upload(i, w_multiple));
  advanced_options_container.append(create_additional_attributes(i, w_attr_name, 'type_file_upload'));

// Preview
  element = 'input';
  type = 'file';
  var adding_type = document.createElement("input");
  adding_type.setAttribute("type", "hidden");
  adding_type.setAttribute("value", "type_file_upload");
  adding_type.setAttribute("name", i + "_typeform_id_temp");
  adding_type.setAttribute("id", i + "_typeform_id_temp");

var adding = document.createElement(element);
  adding.setAttribute("type", type);
  adding.setAttribute("class", "file_upload");
  adding.setAttribute("id", i + "_elementform_id_temp");
  adding.setAttribute("name", i + "_fileform_id_temp");
  if (w_multiple == "yes")
    adding.setAttribute("multiple", "multiple");

var adding_max_size = document.createElement("input");
  adding_max_size.setAttribute("type", "hidden");
  adding_max_size.setAttribute("value", '***max_sizeskizb' + i + '***' + w_max_size + '***max_sizeverj' + i + '***');
  adding_max_size.setAttribute("id", i + "_max_size");
  adding_max_size.setAttribute("name", i + "_max_size");

var adding_destination = document.createElement("input");
  adding_destination.setAttribute("type", "hidden");
  adding_destination.setAttribute("value", '***destinationskizb' + i + '***' + w_destination + '***destinationverj' + i + '***');
  adding_destination.setAttribute("id", i + "_destination");
  adding_destination.setAttribute("name", i + "_destination");
  var adding_extension = document.createElement("input");
  adding_extension.setAttribute("type", "hidden");
  adding_extension.setAttribute("value", '***extensionskizb' + i + '***' + w_extension + '***extensionverj' + i + '***');
  adding_extension.setAttribute("id", i + "_extension");
  adding_extension.setAttribute("name", i + "_extension");

var div = document.createElement('div');
  div.setAttribute("id", "main_div");

var div_field = document.createElement('div');
  div_field.setAttribute("id", i + "_elemet_tableform_id_temp");

var display_label_div = (w_hide_label == "yes" ? "none" : "table-cell");
  var div_label = document.createElement('div');
  div_label.setAttribute("align", 'left');
  div_label.style.display = display_label_div;
  div_label.style.width = w_field_label_size + "px";
  div_label.setAttribute("id", i + "_label_sectionform_id_temp");

var br1 = document.createElement('br');
  var br2 = document.createElement('br');
  var br3 = document.createElement('br');
  var br4 = document.createElement('br');

div_label.appendChild(label);
  div_label.appendChild(required);
  div_element.appendChild(adding_hide_label);
  div_element.appendChild(adding_type);
  div_element.appendChild(adding_required);

div_element.appendChild(adding_max_size);
  div_element.appendChild(adding_destination);
  div_element.appendChild(adding_extension);
  div_element.appendChild(adding);
  div_field.appendChild(div_label);
  div_field.appendChild(div_element);

div.appendChild(div_field);
  div.appendChild(br3);
  main_td.appendChild(div);
  jQuery("#main_div").append( form_maker.type_file_upload_description );
  if (w_field_label_pos == "top")
    label_top(i);
  change_class(w_class, i);
  refresh_attr(i, 'type_text');
}

function go_to_type_stripe(new_id) {
  if (document.getElementById('is_stripe')) return false;
  type_stripe(new_id, 'Stripe', '', 'top', 'yes', '', '');
}

function type_stripe(i, w_field_label, w_field_label_size, w_field_label_pos, w_hide_label, w_size, w_class ) {
  jQuery("#element_type").val("type_stripe");
  delete_last_child();

//show table

var adding_type = document.createElement("input");
  adding_type.setAttribute("type", "hidden");
  adding_type.setAttribute("value", "type_stripe");
  adding_type.setAttribute("name", i + "_typeform_id_temp");
  adding_type.setAttribute("id", i + "_typeform_id_temp");

var div = document.createElement('div');
  div.setAttribute("id", "main_div");

var div_field = document.createElement('div');
  div_field.setAttribute("id", i + "_elemet_tableform_id_temp");

var br1 = document.createElement('br');
  var br2 = document.createElement('br');
  var br3 = document.createElement('br');
  var br4 = document.createElement('br');

var main_td = document.getElementById('show_table');

div_label.appendChild(label);

div_element.innerHTML = "<div id='" + i + "_elementform_id_temp' style='width:" + w_size + "px; margin:10px; border: 1px solid #000; min-width:80px;text-align:center;'> Stripe Section</div><input type='hidden' id='is_stripe' />";
  div_element.appendChild(adding_type);
  div_element.appendChild(adding_hide_label);
  div_field.appendChild(div_label);
  div_field.appendChild(div_element);

div.appendChild(div_field);
  div.appendChild(br3);
  main_td.appendChild(div);
  jQuery("#main_div").append( form_maker.type_stripe_description );

if (w_field_label_pos == "top") {
    label_top_stripe(i);
  }
  else {
    label_left_stripe();
  }

change_class(w_class, i);
}

function create_field_size_2(i, w_size_w, w_size_h) {
  var label = jQuery('<label class="fm-field-label" for="edit_for_input_size">Size(px)</label>');
  var input = jQuery('<input type="text" class="fm-width-40" id="edit_for_input_size" onKeyPress="return check_isnum(event)" onKeyUp="change_w_style(\'' + i + '_elementform_id_temp\', this.value)" value="' + w_size_w + '" />x<input type="text" class="fm-width-40" id="edit_for_input_size" onKeyPress="return check_isnum(event)" onKeyUp="change_h_style(\'' + i + '_elementform_id_temp\', this.value)" value="' + w_size_h + '" /><p class="description">' + form_maker.leave_empty + '</p>');
  return create_option_container(label, input);
}

function go_to_type_textarea(new_id) {
  w_attr_name = [];
  w_attr_value = [];
  type_textarea(new_id, 'Textarea', '', 'top', 'no', '', '100', '', '', '', 'no', 'no', '', w_attr_name, w_attr_value)
}

function type_textarea(i, w_field_label, w_field_label_size, w_field_label_pos, w_hide_label, w_size_w, w_size_h, w_first_val, w_characters_limit, w_title, w_required, w_unique, w_class, w_attr_name, w_attr_value) {
  jQuery("#element_type").val("type_textarea");
  delete_last_child();

// Preview
  element = 'textarea';
  var adding_type = document.createElement("input");
  adding_type.setAttribute("type", "hidden");
  adding_type.setAttribute("value", "type_textarea");
  adding_type.setAttribute("name", i + "_typeform_id_temp");
  adding_type.setAttribute("id", i + "_typeform_id_temp");
  var adding_required = document.createElement("input");
  adding_required.setAttribute("type", "hidden");
  adding_required.setAttribute("value", w_required);
  adding_required.setAttribute("name", i + "_requiredform_id_temp");
  adding_required.setAttribute("id", i + "_requiredform_id_temp");

var adding_characters_limit = document.createElement("input");
  adding_characters_limit.setAttribute("type", "hidden");
  adding_characters_limit.setAttribute("value", w_characters_limit);
  adding_characters_limit.setAttribute("name", i + "_charlimitform_id_temp");
  adding_characters_limit.setAttribute("id", i + "_charlimitform_id_temp");

var div = document.createElement('div');
  div.setAttribute("id", "main_div");

var div_field = document.createElement('div');
  div_field.setAttribute("id", i + "_elemet_tableform_id_temp");

var display_label_div = (w_hide_label == "yes" ? "none" : "table-cell");
  var div_label = document.createElement('div');
  div_label.setAttribute("align", 'left');
  div_label.style.display = display_label_div;
  div_label.style.width = w_field_label_size + "px";
  div_label.style.verticalAlign = "top";
  div_label.setAttribute("id", i + "_label_sectionform_id_temp");

adding.setAttribute("id", i + "_elementform_id_temp");
  adding.setAttribute("name", i + "_elementform_id_temp");
  adding.setAttribute("title", w_title);
  adding.setAttribute("placeholder", w_title);
  adding.setAttribute("value", w_first_val);
  adding.setAttribute("maxlength", w_characters_limit);
  adding.innerHTML = w_first_val;

var main_td = document.getElementById('show_table');

div.appendChild(div_field);
  main_td.appendChild(div);

jQuery("#main_div").append( '<br>'+form_maker.type_textarea_description );

if (w_field_label_pos == "top")
    label_top(i);
  change_class(w_class, i);
  refresh_attr(i, 'type_text');
}

function create_spinner_width(i, w_field_width) {
  var label = jQuery('<label class="fm-field-label" for="edit_for_spinner_width">Width(px)</label>');
  var input = jQuery('<input class="fm-width-100" type="text" id="edit_for_spinner_width" onKeyPress="return check_isnum(event)" onKeyUp="change_spinner_width(this.value,' + i + ',\'form_id_temp\')" value="' + w_field_width + '" /><p class="description">' + form_maker.leave_empty + '</p>');
  return create_option_container(label, input);
}

function change_spinner_width(a, id, form_id) {
  document.getElementById(id + "_elementform_id_temp").style.cssText = "width:" + a + "px";
  document.getElementById(id + "_spinner_widthform_id_temp").value = a;
}

function create_spinner_step(i, w_field_step) {
  var label = jQuery('<label class="fm-field-label" for="edit_for_spinner_step">Step</label>');
  var input = jQuery('<input class="fm-width-100" type="text" id="edit_for_spinner_step" onKeyPress="return check_isnum(event)" onKeyUp="change_spinner_step(this.value,' + i + ',\'form_id_temp\')" value="' + w_field_step + '" />');
  return create_option_container(label, input);
}

function change_spinner_step(a, id, form_id) {
  jQuery("#" + id + "_elementform_id_temp").spinner({step: a});
  document.getElementById(id + "_stepform_id_temp").value = a;
}

function create_spinner_minvalue(i, w_field_min_value) {
  var label = jQuery('<label class="fm-field-label" for="edit_for_spinner_min_value">Min Value</label>');
  var input = jQuery('<input class="fm-width-100" type="text" id="edit_for_spinner_min_value" onKeyPress="return check_isnum_or_minus(event)" onKeyUp="change_spinner_min_value(this.value,' + i + ',\'form_id_temp\')" value="' + w_field_min_value + '" />');
  return create_option_container(label, input);
}

function change_spinner_min_value(a, id, form_id) {
  jQuery("#" + id + "_elementform_id_temp").spinner({min: a});
  document.getElementById(id + "_min_valueform_id_temp").value = a;
}

function create_spinner_maxvalue(i, w_field_max_value) {
  var label = jQuery('<label class="fm-field-label" for="edit_for_spinner_max_value">Max Value</label>');
  var input = jQuery('<input class="fm-width-100" type="text" id="edit_for_spinner_max_value" onKeyPress="return check_isnum_or_minus(event)" onKeyUp="change_spinner_max_value(this.value,' + i + ',\'form_id_temp\')" value="' + w_field_max_value + '" />');
  return create_option_container(label, input);
}

function change_spinner_max_value(a, id, form_id) {
  jQuery("#" + id + "_elementform_id_temp").spinner({max: a});
  document.getElementById(id + "_max_valueform_id_temp").value = a;
}

function go_to_type_spinner(new_id) {
  w_attr_name = [];
  w_attr_value = [];
  type_spinner(new_id, 'Number', '', 'top', 'no', '60', '', '', '1', '', 'no', '', w_attr_name, w_attr_value);
}

function type_spinner(i, w_field_label, w_field_label_size, w_field_label_pos, w_hide_label, w_field_width, w_field_min_value, w_field_max_value, w_field_step, w_field_value, w_required, w_class, w_attr_name, w_attr_value) {
  jQuery("#element_type").val("type_spinner");
  delete_last_child();

var t = jQuery('#edit_table');
  var edit_div = jQuery('<div id="edit_div"></div>');
  t.append(edit_div);
  var edit_main_table = jQuery('<div id="edit_main_table"></div>');
  edit_div.append(edit_main_table);
  edit_main_table.append(create_field_type('type_spinner'));
  edit_main_table.append(create_label(i, w_field_label));
  edit_main_table.append(create_label_position(i, w_field_label_pos));
  edit_main_table.append(create_hide_label(i, w_hide_label));
  edit_main_table.append(create_required(i, w_required));
  edit_main_table.append(create_spinner_step(i, w_field_step));
  edit_main_table.append(create_spinner_minvalue(i, w_field_min_value));
  edit_main_table.append(create_spinner_maxvalue(i, w_field_max_value));
  edit_main_table.append(create_spinner_width(i, w_field_width));

// Preview
  var adding_type = document.createElement("input");
  adding_type.setAttribute("type", "hidden");
  adding_type.setAttribute("value", "type_spinner");
  adding_type.setAttribute("name", i + "_typeform_id_temp");
  adding_type.setAttribute("id", i + "_typeform_id_temp");
  var adding_required = document.createElement("input");
  adding_required.setAttribute("type", "hidden");
  adding_required.setAttribute("value", w_required);
  adding_required.setAttribute("name", i + "_requiredform_id_temp");
  adding_required.setAttribute("id", i + "_requiredform_id_temp");

var adding_width = document.createElement("input");
  adding_width.setAttribute("type", "hidden");
  adding_width.setAttribute("value", w_field_width);
  adding_width.setAttribute("name", i + "_spinner_widthform_id_temp");
  adding_width.setAttribute("id", i + "_spinner_widthform_id_temp");

var adding_min_value = document.createElement("input");
  adding_min_value.setAttribute("type", "hidden");
  adding_min_value.setAttribute("value", w_field_min_value);
  adding_min_value.setAttribute("id", i + "_min_valueform_id_temp");
  adding_min_value.setAttribute("name", i + "_min_valueform_id_temp");

var adding_max_value = document.createElement("input");
  adding_max_value.setAttribute("type", "hidden");
  adding_max_value.setAttribute("value", w_field_max_value);
  adding_max_value.setAttribute("name", i + "_max_valueform_id_temp");
  adding_max_value.setAttribute("id", i + "_max_valueform_id_temp");

var adding_step = document.createElement("input");
  adding_step.setAttribute("type", "hidden");
  adding_step.setAttribute("value", w_field_step);
  adding_step.setAttribute("name", i + "_stepform_id_temp");
  adding_step.setAttribute("id", i + "_stepform_id_temp");

var adding_spinner_input = document.createElement("input");
  adding_spinner_input.setAttribute("type", "");
  adding_spinner_input.style.cssText = "width:" + w_field_width + "px";
  adding_spinner_input.setAttribute("name", i + "_elementform_id_temp");
  adding_spinner_input.setAttribute("id", i + "_elementform_id_temp");
  adding_spinner_input.setAttribute("value", w_field_value);
  adding_spinner_input.setAttribute("onClick", "check_isnum_or_minus(event)");
  adding_spinner_input.setAttribute("onKeyPress", "return check_isnum_or_minus(event)");

var div = document.createElement('div');
  div.setAttribute("id", "main_div");

var div_field = document.createElement('div');
  div_field.setAttribute("id", i + "_elemet_tableform_id_temp");

var display_label_div = (w_hide_label == "yes" ? "none" : "table-cell")
  var div_label = document.createElement('div');
  div_label.setAttribute("align", 'left');
  div_label.style.display = display_label_div;
  div_label.style.width = w_field_label_size + "px";
  div_label.setAttribute("id", i + "_label_sectionform_id_temp");

var br1 = document.createElement('br');

var label = document.createElement('span');
  label.setAttribute("id", i + "_element_labelform_id_temp");
  label.innerHTML = w_field_label;
  label.setAttribute("class", "label");

div_label.appendChild(label);
  div_label.appendChild(required);
  div_element.appendChild(adding_hide_label);
  div_element.appendChild(adding_type);

div_element.appendChild(adding_required);
  div_element.appendChild(adding_width);
  div_element.appendChild(adding_min_value);
  div_element.appendChild(adding_max_value);
  div_element.appendChild(adding_step);
  div_element.appendChild(adding_spinner_input);
  div_field.appendChild(div_label);
  div_field.appendChild(div_element);

div.appendChild(div_field);
  div.appendChild(br1);
  main_td.appendChild(div);
  if (w_field_label_pos == "top")
    label_top(i);

change_class(w_class, i);
  refresh_attr(i, 'type_spinner');

jQuery("#" + i + "_elementform_id_temp").spinner();
  var spinner = jQuery("#" + i + "_elementform_id_temp").spinner();
  if ( w_field_value == null ) {
    spinner.spinner("value", "");
  }

jQuery("#" + i + "_elementform_id_temp").spinner({min: w_field_min_value});
  jQuery("#" + i + "_elementform_id_temp").spinner({max: w_field_max_value});
  jQuery("#" + i + "_elementform_id_temp").spinner({step: w_field_step});

jQuery("#main_div").append( form_maker.type_number_description );
}

function create_date_format(i, w_format) {
  var label = jQuery('<label class="fm-field-label" for="date_format">Date Format</label>');
  var input = jQuery('<input class="fm-width-100" type="text" id="date_format" onChange="change_date_format(this.value, ' + i + ', \'format\')" value="' + w_format + '" />');
  return create_option_container(label, input);
}

function change_date_format(value, id, element) {
  var input_p = document.getElementById(id + '_buttonform_id_temp');
  var default_date_start = document.getElementById('default_date_start');
  var default_date_end = document.getElementById('default_date_end');
  var min_date = document.getElementById('min_date');
  var max_date = document.getElementById('max_date');

if ( element == 'format' ) {
    var dis_past_days = document.getElementById(id + '_dis_past_daysform_id_temp').value == 'yes' ? true : false;
    input_p.setAttribute("format", value);
    min_date.setAttribute("placeholder", value);
    max_date.setAttribute("placeholder", value);
    if ( default_date_start || default_date_start ) {
      default_date_start.setAttribute("placeholder", value);
      default_date_end.setAttribute("placeholder", value);
    }
  }
  else {
    document.getElementById(id + '_dis_past_daysform_id_temp').value = (value == true ? 'yes' : 'no');
    var dis_past_days = value == true ? true : false;
    var value = document.getElementById('date_format').value;
  }
  jQuery("[name^=" + id + "_elementform_id_temp]").datepicker('option', 'dateFormat', value);
}

function create_week_start(i, w_start_day) {
  var label = jQuery('<label class="fm-field-label">First Day of the Week</label>');
  var input = jQuery('<select class="fm-width-100" id="start_day" name="start_day" onChange="change_start_day(this.value,' + i + ')"></select>');

var index = 0;
  var week_days = [];
  week_days[0] = form_maker.sunday;
  week_days[1] = form_maker.monday;
  week_days[2] = form_maker.tuesday;
  week_days[3] = form_maker.wednesday;
  week_days[4] = form_maker.thursday;
  week_days[5] = form_maker.friday;
  week_days[6] = form_maker.saturday;

for (var keys  in week_days) {
    if (!week_days.hasOwnProperty(keys)) {
      continue;
    }
    var el_option = jQuery('<option value="' + keys + '"' + (w_start_day == index ? ' selected="selected"' : '') + '>' + week_days[keys] + '</option>');
    input.append(el_option);
    index++;
  }

return create_option_container(label, input);
}

function change_start_day(day_number, id) {
  document.getElementById(id + '_start_dayform_id_temp').value = day_number;
  jQuery("input[name^=" + id + "_elementform_id_temp]").datepicker('option', 'firstDay', day_number);
}

function create_default_date(i, w_default_date) {
  var w_format = jQuery("#date_format").val();
  var label = jQuery('<label class="fm-field-label" for="default_date">Default Date</label>');
  var input = jQuery('<input class="fm-width-100" type="text" id="default_date" placeholder="' + w_format + '" onChange="change_hidden_input_value(this.value, \'default_date\', ' + i + ', \'' + i + '_default_date_id_temp\')" value="' + w_default_date + '" />');
  return create_option_container(label, input);
}

var day = date.getDay();
      var string_days = jQuery.datepicker.formatDate(date_format, date);
      return [invalid_dates_finish.indexOf(string_days) == -1 && eval(w_hide_sunday) && eval(w_hide_monday) && eval(w_hide_tuesday) && eval(w_hide_wednesday) && eval(w_hide_thursday) && eval(w_hide_friday) && eval(w_hide_saturday)];
    });
  }
}

function create_minimum_date(i, w_min_date, range) {
  var w_format = jQuery("#date_format").val();
  var label = jQuery('<label class="fm-field-label" for="min_date">Minimum Date</label>');
  var input = jQuery('<input class="fm-width-100" type="text" id="min_date" placeholder="' + w_format + '" onChange="' + (range == true ? 'change_hidden_input_value_range(this.value, \'minDate\', \'start\', \'' + i + '\', \'' + i + '_min_date_id_temp\')' : 'change_hidden_input_value(this.value, \'minDate\', ' + i + ', \'' + i + '_min_date_id_temp\')') + '" value="' + w_min_date + '" />');
  return create_option_container(label, input);
}

function create_maximum_date(i, w_max_date, range) {
  var w_format = jQuery("#date_format").val();
  var label = jQuery('<label class="fm-field-label" for="max_date">Maximum Date</label>');
  var input = jQuery('<input class="fm-width-100" type="text" id="max_date" placeholder="' + w_format + '" onChange="' + (range == true ? 'change_hidden_input_value_range(this.value, \'maxDate\', \'end\', ' + i + ', \'' + i + '_max_date_id_temp\')' : 'change_hidden_input_value(this.value, \'maxDate\', ' + i + ', \'' + i + '_max_date_id_temp\')') + '" value="' + w_max_date + '" />');
  return create_option_container(label, input);
}

function create_excluded_dates(i, w_invalid_dates, range) {
  var label = jQuery('<label class="fm-field-label" for="invalid_dates">Dates to Exclude</label>');
  var input = jQuery('<textarea class="fm-width-100" id="invalid_dates" rows="4" onChange="' + (range == true ? 'change_hidden_input_value_range(this.value, \'invalide_date\', \'\', ' + i + ', \'' + i + '_invalid_dates_id_temp\')' : 'change_hidden_input_value(this.value, \'invalide_date\', ' + i + ', \'' + i + '_invalid_dates_id_temp\')') + '">' + w_invalid_dates + '</textarea>');
  return create_option_container(label, input);
}

function create_show_date_picker_button(i, w_show_image, type) {
  var label = jQuery('<label class="fm-field-label" for="el_show_image">Show Date Picker Button</label>');
  var input = jQuery('<input type="checkbox" id="el_show_image" onchange="show_image_datepicker(\'' + i + '_show_image\', \'' + type + '\')"' + (w_show_image == 'yes' ? ' checked="checked"' : '') + ' />');
  return create_option_container(label, input);
}

function create_selectable_week_days(i, w_show_days) {
  var label = jQuery('<label class="fm-field-label">Selectable Week Days</label>');
  var input1 = jQuery('<input type="checkbox" id="el_show_sunday" onclick="show_week_days(' + i + ', \'sunday\')"' + (w_show_days[0] == 'yes' ? ' checked="checked"' : '') + ' />');
  var label1 = jQuery('<label for="el_show_sunday">' + form_maker.sunday + '</label>');
  var input2 = jQuery('<input type="checkbox" id="el_show_monday" onclick="show_week_days(' + i + ', \'monday\')"' + (w_show_days[1] == 'yes' ? ' checked="checked"' : '') + ' />');
  var label2 = jQuery('<label for="el_show_monday">' + form_maker.monday + '</label>');
  var input3 = jQuery('<input type="checkbox" id="el_show_tuesday" onclick="show_week_days(' + i + ', \'tuesday\')"' + (w_show_days[2] == 'yes' ? ' checked="checked"' : '') + ' />');
  var label3 = jQuery('<label for="el_show_tuesday">' + form_maker.tuesday + '</label>');
  var input4 = jQuery('<input type="checkbox" id="el_show_wednesday" onclick="show_week_days(' + i + ', \'wednesday\')"' + (w_show_days[3] == 'yes' ? ' checked="checked"' : '') + ' />');
  var label4 = jQuery('<label for="el_show_wednesday">' + form_maker.wednesday + '</label>');
  var input5 = jQuery('<input type="checkbox" id="el_show_thursday" onclick="show_week_days(' + i + ', \'thursday\')"' + (w_show_days[4] == 'yes' ? ' checked="checked"' : '') + ' />');
  var label5 = jQuery('<label for="el_show_thursday">' + form_maker.thursday + '</label>');
  var input6 = jQuery('<input type="checkbox" id="el_show_friday" onclick="show_week_days(' + i + ', \'friday\')"' + (w_show_days[5] == 'yes' ? ' checked="checked"' : '') + ' />');
  var label6 = jQuery('<label for="el_show_friday">' + form_maker.friday + '</label>');
  var input7 = jQuery('<input type="checkbox" id="el_show_saturday" onclick="show_week_days(' + i + ', \'saturday\')"' + (w_show_days[6] == 'yes' ? ' checked="checked"' : '') + ' />');
  var label7 = jQuery('<label for="el_show_saturday">' + form_maker.saturday + '</label>');
  var input = input1;
  input = input.add(label1);
  input = input.add(jQuery('<br />'));
  input = input.add(input2);
  input = input.add(label2);
  input = input.add(jQuery('<br />'));
  input = input.add(input3);
  input = input.add(label3);
  input = input.add(jQuery('<br />'));
  input = input.add(input4);
  input = input.add(label4);
  input = input.add(jQuery('<br />'));
  input = input.add(input5);
  input = input.add(label5);
  input = input.add(jQuery('<br />'));
  input = input.add(input6);
  input = input.add(label6);
  input = input.add(jQuery('<br />'));
  input = input.add(input7);
  input = input.add(label7);
  return create_option_container(label, input);
}

function go_to_type_date_new(new_id) {
  w_attr_name = [];
  w_attr_value = [];
  w_show_days = ['yes', 'yes', 'yes', 'yes', 'yes', 'yes', 'yes'];
  type_date_new(new_id, 'Date', '', 'top', 'no', '', '', 'no', 'no', '', 'mm/dd/yy', '0', '', '', '', '', w_show_days, 'yes', '...', w_attr_name, w_attr_value, 'no');
}

function type_date_new(i, w_field_label, w_field_label_size, w_field_label_pos, w_hide_label, w_size, w_date, w_required, w_show_image, w_class, w_format, w_start_day, w_default_date, w_min_date, w_max_date,  w_invalid_dates, w_show_days, w_hide_time,  w_but_val, w_attr_name, w_attr_value,w_disable_past_days) {
  jQuery("#element_type").val("type_date_new");
  delete_last_child();

var t = jQuery('#edit_table');
  var edit_div = jQuery('<div id="edit_div"></div>');
  t.append(edit_div);
  var edit_main_table = jQuery('<div id="edit_main_table"></div>');
  edit_div.append(edit_main_table);
  edit_main_table.append(create_field_type('type_date_new'));
  edit_main_table.append(create_label(i, w_field_label));
  edit_main_table.append(create_label_position(i, w_field_label_pos));
  edit_main_table.append(create_hide_label(i, w_hide_label));
  edit_main_table.append(create_required(i, w_required));
  edit_main_table.append(create_field_size(i, w_size));
  edit_main_table.append(create_date_format(i, w_format));
  edit_main_table.append(create_week_start(i, w_start_day));

// Preview.
  var adding_type = document.createElement("input");
  adding_type.setAttribute("type", "hidden");
  adding_type.setAttribute("value", "type_date_new");
  adding_type.setAttribute("name", i + "_typeform_id_temp");
  adding_type.setAttribute("id", i + "_typeform_id_temp");

var adding_dis_past_days = document.createElement('input');
  adding_dis_past_days.setAttribute("type", 'hidden');
  adding_dis_past_days.setAttribute("value", w_disable_past_days);
  adding_dis_past_days.setAttribute("id", i + "_dis_past_daysform_id_temp");
  adding_dis_past_days.setAttribute("name", i + "_dis_past_daysform_id_temp");

/* adding hidden inputs new date  */

var adding_start_day = document.createElement("input");
  adding_start_day.setAttribute("type", "hidden");
  adding_start_day.setAttribute("value", w_start_day);
  adding_start_day.setAttribute("name", i + "_start_dayform_id_temp");
  adding_start_day.setAttribute("id", i + "_start_dayform_id_temp");

var adding_default_date = document.createElement("input");
  adding_default_date.setAttribute("type", "hidden");
  adding_default_date.setAttribute("name", i + "_default_date_id_temp");
  adding_default_date.setAttribute("id", i + "_default_date_id_temp");
  adding_default_date.setAttribute("value", w_default_date);

var adding_min_date = document.createElement("input");
  adding_min_date.setAttribute("type", "hidden");
  adding_min_date.setAttribute("name", i + "_min_date_id_temp");
  adding_min_date.setAttribute("id", i + "_min_date_id_temp");
  adding_min_date.setAttribute("value", w_min_date);

var adding_max_date = document.createElement("input");
  adding_max_date.setAttribute("type", "hidden");
  adding_max_date.setAttribute("name", i + "_max_date_id_temp");
  adding_max_date.setAttribute("id", i + "_max_date_id_temp");
  adding_max_date.setAttribute("value", w_max_date);

var adding_invalid_dates = document.createElement("input");
  adding_invalid_dates.setAttribute("type", "hidden");
  adding_invalid_dates.setAttribute("name", i + "_invalid_dates_id_temp");
  adding_invalid_dates.setAttribute("id", i + "_invalid_dates_id_temp");
  adding_invalid_dates.setAttribute("value", w_invalid_dates);

var adding_show_days = document.createElement("input");
  adding_show_days.setAttribute("type", "hidden");
  adding_show_days.setAttribute("name", i + "_show_week_days");
  adding_show_days.setAttribute("id", i + "_show_week_days");
  adding_show_days.setAttribute("sunday", w_show_days[0]);
  adding_show_days.setAttribute("monday", w_show_days[1]);
  adding_show_days.setAttribute("tuesday", w_show_days[2]);
  adding_show_days.setAttribute("wednesday", w_show_days[3]);
  adding_show_days.setAttribute("thursday", w_show_days[4]);
  adding_show_days.setAttribute("friday", w_show_days[5]);
  adding_show_days.setAttribute("saturday", w_show_days[6]);

var adding_show_image = document.createElement("input");
  adding_show_image.setAttribute("type", "hidden");
  adding_show_image.setAttribute("value", w_show_image);
  adding_show_image.setAttribute("name", i + "_show_imageform_id_temp");
  adding_show_image.setAttribute("id", i + "_show_imageform_id_temp");

var adding_hide_time = document.createElement("input");
  adding_hide_time.setAttribute("type", "hidden");
  adding_hide_time.setAttribute("value", w_hide_time);
  adding_hide_time.setAttribute("name", i + "_hide_timeform_id_temp");
  adding_hide_time.setAttribute("id", i + "_hide_timeform_id_temp");

var div = document.createElement('div');
  div.setAttribute("id", "main_div");

var div_field = document.createElement('div');
  div_field.setAttribute("id", i + "_elemet_tableform_id_temp");

var display_label_div = (w_hide_label == "yes" ? "none" : "table-cell");
  var div_label = document.createElement('div');
  div_label.setAttribute("align", 'left');
  div_label.style.display = display_label_div;
  div_label.style.width = w_field_label_size + "px";
  div_label.setAttribute("id", i + "_label_sectionform_id_temp");

var div_element = document.createElement('div');
  div_element.setAttribute("align", 'left');
  div_element.style.display = "table-cell";
  div_element.style.position = "relative";
  div_element.setAttribute("id", i + "_element_sectionform_id_temp");

var table_date = document.createElement('div');
  table_date.setAttribute("id", i + "_table_date");
  table_date.style.display = "table";

var tr_date1 = document.createElement('div');
  tr_date1.setAttribute("id", i + "_tr_date1");
  tr_date1.style.display = "table-row";

var tr_date2 = document.createElement('div');
  tr_date2.setAttribute("id", i + "_tr_date2");
  tr_date2.style.display = "table-row";

var td_date_input1 = document.createElement('div');
  td_date_input1.setAttribute("id", i + "_td_date_input1");
  td_date_input1.style.display = "table-cell";

var td_date_input2 = document.createElement('div');
  td_date_input2.setAttribute("id", i + "_td_date_input2");
  td_date_input2.style.display = "table-cell";

var td_date_input3 = document.createElement('div');
  td_date_input3.setAttribute("id", i + "_td_date_input3");
  td_date_input3.style.display = "table-cell";

var td_date_label1 = document.createElement('div');
  td_date_label1.setAttribute("id", i + "_td_date_label1");
  td_date_label1.style.display = "table-cell";

var td_date_label2 = document.createElement('div');
  td_date_label2.setAttribute("id", i + "_td_date_label2");
  td_date_label2.style.display = "table-cell";

var td_date_label3 = document.createElement('div');
  td_date_label3.setAttribute("id", i + "_td_date_label3");
  td_date_label3.style.display = "table-cell";

var br3 = document.createElement('br');
  var br4 = document.createElement('br');

var adding = document.createElement('input');
  adding.setAttribute("type", 'text');
  adding.setAttribute("value", w_date);
  adding.setAttribute("id", i + "_elementform_id_temp");
  adding.setAttribute("name", i + "_elementform_id_temp");
  adding.style.cssText = "width:" + w_size + "px;"

var adding_image = document.createElement('span');
  adding_image.setAttribute("id", i + "_show_imagedateform_id_temp");
  adding_image.setAttribute("class", "dashicons dashicons-calendar-alt wd-calendar-button " + (w_show_image == "yes" ? "wd-inline-block" : "wd-hidden"));
  adding_image.setAttribute("onClick", "show_datepicker('" + i + "_elementform_id_temp')");

var adding_desc_p = document.createElement('p');
  var adding_desc_b = document.createElement('b');

var text_format_1 = document.createTextNode("The format can be combinations of the following:");
  var text_format_2 = document.createTextNode("d - day of month (no leading zero)");
  var text_format_3 = document.createTextNode("dd - day of month (two digit)");
  var text_format_4 = document.createTextNode("o - day of the year (no leading zeros)");
  var text_format_5 = document.createTextNode("oo - day of the year (three digit)");
  var text_format_6 = document.createTextNode("D - day name short");
  var text_format_7 = document.createTextNode("DD - day name long");
  var text_format_8 = document.createTextNode("m - month of year (no leading zero)");
  var text_format_9 = document.createTextNode("mm - month of year (two digit)");
  var text_format_10 = document.createTextNode("M - month name short");
  var text_format_11 = document.createTextNode("MM - month name long");
  var text_format_12 = document.createTextNode("y - year (two digit)");
  var text_format_13 = document.createTextNode("yy - year (four digit)");

var format_br_1 = document.createElement('br');
  var format_br_2 = document.createElement('br');
  var format_br_3 = document.createElement('br');
  var format_br_4 = document.createElement('br');
  var format_br_5 = document.createElement('br');
  var format_br_6 = document.createElement('br');
  var format_br_7 = document.createElement('br');
  var format_br_8 = document.createElement('br');
  var format_br_9 = document.createElement('br');
  var format_br_10 = document.createElement('br');
  var format_br_11 = document.createElement('br');
  var format_br_12 = document.createElement('br');
  var format_br_13 = document.createElement('br');

var adding_desc_p_2 = document.createElement('p');
  var adding_desc_b_2 = document.createElement('b');

var text_default_1 = document.createTextNode("Accepted values of Default, Minimum and Maximum:");
  var text_default_2 = document.createTextNode("Empty: No default / minimum / maximum");
  var text_default_4 = document.createTextNode("Current date : 'today'");
  var text_default_5 = document.createTextNode("Relative date: A number of days/weeks/months/years from today, e.g. '-1d' will be yesterday, '+1y+3m+2w+3d' will be  1 year, 3 months, 2 weeks and 3 days from today.");

var adding_desc_p_3 = document.createElement('p');
  var adding_desc_b_3 = document.createElement('b');

var text_default_6 = document.createTextNode("Dates to exclude:");
  var text_default_7 = document.createTextNode("Enter comma-separated list of dates and date ranges using the date format 'mm/dd/yy', e.g. 08/15/2016, 06/15/2016-06/20/2016");

var default_br_1 = document.createElement('br');
  var default_br_2 = document.createElement('br');
  var default_br_4 = document.createElement('br');
  var default_br_5 = document.createElement('br');
  var default_br_6 = document.createElement('br');
  var default_br_7 = document.createElement('br');

var dis_past_days = w_disable_past_days == 'yes' ? true : false;

var adding_button = document.createElement('input');
  adding_button.setAttribute("id", i + "_buttonform_id_temp");
  adding_button.setAttribute("class", "button");
  adding_button.setAttribute("type", 'hidden');
  adding_button.setAttribute("value", w_but_val);
  adding_button.setAttribute("format", w_format);

var main_td = document.getElementById('show_table');

adding_desc_b.appendChild(text_format_1);
  adding_desc_p.appendChild(adding_desc_b);
  adding_desc_p.appendChild(format_br_1);
  adding_desc_p.appendChild(text_format_2);
  adding_desc_p.appendChild(format_br_2);
  adding_desc_p.appendChild(text_format_3);
  adding_desc_p.appendChild(format_br_3);
  adding_desc_p.appendChild(text_format_4);
  adding_desc_p.appendChild(format_br_4);
  adding_desc_p.appendChild(text_format_5);
  adding_desc_p.appendChild(format_br_5);
  adding_desc_p.appendChild(text_format_6);
  adding_desc_p.appendChild(format_br_6);
  adding_desc_p.appendChild(text_format_7);
  adding_desc_p.appendChild(format_br_7);
  adding_desc_p.appendChild(text_format_8);
  adding_desc_p.appendChild(format_br_8);
  adding_desc_p.appendChild(text_format_9);
  adding_desc_p.appendChild(format_br_9);
  adding_desc_p.appendChild(text_format_10);
  adding_desc_p.appendChild(format_br_10);
  adding_desc_p.appendChild(text_format_11);
  adding_desc_p.appendChild(format_br_11);
  adding_desc_p.appendChild(text_format_12);
  adding_desc_p.appendChild(format_br_12);
  adding_desc_p.appendChild(text_format_13);
  adding_desc_p.appendChild(format_br_13);

adding_desc_b_2.appendChild(text_default_1);
  adding_desc_p_2.appendChild(adding_desc_b_2);
  adding_desc_p_2.appendChild(default_br_1);
  adding_desc_p_2.appendChild(text_default_2);
  adding_desc_p_2.appendChild(default_br_2);
  adding_desc_p_2.appendChild(text_default_4);
  adding_desc_p_2.appendChild(default_br_4);
  adding_desc_p_2.appendChild(text_default_5);

adding_desc_b_3.appendChild(text_default_6);
  adding_desc_p_3.appendChild(adding_desc_b_3);
  adding_desc_p_3.appendChild(default_br_6);
  adding_desc_p_3.appendChild(text_default_7);
  adding_desc_p_3.appendChild(default_br_7);

/* adding hidden  inputs(new date) in div */

div_element.appendChild(adding_default_date);
  div_element.appendChild(adding_start_day);
  div_element.appendChild(adding_min_date);
  div_element.appendChild(adding_max_date);
  div_element.appendChild(adding_invalid_dates);
  div_element.appendChild(adding_hide_time);
  div_element.appendChild(adding_show_days);
  div_element.appendChild(adding_button);

div_field.appendChild(div_label);
  div_field.appendChild(div_element);

div.appendChild(div_field);
  div.appendChild(br3);
  div.appendChild(adding_desc_p);
  div.appendChild(adding_desc_p_2);
  div.appendChild(adding_desc_p_3);
  main_td.appendChild(div);

if (w_field_label_pos == "top")
    label_top(i);

change_class(w_class, i);
  refresh_attr(i, 'type_text');

jQuery("#" + i + "_elementform_id_temp").datepicker({
    dateFormat: w_format,
    minDate: w_min_date,
    maxDate: w_max_date,
    firstDay: w_start_day,
    changeMonth: true,
    changeYear: true,
    yearRange: "-100:+50",
    showOtherMonths: true,
    selectOtherMonths: true,
    beforeShowDay: function (date) {
      var invalid_dates = w_invalid_dates;
      var invalid_dates_finish = [];
      var invalid_dates_start = invalid_dates.split(",");
      var invalid_date_range = [];

for (var i = 0; i < invalid_dates_start.length; i++) {
        invalid_dates_start[i] = invalid_dates_start[i].trim();
        if (invalid_dates_start[i].length < 11) {
          invalid_dates_finish.push(invalid_dates_start[i]);
        }
        else {
          if (invalid_dates_start[i].indexOf("-") > 4)
            invalid_date_range.push(invalid_dates_start[i].split("-"));
          else {
            var invalid_date_array = invalid_dates_start[i].split("-");
            var start_invalid_day = invalid_date_array[0] + "-" + invalid_date_array[1] + "-" + invalid_date_array[2];
            var end_invalid_day = invalid_date_array[3] + "-" + invalid_date_array[4] + "-" + invalid_date_array[5];
            invalid_date_range.push([start_invalid_day, end_invalid_day]);
          }
        }
      }

jQuery.each(invalid_date_range, function (index, value) {
        for (var d = new Date(value[0]); d <= new Date(value[1]); d.setDate(d.getDate() + 1)) {
          invalid_dates_finish.push(jQuery.datepicker.formatDate(w_format, d));
        }
      });
      var string_days = jQuery.datepicker.formatDate(w_format, date);
      var day = date.getDay();

var w_hide_sunday = w_show_days[0] == 'yes' ? 'true' : 'day != 0';
      var w_hide_monday = w_show_days[1] == 'yes' ? 'true' : 'day != 1';
      var w_hide_tuesday = w_show_days[2] == 'yes' ? 'true' : 'day != 2';
      var w_hide_wednesday = w_show_days[3] == 'yes' ? 'true' : 'day != 3';
      var w_hide_thursday = w_show_days[4] == 'yes' ? 'true' : 'day != 4';
      var w_hide_friday = w_show_days[5] == 'yes' ? 'true' : 'day != 5';
      var w_hide_saturday = w_show_days[6] == 'yes' ? 'true' : 'day != 6';

return [invalid_dates_finish.indexOf(string_days) == -1 && eval(w_hide_sunday) && eval(w_hide_monday) && eval(w_hide_tuesday) && eval(w_hide_wednesday) && eval(w_hide_thursday) && eval(w_hide_friday) && eval(w_hide_saturday)];
    }
  });

jQuery("#" + i + "_elementform_id_temp").datepicker('option', 'dateFormat', w_format);

if ( w_default_date == 'today' ) {
    jQuery("#" + i + "_elementform_id_temp").datepicker("setDate", new Date());
  }
  else if ( w_default_date.indexOf("d") == -1 && w_default_date.indexOf("m") == -1 && w_default_date.indexOf("y") == -1 && w_default_date.indexOf("w") == -1 ) {
    if ( w_default_date !== "" ) {
      w_default_date = jQuery.datepicker.formatDate(w_format, new Date(w_default_date));
    }
    jQuery("#" + i + "_elementform_id_temp").datepicker("setDate", w_default_date);
  }
  else {
    jQuery("#" + i + "_elementform_id_temp").datepicker("setDate", w_default_date);
  }
}

function create_enable_options_value(i, w_value_disabled, w_use_for_submission, type) {
  var label = jQuery('<label class="fm-field-label" for="el_disable_value">Enable option\'s value</label>');
  var input = jQuery('<input type="checkbox" id="el_disable_value" onchange="refresh_sel_options(' + i + ', \'' + type + '\')"' + (w_value_disabled == 'yes' ? ' checked="checked"' : '') + ' />');
  var label2 = jQuery('<label class="fm-field-label" for="el_use_for_submission">Use for submission</label>');
  var input2 = jQuery('<input type="checkbox" id="el_use_for_submission" onchange="refresh_for_sub_options(' + i + ', \'' + type + '\')"' + (w_use_for_submission == "yes" ? ' checked="checked"' : '')  +' />');
  return create_double_option_container(label, input, label2, input2, w_value_disabled);
}

function create_select_options(i, w_value_disabled, w_choices, w_choices_params, w_choices_value, w_choices_disabled) {
  var label = jQuery('<label class="fm-field-label">Options</label>');
  var button1 = jQuery('<button id="el_choices_add" class="fm-add-option button-secondary" onClick="add_choise(\'select\', ' + i + '); return false;" title="Add option"><span class="field-type-button fm-add-attribute dashicons dashicons-plus-alt"></span>Option</button>');
  if ( form_maker.is_demo ) {
    var button2 = jQuery('<button class="fm-add-option button-secondary" onClick="alert(\'This feature is disabled in demo.\') return false;" title="Add options from database"><span class="field-type-button fm-add-attribute dashicons dashicons-plus-alt"></span>From Database</button>');
  }
  else {
    var button2 = jQuery('<button class="fm-add-option button-secondary" onClick="tb_show(\'\', \'admin-ajax.php?action=select_data_from_db&nonce=' + fm_ajax.ajaxnonce + '&field_id=' + i + '&field_type=select&value_disabled=' + w_value_disabled + '&width=530&height=370&TB_iframe=1\'); return false;" title="Add options from database"><span class="field-type-button fm-add-attribute dashicons dashicons-plus-alt"></span>From Database</button>');
  }
  var note = jQuery('<div class="fm-width-100 error">IMPORTANT! Check the "Empty value" checkbox only if you want the option to be considered as empty.</div>');
  var attr_table = jQuery('<div id="choices" class="fm-width-100 ui-sortable"></div>');
  var attr_header = jQuery('<div class="fm-width-100"><div class="fm-header-label fm-width-30">Name</div><div class="fm-header-label fm-width-30">Value</div><div class="fm-header-label fm-width-20">Empty value</div><div class="fm-header-label fm-width-10">Delete</div><div class="fm-header-label fm-width-10">Move</div></div>');
  attr_table.append(attr_header);

n = w_choices.length;
  for (j = 0; j < n; j++) {
    var attr = jQuery('<div id="' + j + '" class="change_pos fm-width-100">' +
      '<div class="fm-table-col fm-width-30">' +
       '<input type="text" class="fm-field-choice" id="el_option' + j + '" value="' + w_choices[j].replace(/"/g, "&quot;") + '" onKeyUp="change_label_name(' + j + ', \'' + i + '_option' + j + '\',  this.value, \'select\')" onpaste="elem=this; change_label_name_on_paste(' + j + ', \'' + i + '_option' + j + '\', \'select\')"' + (w_choices_params[j] ? ' disabled="disabled"' : '') + ' />' +
      '</div>' +
      '<div class="fm-table-col fm-width-30">' +
      '<input type="text" class="fm-field-choice' + (!w_choices_params[j] ? ' el_option_value' : '') + '" id="el_option_value' + j + '" value="' + w_choices_value[j].replace(/"/g, "&quot;") + '" onKeyUp="change_label_value(\'' + i + '_option' + j + '\',  this.value)" onpaste="change_label_value_on_paste(\'' + i + '_option' + j + '\', this)"' + (w_value_disabled == 'no' || w_choices_params[j] ? ' disabled="disabled"' : '') + ' />' +
      '</div>' +
      '<div class="fm-table-col fm-width-20">' +
        '<input type="checkbox" title="Empty value" class="el_option_dis" id="el_option' + j + '_dis" onClick="dis_option(\'' + i + '_option' + j + '\', this.checked, ' + j + ')"' + (w_value_disabled == 'yes' ? ' disabled="disabled"' : '') + (w_choices_disabled[j] ? ' checked="checked"' : '') + ' />' +
      '</div>' +
      '<div class="fm-table-col fm-width-10">' +
        '<span class="fm-remove-attribute dashicons dashicons-dismiss" id="el_option' + j + '_remove" onClick="remove_option(' + j + ', ' + i + ')"></span>' +
      '</div>' +
      '<div class="fm-table-col fm-width-10">' +
        '<span class="fm-move-attribute fm-ico-draggable el_choices_sortable"></span>' +
      '</div>' +
      '<input type="hidden" class="el_option_params" id="el_option_params' + j + '" value="' + w_choices_params[j] + '" />' +
    '</div>');
    attr_table.append(attr);
  }

var input = label;
  input = input.add(button1);
  input = input.add(button2);
  input = input.add(attr_table);
  input = input.add(note);
  return create_option_container(null, input);
}

function add_choise(type, num) {
  var max_value = 0;
  jQuery('.change_pos').each(function () {
    var value = parseInt(jQuery(this)[0].id);
    max_value = (value > max_value) ? value : max_value;
  });

max_value = max_value + 1;
  if (type == 'radio' || type == 'checkbox') {
    var attr_table = jQuery('#choices');
    var attr = jQuery('<div id="' + max_value + '" class="change_pos fm-width-100">' +
      '<div class="fm-table-col fm-width-40">' +
      '<input type="text" class="fm-field-choice" id="el_choices' + max_value + '" value="" onKeyUp="change_label_name(\'' + max_value + '\', \'' + num + '_label_element' + max_value + '\', this.value, \'' + type + '\'); change_label_value(\'' + num + '_elementform_id_temp' + max_value + '\', jQuery(\'#el_option_value' + max_value + '\').val())" onpaste="elem=this; change_label_name_on_paste(' + max_value + ', \'' + num + '_label_element' + max_value + '\', \'' + type + '\'); change_label_value_on_paste(\'' + num + '_elementform_id_temp' + max_value + '\', this)" />' +
      '</div>' +
      '<div class="fm-table-col fm-width-40">' +
      '<input type="text" class="fm-field-choice el_option_value" id="el_option_value' + max_value + '" value="" onKeyUp="change_label_value(\'' + num + '_elementform_id_temp' + max_value + '\', this.value)" onpaste="change_label_value_on_paste(\'' + num + '_elementform_id_temp' + max_value + '\', this)"' + (jQuery('#el_disable_value').prop('checked') ? '' : 'disabled="disabled"') + ' />' +
      '</div>' +
      '<div class="fm-table-col fm-width-10">' +
      '<span class="fm-remove-attribute dashicons dashicons-dismiss" id="el_choices' + max_value + '_remove" onClick="remove_choise(' + max_value + ',' + num + ',\'' + type + '\')"></span>' +
      '</div>' +
      '<div class="fm-table-col fm-width-10">' +
      '<span class="fm-move-attribute fm-ico-draggable el_choices_sortable"></span>' +
      '</div>' +
      '</div>');
    attr_table.append(attr);

refresh_rowcol(num, type);
  }

if (type == 'select') {
    var select_ = jQuery('#' + num + '_elementform_id_temp');
    var option = jQuery('<option id="' + num + '_option' + max_value + '"></option>');
    select_.append(option);

var attr_table = jQuery('#choices');
    var attr = jQuery('<div id="' + max_value + '" class="change_pos fm-width-100">' +
      '<div class="fm-table-col fm-width-30">' +
      '<input type="text" class="fm-field-choice" id="el_option' + max_value + '" value="" onKeyUp="change_label_name(' + max_value + ', \'' + num + '_option' + max_value + '\',  this.value, \'select\')" onpaste="elem=this; change_label_name_on_paste(' + max_value + ', \'' + num + '_option' + max_value + '\', \'select\')" />' +
      '</div>' +
      '<div class="fm-table-col fm-width-30">' +
      '<input type="text" class="fm-field-choice el_option_value" id="el_option_value' + max_value + '" value="" onKeyUp="change_label_value(\'' + num + '_option' + max_value + '\',  this.value)" onpaste="change_label_value_on_paste(\'' + num + '_option' + max_value + '\', this)"' + (!jQuery('#el_disable_value').prop('checked') ? 'disabled="disabled"' : '') + ' />' +
      '</div>' +
      '<div class="fm-table-col fm-width-20">' +
      '<input type="checkbox" title="Empty value" class="el_option_dis" id="el_option' + max_value + '_dis" onClick="dis_option(\'' + num + '_option' + max_value + '\', this.checked, ' + max_value + ')"' + (jQuery('#el_disable_value').prop('checked') ? 'disabled="disabled"' : '') + ' />' +
      '</div>' +
      '<div class="fm-table-col fm-width-10">' +
      '<span class="fm-remove-attribute dashicons dashicons-dismiss" id="el_option' + max_value + '_remove" onClick="remove_option(' + max_value + ', ' + num + ')"></span>' +
      '</div>' +
      '<div class="fm-table-col fm-width-10">' +
      '<span class="fm-move-attribute fm-ico-draggable el_choices_sortable"></span>' +
      '</div>' +
      '<input type="hidden" id="el_option_params' +  max_value + '" class="el_option_params" value=""></div>');
    attr_table.append(attr);
  }
}

function change_label_value(id, label) {
  var label_value = label.replaceAll("'","");
  jQuery(this).val(label_value);
  document.getElementById(id).value = label_value;
}

function change_label_value_on_paste(id, elem) {
  setTimeout(function () {
    label = elem.value;
    document.getElementById(id).value = label;
  }, 100);
}

function remove_option(id, num) {
  var select_ = document.getElementById(num + '_elementform_id_temp');
  var option = document.getElementById(num + '_option' + id);
  select_.removeChild(option);
  var choices_td = document.getElementById('choices');
  var div = document.getElementById(id);
  choices_td.removeChild(div);
}

function go_to_type_own_select(new_id) {
  w_choices = ["Select value", "option 1", "option 2"];
  w_choices_value = ["", "option 1", "option 2"];
  w_choices_params = ["", "", ""];
  w_choices_checked = ["1", "0", "0"];
  w_choices_disabled = [true, false, false];
  w_attr_name = [];
  w_attr_value = [];
  type_own_select(new_id, 'Select', '', 'top', 'no', '', w_choices, w_choices_checked, 'no', 'no', 'wdform_select', w_attr_name, w_attr_value, w_choices_disabled, w_choices_value, w_choices_params, 'no');
}

function type_own_select(i, w_field_label, w_field_label_size, w_field_label_pos, w_hide_label, w_size, w_choices, w_choices_checked, w_required, w_value_disabled, w_class, w_attr_name, w_attr_value, w_choices_disabled, w_choices_value, w_choices_params, w_use_for_submission) {
  jQuery("#element_type").val("type_own_select");
  delete_last_child();

var t = jQuery('#edit_table');
  var edit_div = jQuery('<div id="edit_div"></div>');
  t.append(edit_div);
  var edit_main_table = jQuery('<div id="edit_main_table"></div>');
  edit_div.append(edit_main_table);
  edit_main_table.append(create_field_type('type_own_select'));
  edit_main_table.append(create_label(i, w_field_label));
  edit_main_table.append(create_label_position(i, w_field_label_pos));
  edit_main_table.append(create_hide_label(i, w_hide_label));
  edit_main_table.append(create_required(i, w_required));
  edit_main_table.append(create_field_size(i, w_size));
  edit_main_table.append(create_select_options(i, w_value_disabled, w_choices, w_choices_params, w_choices_value, w_choices_disabled));

// Preview.
  n = w_choices.length;
  var adding_type = document.createElement("input");
  adding_type.setAttribute("type", "hidden");
  adding_type.setAttribute("value", "type_own_select");
  adding_type.setAttribute("name", i + "_typeform_id_temp");
  adding_type.setAttribute("id", i + "_typeform_id_temp");

var adding_value_disabled = document.createElement("input");
  adding_value_disabled.setAttribute("type", "hidden");
  adding_value_disabled.setAttribute("value", w_value_disabled);
  adding_value_disabled.setAttribute("name", i + "_value_disabledform_id_temp");
  adding_value_disabled.setAttribute("id", i + "_value_disabledform_id_temp");

var use_for_submission = document.createElement("input");
  use_for_submission.setAttribute("type", "hidden");
  use_for_submission.setAttribute("value", w_use_for_submission);
  use_for_submission.setAttribute("name", i + "_use_for_submissionform_id_temp");
  use_for_submission.setAttribute("id", i + "_use_for_submissionform_id_temp");

var div = document.createElement('div');
  div.setAttribute("id", "main_div");

var div_field = document.createElement('div');
  div_field.setAttribute("id", i + "_elemet_tableform_id_temp");

var display_label_div = (w_hide_label == "yes" ? "none" : "table-cell");
  var div_label = document.createElement('div');
  div_label.setAttribute("align", 'left');
  div_label.style.display = display_label_div;
  div_label.style.width = w_field_label_size + "px";
  div_label.setAttribute("id", i + "_label_sectionform_id_temp");

var br1 = document.createElement('br');
  var br2 = document.createElement('br');
  var br3 = document.createElement('br');
  var br4 = document.createElement('br');

var table_little = document.createElement('div');
  table_little.setAttribute("id", i + "_table_little");
  table_little.style.display = "table";

var tr_little1 = document.createElement('div');
  tr_little1.setAttribute("id", i + "_element_tr1");
  tr_little1.style.display = "table-row";

var tr_little2 = document.createElement('div');
  tr_little2.setAttribute("id", i + "_element_tr2");
  tr_little2.style.display = "table-row";

var td_little1 = document.createElement('div');
  td_little1.setAttribute("valign", 'top');
  td_little1.setAttribute("id", i + "_td_little1");
  td_little1.style.display = "table-cell";

var td_little2 = document.createElement('div');
  td_little2.setAttribute("valign", 'top');
  td_little2.setAttribute("id", i + "_td_little2");
  td_little2.style.display = "table-cell";

for (j = 0; j < n; j++) {
    var option = document.createElement('option');
    option.setAttribute("id", i + "_option" + j);
    if (w_value_disabled == 'yes')
      option.setAttribute("value", w_choices_value[j].replace(/[\'\"]/g, ""));
    else {
      if (w_choices_disabled[j])
        option.value = "";
      else
        option.setAttribute("value", w_choices[j].replace(/[\'\"]/g, ""));
    }

if (w_choices_params[j]) {
      w_params = w_choices_params[j].split("[where_order_by]");
      option.setAttribute("where", w_params[0]);
      w_params = w_params[1].split("[db_info]");
      option.setAttribute("order_by", w_params[0]);
      option.setAttribute("db_info", w_params[1]);
    }
    option.setAttribute("onselect", "set_select('" + i + "_option" + j + "')");
    option.innerHTML = w_choices[j].replace(/"/g, "'");
    if (w_choices_checked[j] == 1)
      option.setAttribute("selected", "selected");
    select_.appendChild(option);
  }

var main_td = document.getElementById('show_table');

div_label.appendChild(label);
  div_label.appendChild(required);
  div_element.appendChild(adding_hide_label);
  div_element.appendChild(adding_type);

div_element.appendChild(adding_required);
  div_element.appendChild(adding_value_disabled);
  div_element.appendChild(use_for_submission);
  div_element.appendChild(select_);
  div_field.appendChild(div_label);
  div_field.appendChild(div_element);

div.appendChild(div_field);
  div.appendChild(br3);
  main_td.appendChild(div);

if (w_field_label_pos == "top") {
    label_top(i);
  }
  change_class(w_class, i);
  refresh_attr(i, 'type_text');
//enable_modals();
  jQuery(function () {
    jQuery("#choices").sortable({
      items: ".change_pos",
      handle: ".el_choices_sortable",
      update: function (event, ui) {
        refresh_sel_options(i, 'select');
      }
    });
  });
  jQuery("#main_div").append( form_maker.type_select_description );
}

function create_relative_position(i, w_flow, type) {
  var label = jQuery('<label class="fm-field-label">Relative Position</label>');
  var input1 = jQuery('<input type="radio" id="edit_for_flow_vertical" name="edit_for_flow" value="ver" onchange="refresh_rowcol(' + i + ',\'' + type + '\')"' + (w_flow == "hor" ? '' : ' checked="checked"') + ' />');
  var label1 = jQuery('<label for="edit_for_flow_vertical">Vertical</label>');
  var input2 = jQuery('<input type="radio" id="edit_for_flow_horizontal" name="edit_for_flow" value="hor" onchange="refresh_rowcol(' + i + ',\'' + type + '\')"' + (w_flow == "hor" ? ' checked="checked"' : '') + ' />');
  var label2 = jQuery('<label for="edit_for_flow_horizontal">Horizontal</label>');
  var input = input1;
  input = input.add(label1);
  input = input.add(input2);
  input = input.add(label2);
  return create_option_container(label, input);
}

function refresh_characters_limit(num, type) {
  if (!document.getElementById('edit_for_charlimit').value) {
    document.getElementById('edit_for_charlimit').value = "";
  }
  document.getElementById(num + '_charlimitform_id_temp').value = document.getElementById('edit_for_charlimit').value;
  refresh_attr(num, 'type_' + type);
}

}
      if (type == 'radio') {
        adding.setAttribute("name", num + "_elementform_id_temp");
        if (document.getElementById(num + "_allow_otherform_id_temp").value == "yes" && jQuery(this).find('#el_choices' + index).attr("other") == '1') {
          adding.setAttribute("value", "");
          adding.setAttribute("other", "1");
          adding.setAttribute("onClick", "set_default('" + num + "','" + index + "','form_id_temp'); show_other_input('" + num + "','form_id_temp');");
        }
        else {
          if (document.getElementById(num + "_value_disabledform_id_temp").value == "no") {
            var val = jQuery(this).find('#el_choices' + index).val();
            val = val.replace(/[\"\']/g, "");
            adding.setAttribute("value", val);
          }
          else {
            var val = jQuery(this).find('#el_option_value' + index).val();
            val = val.replace(/[\"\']/g, "");
            adding.setAttribute("value", val);
          }
          adding.setAttribute("onClick", "set_default('" + num + "','" + index + "','form_id_temp')");
        }
      }
      var label_adding = document.createElement('label');
      label_adding.setAttribute("id", num + "_label_element" + index);
      label_adding.setAttribute("class", "ch-rad-label");
      label_adding.setAttribute("for", num + "_elementform_id_temp" + index);
      label_adding.innerHTML = jQuery(this).find('#el_choices' + index).val().replaceAll('"',"'");
      if (document.getElementById(num + "_option_left_right").value == "right")
        label_adding.style.cssText = "float: none !important";
      if (jQuery(this).find('#el_option_params' + index).val()) {
        w_params = jQuery(this).find('#el_option_params' + index).val().split("[where_order_by]");
        label_adding.setAttribute("where", w_params[0]);
        w_params = w_params[1].split("[db_info]");
        label_adding.setAttribute("order_by", w_params[0]);
        label_adding.setAttribute("db_info", w_params[1]);
      }
      td.appendChild(label_adding);
      td.appendChild(adding);
      tr_row.appendChild(td);
      table.appendChild(tr_row);
      gago++;
    });
  }
  else {
    var rows = document.getElementById('edit_for_rowcol').value;
    var columns = parseInt((choeices + 1) / rows);
    var gago = 0;
    var vaxo = 0;
    jQuery('.change_pos').each(function (key) {
      var index = jQuery(this)[0].id;
      if (gago < rows) {
        tr_row = document.createElement('div');
        tr_row.setAttribute("id", num + "_element_tr" + key);
        tr_row.style.display = 'table-row';

if(type == 'radio' || type == 'checkbox') {
          tr_row.style.display = 'inline-flex';
          tr_row.style.flexWrap = 'wrap';
        }
      }
      var td = document.createElement('div');
      td.setAttribute("valign", "top");
      td.setAttribute("id", num + "_td_little" + index);
      td.setAttribute("idi", index);
      td.style.display = 'table-cell';
      var adding = document.createElement('input');
      adding.setAttribute("type", type);
      adding.setAttribute("id", num + "_elementform_id_temp" + index);
      if ( jQuery("#"+num + "_elementform_id_temp" + index).prop("checked") )
        adding.setAttribute("checked", "checked");
      if (document.getElementById(num + "_option_left_right").value == "right")
        adding.style.cssText = "float: left !important";
      if (type == 'checkbox') {
        adding.setAttribute("name", num + "_elementform_id_temp" + index);
        if (document.getElementById(num + "_allow_otherform_id_temp").value == "yes" && jQuery(this).find('#el_choices' + index).attr('other') == '1') {
          adding.setAttribute("value", "");
          adding.setAttribute("other", "1");
          adding.setAttribute("onclick", "if(set_checked('" + num + "','" + index + "','form_id_temp')) show_other_input('" + num + "','form_id_temp');");
        }
        else {
          if (document.getElementById(num + "_value_disabledform_id_temp").value == "no")
            adding.setAttribute("value", jQuery(this).find('#el_choices' + index).val());
          else
            adding.setAttribute("value", jQuery(this).find('#el_option_value' + index).val());
          adding.setAttribute("onclick", "set_checked('" + num + "','" + index + "','form_id_temp')");
        }
      }
      if (type == 'radio') {
        adding.setAttribute("name", num + "_elementform_id_temp");
        if (document.getElementById(num + "_allow_otherform_id_temp").value == "yes" && jQuery(this).find('#el_choices' + index).attr('other') == '1') {
          adding.setAttribute("other", "1");
          adding.setAttribute("onClick", "set_default('" + num + "','" + index + "','form_id_temp'); show_other_input('" + num + "','form_id_temp')");
        }
        else {
          if (document.getElementById(num + "_value_disabledform_id_temp").value == "no") {
            var val = jQuery(this).find('#el_choices' + index).val();
            val = val.replaceAll("'", "");
            adding.setAttribute("value", val);
          }
          else {
            var val = jQuery(this).find('#el_option_value' + index).val();
            val = val.replaceAll("'", "");
            adding.setAttribute("value", val);
          }
          adding.setAttribute("onClick", "set_default('" + num + "','" + index + "','form_id_temp')");
        }
      }
      var label_adding = document.createElement('label');
      label_adding.setAttribute("id", num + "_label_element" + index);
      label_adding.setAttribute("class", "ch-rad-label");
      label_adding.setAttribute("for", num + "_elementform_id_temp" + index);
      label_adding.innerHTML = jQuery(this).find('#el_choices' + index).val().replaceAll('"',"'");
      if (document.getElementById(num + "_option_left_right").value == "right")
        label_adding.style.cssText = "float: none !important";
      if (jQuery(this).find('#el_option_params' + index).val()) {
        w_params = jQuery(this).find('#el_option_params' + index).val().split("[where_order_by]");
        label_adding.setAttribute("where", w_params[0]);
        w_params = w_params[1].split("[db_info]");
        label_adding.setAttribute("order_by", w_params[0]);
        label_adding.setAttribute("db_info", w_params[1]);
      }
      td.appendChild(label_adding);
      td.appendChild(adding);
      if (gago < rows) {
        tr_row.appendChild(td);
        table.appendChild(tr_row);
      }
      else {
        if (vaxo == rows) {
          vaxo = 0;
        }
        tr_row = document.getElementById(num + '_table_little').childNodes[vaxo];
        tr_row.appendChild(td);
        vaxo++;
      }
      gago++;
    });
    table.setAttribute("for_hor", num + "_hor");
  }
  refresh_attr(num, 'type_' + type);
}

function show_other_input(num) {
  jQuery('.change_pos').each(function () {
    var k = jQuery(this)[0].id;
    if (document.getElementById(num + "_elementform_id_temp" + k))
      if (document.getElementById(num + "_elementform_id_temp" + k).getAttribute('other'))
        if (document.getElementById(num + "_elementform_id_temp" + k).getAttribute('other') == 1) {
          element_other = document.getElementById(num + "_elementform_id_temp" + k);
          return false;
        }
  });

var parent = element_other.parentNode;
  var br = document.createElement('br');
  br.setAttribute("id", num + "_other_brform_id_temp");

var el_other = document.createElement('input');
  el_other.setAttribute("id", num + "_other_inputform_id_temp");
  el_other.setAttribute("name", num + "_other_inputform_id_temp");
  el_other.setAttribute("type", "text");
  el_other.setAttribute("class", "other_input");
  parent.appendChild(br);
  parent.appendChild(el_other);
}

function create_option_label_position(i, w_field_option_pos, type) {
  var label = jQuery('<label class="fm-field-label">Option Label Position</label>');
  var input1 = jQuery('<input type="radio" id="edit_for_option_position_left" name="edit_for_option_position" onchange="option_left(' + i + ',\'' + type + '\')"' + (w_field_option_pos == "right" ? '' : ' checked="checked"') + ' />');
  var label1 = jQuery('<label for="edit_for_option_position_left">Left</label>');
  var input2 = jQuery('<input type="radio" id="edit_for_option_position_right" name="edit_for_option_position" onchange="option_right(' + i + ',\'' + type + '\')"' + (w_field_option_pos == "right" ? ' checked="checked"' : '') + ' />');
  var label2 = jQuery('<label for="edit_for_option_position_right">Right</label>');
  var input = input1;
  input = input.add(label1);
  input = input.add(input2);
  input = input.add(label2);
  return create_option_container(label, input);
}

function option_right(id, type) {
  jQuery('#' + id + '_table_little').find(jQuery('.ch-rad-label')).css("cssText", "float: none !important;");
  jQuery('#' + id + '_table_little').find(jQuery('#main_div input[type="' + type + '"]')).css("cssText", "float: left !important;");
  jQuery('#' + id + '_option_left_right').val('right');
}

function option_left(id, type) {
  jQuery('#' + id + '_table_little').find(jQuery('.ch-rad-label')).css("cssText", "float: left !important;");
  jQuery('#' + id + '_table_little').find(jQuery('#main_div input[type="' + type + '"]')).css("cssText", "float: right !important;");
  jQuery('#' + id + '_option_left_right').val('left');
}

function create_rowcol(i, w_rowcol, type) {
  var label = jQuery('<label class="fm-field-label" for="edit_for_rowcol">Rows/Columns</label>');
  var input = jQuery('<input type="number" class="fm-width-100" min="1" id="edit_for_rowcol" oninput="validity.valid||(value=\'\')"; onChange="refresh_rowcol(' + i + ',\'' + type + '\')" value="' + w_rowcol + '" />');
  return create_option_container(label, input);
}

function create_limit_choice(i, w_limit_choice, type) {
  var label = jQuery('<label class="fm-field-label" for="edit_for_limitchoice">Limit of Selected Choices</label>');
  var input = jQuery('<input type="number" class="fm-width-100" id="edit_for_limitchoice" min="0" oninput="validity.valid||(value=\'\')"; onChange="refresh_limit_choice(' + i + ',\'' + type + '\')" value="' + w_limit_choice + '" />');
  return create_option_container(label, input);
}

function create_limit_choice_alert(i, w_limit_choice_alert, type) {
  var label = jQuery('<label class="fm-field-label" for="edit_for_limitchoicealert">Alert for Selected Choice Limit</label>');
  var input = jQuery('<input type="text" class="fm-width-100" id="edit_for_limitchoicealert" onChange="refresh_limit_choice_alert(' + i + ',\'' + type + '\')" value="' + w_limit_choice_alert.replace(/"/g, "&quot;") + '" />');
  return create_option_container(label, input);
}

function create_characters_limit(i, w_characters_limit, type) {
  var label = jQuery('<label class="fm-field-label" for="edit_for_charlimit">Limit of characters</label>');
  var input = jQuery('<input type="number" class="fm-width-100" id="edit_for_charlimit" min="0" oninput="validity.valid||(value=\'\');" onChange="refresh_characters_limit(' + i + ',\'' + type + '\')" value="' + w_characters_limit + '" />');
  return create_option_container(label, input);
}

function create_randomize(i, w_randomize) {
  var label = jQuery('<label class="fm-field-label" for="el_randomize">Randomize in frontend</label>');
  var input = jQuery('<input type="checkbox" id="el_randomize" onclick="set_randomize(\'' + i + '_randomizeform_id_temp\')"' + (w_randomize == "yes" ? ' checked="checked"' : '') + ' />');
  return create_option_container(label, input);
}

function set_randomize(id) {
  if (document.getElementById(id).value == "yes") {
    document.getElementById(id).setAttribute("value", "no");
  }
  else {
    document.getElementById(id).setAttribute("value", "yes")
  }
}

function create_allow_other(i, w_allow_other, type) {
  var label = jQuery('<label class="fm-field-label" for="el_allow_other">Allow other</label>');
  var input = jQuery('<input type="checkbox" id="el_allow_other" onclick="set_allow_other(' + i + ',\'' + type + '\')"' + (w_allow_other == "yes" ? ' checked="checked"' : '') + ' />');
  return create_option_container(label, input);
}

max_value = max_value + 1;
    var attr_table = jQuery('#choices');
    var attr = jQuery('<div id="' + max_value + '" class="change_pos fm-width-100">' +
      '<div class="fm-table-col fm-width-40">' +
      '<input type="text" class="fm-field-choice" id="el_choices' + max_value + '" value="other" other="1" onKeyUp="change_label(\'' + num + '_label_element' + max_value + '\', this.value); change_in_value(\'' + num + '_elementform_id_temp' + max_value + '\', this.value)" />' +
      '</div>' +
      '<div class="fm-table-col fm-width-40">' +
      '<input type="text" class="fm-field-choice" id="el_option_value' + max_value + '" value="" disabled="disabled" />' +
      '</div>' +
      '<div class="fm-table-col fm-width-10">' +
      '</div>' +
      '<div class="fm-table-col fm-width-10">' +
      '<span class="fm-move-attribute fm-ico-draggable el_choices_sortable"></span>' +
      '</div>' +
      '</div>');
    attr_table.append(attr);
    refresh_rowcol(num, type);
  }
}

function create_radio_options(i, w_value_disabled, w_choices, w_choices_params, w_choices_value, w_allow_other, w_allow_other_num, w_choices_checked, type) {
  var label = jQuery('<label class="fm-field-label">Options</label>');
  var button1 = jQuery('<button id="el_choices_add" class="fm-add-option button-secondary" onClick="add_choise(\'' + type + '\', ' + i + '); return false;" title="Add option"><span class="field-type-button fm-add-attribute dashicons dashicons-plus-alt"></span>Option</button>');
  if ( form_maker.is_demo ) {
    var button2 = jQuery('<button class="fm-add-option button-secondary" onClick="alert(\'This feature is disabled in demo.\')" title="Add options from database"><span class="field-type-button fm-add-attribute dashicons dashicons-plus-alt"></span>From Database</button>');
  }
  else {
    var button2 = jQuery('<button class="fm-add-option button-secondary" onClick="tb_show(\'\', \'admin-ajax.php?action=select_data_from_db&field_id=' + i + '&nonce=' + fm_ajax.ajaxnonce + '&field_type=radio&value_disabled=' + w_value_disabled + '&width=530&height=370&TB_iframe=1\'); return false;" title="Add options from database"><span class="field-type-button fm-add-attribute dashicons dashicons-plus-alt"></span>From Database</button>');
  }
  var attr_table = jQuery('<div id="choices" class="fm-width-100 ui-sortable"></div>');
  var attr_header = jQuery('<div class="fm-width-100"><div class="fm-header-label fm-width-40">Name</div><div class="fm-header-label fm-width-40">Value</div><div class="fm-header-label fm-width-10">Delete</div><div class="fm-header-label fm-width-10">Move</div></div>');
  attr_table.append(attr_header);

aaa = false;
  n = w_choices.length;
  for (j = 0; j < n; j++) {
    var attr = jQuery('<div id="' + j + '" class="change_pos fm-width-100">' +
      '<div class="fm-table-col fm-width-40">' +
      '<input type="text" class="fm-field-choice" id="el_choices' + j + '"' + (w_allow_other == "yes" && j == w_allow_other_num ? ' other="1"' : '') + ' value="' + w_choices[j].replace(/"/g, "&quot;") + '" onKeyUp="change_label(\'' + i + '_label_element' + j + '\', this.value)" onpaste="elem=this; change_label_name_on_paste(' + j + ', \'' + i + '_label_element' + j + '\', \'' + type + '\'); change_label_value_on_paste(\'' + i + '_elementform_id_temp' + j + '\', this)"' + (w_choices_params[j] ? ' disabled="disabled"' : '') + ' />' +
      '</div>' +
      '<div class="fm-table-col fm-width-40">' +
      '<input type="text" class="fm-field-choice' + (!w_choices_params[j] && (w_allow_other != "yes" || j != w_allow_other_num) ? ' el_option_value' : '') + '" id="el_option_value' + j + '" value="' + w_choices_value[j].replace(/[\"\']/g, "") + '" onKeyUp="change_label_value(\'' + i + '_elementform_id_temp' + j + '\', this.value)" onpaste="change_label_value_on_paste(\'' + i + '_elementform_id_temp' + j + '\', this)"' + (w_value_disabled == 'no' || w_choices_params[j] || (w_allow_other == "yes" && j == w_allow_other_num) ? ' disabled="disabled"' : '') + ' />' +
      '<input type="hidden" id="el_option_params' + j + '" class="el_option_params" value="' + w_choices_params[j] + '" />' +
      '</div>' +
      '<div class="fm-table-col fm-width-10">' +
      (w_allow_other == "yes" && j == w_allow_other_num ? '' : '<span class="fm-remove-attribute dashicons dashicons-dismiss" id="el_choices' + j + '_remove" onClick="remove_choise(' + j + ',' + i + ',\'' + type + '\')"></span>') +
      '</div>' +
      '<div class="fm-table-col fm-width-10">' +
      '<span class="fm-move-attribute fm-ico-draggable el_choices_sortable"></span>' +
      '</div>' +
      '</div>');
    attr_table.append(attr);
    if (w_choices_checked[j] == true) {
      if (w_allow_other == "yes" && j == w_allow_other_num) {
        aaa = true;
      }
    }
  }

var input = label;
  input = input.add(button1);
  input = input.add(button2);
  input = input.add(attr_table);
  return create_option_container(null, input);
}

function remove_choise(id, num, type) {
  var choices_td = document.getElementById('choices');
  var div = document.getElementById(id);
  choices_td.removeChild(div);
  refresh_rowcol(num, type);
}

function type_radio(i, w_field_label, w_field_label_size, w_field_label_pos, w_field_option_pos, w_hide_label, w_flow, w_choices, w_choices_checked, w_rowcol, w_required, w_randomize, w_allow_other, w_allow_other_num, w_class, w_attr_name, w_attr_value,w_value_disabled, w_choices_value, w_choices_params, w_use_for_submission ) {
  jQuery("#element_type").val("type_radio");
  delete_last_child();

var t = jQuery('#edit_table');
  var edit_div = jQuery('<div id="edit_div"></div>');
  t.append(edit_div);
  var edit_main_table = jQuery('<div id="edit_main_table"></div>');
  edit_div.append(edit_main_table);
  edit_main_table.append(create_field_type('type_radio'));
  edit_main_table.append(create_label(i, w_field_label));
  edit_main_table.append(create_label_position(i, w_field_label_pos));
  edit_main_table.append(create_hide_label(i, w_hide_label));
  edit_main_table.append(create_required(i, w_required));
  edit_main_table.append(create_relative_position(i, w_flow, 'radio'));
  edit_main_table.append(create_option_label_position(i, w_field_option_pos, 'radio'));
  edit_main_table.append(create_radio_options(i, w_value_disabled, w_choices, w_choices_params, w_choices_value, w_allow_other, w_allow_other_num, w_choices_checked, 'radio'));

var adding_randomize = document.createElement("input");
  adding_randomize.setAttribute("type", "hidden");
  adding_randomize.setAttribute("value", w_randomize);
  adding_randomize.setAttribute("name", i + "_randomizeform_id_temp");
  adding_randomize.setAttribute("id", i + "_randomizeform_id_temp");

var adding_rowcol = document.createElement("input");
  adding_rowcol.setAttribute("type", "hidden");
  adding_rowcol.setAttribute("value", w_rowcol);
  adding_rowcol.setAttribute("name", i + "_rowcol_numform_id_temp");
  adding_rowcol.setAttribute("id", i + "_rowcol_numform_id_temp");

var adding_option_left_right = document.createElement("input");
  adding_option_left_right.setAttribute("type", "hidden");
  adding_option_left_right.setAttribute("value", w_field_option_pos);
  adding_option_left_right.setAttribute("id", i + "_option_left_right");

var div = document.createElement('div');
  div.setAttribute("id", "main_div");

var div_field = document.createElement('div');
  div_field.setAttribute("id", i + "_elemet_tableform_id_temp");

var display_label_div = (w_hide_label == "yes" ? "none" : "table-cell");
  var div_label = document.createElement('div');
  div_label.setAttribute("align", 'left');
  div_label.style.display = display_label_div;
  div_label.style.width = w_field_label_size + "px";
  div_label.setAttribute("id", i + "_label_sectionform_id_temp");

var br1 = document.createElement('br');
  var br2 = document.createElement('br');
  var br3 = document.createElement('br');
  var br4 = document.createElement('br');

var table_little_t = document.createElement('div');
  table_little_t.style.display = "table";

var table_little = document.createElement('div');
  table_little.setAttribute("id", i + "_table_little");
  table_little.style.display = "table-row-group";

table_little_t.appendChild(table_little);

var tr_little1 = document.createElement('div');
  tr_little1.setAttribute("id", i + "_element_tr1");
  tr_little1.style.display = "table-row";

var tr_little2 = document.createElement('div');
  tr_little2.setAttribute("id", i + "_element_tr2");
  tr_little2.style.display = "table-row";

var td_little1 = document.createElement('div');
  td_little1.setAttribute("valign", 'top');
  td_little1.setAttribute("id", i + "_td_little1");
  td_little1.style.display = "table-cell";

var td_little2 = document.createElement('div');
  td_little2.setAttribute("valign", 'top');
  td_little2.setAttribute("id", i + "_td_little2");
  td_little2.style.display = "table-cell";

var main_td = document.getElementById('show_table');

div_label.appendChild(label);
  div_label.appendChild(required);
  div_element.appendChild(adding_type);

div_element.appendChild(adding_required);
  div_element.appendChild(adding_hide_label);
  div_element.appendChild(adding_randomize);
  div_element.appendChild(adding_allow_other);
  div_element.appendChild(adding_rowcol);
  div_element.appendChild(adding_option_left_right);
  div_element.appendChild(adding_value_disabled);
  div_element.appendChild(use_for_submission);
  div_element.appendChild(table_little_t);
  div_field.appendChild(div_label);
  div_field.appendChild(div_element);

div.appendChild(div_field);
  div.appendChild(br3);
  main_td.appendChild(div);

jQuery("#main_div").append( form_maker.type_radio_description );

if (w_field_label_pos == "top") {
    label_top(i);
  }
  change_class(w_class, i);
  refresh_rowcol(i, 'radio');
  if (aaa) {
    show_other_input(i);
  }
  jQuery(function () {
    jQuery("#choices").sortable({
      items: ".change_pos",
      handle: ".el_choices_sortable",
      update: function (event, ui) {
        refresh_rowcol(i, 'radio');
      }
    });
  });
}

function type_checkbox(i, w_field_label, w_field_label_size, w_field_label_pos, w_field_option_pos, w_hide_label, w_flow, w_choices, w_choices_checked, w_rowcol, w_limit_choice, w_limit_choice_alert,  w_required, w_randomize, w_allow_other,w_allow_other_num, w_class, w_attr_name, w_attr_value, w_value_disabled, w_choices_value, w_choices_params, w_use_for_submission) {
  jQuery("#element_type").val("type_checkbox");
  delete_last_child();

var t = jQuery('#edit_table');
  var edit_div = jQuery('<div id="edit_div"></div>');
  t.append(edit_div);
  var edit_main_table = jQuery('<div id="edit_main_table"></div>');
  edit_div.append(edit_main_table);
  edit_main_table.append(create_field_type('type_checkbox'));
  edit_main_table.append(create_label(i, w_field_label));
  edit_main_table.append(create_label_position(i, w_field_label_pos));
  edit_main_table.append(create_hide_label(i, w_hide_label));
  edit_main_table.append(create_required(i, w_required));
  edit_main_table.append(create_relative_position(i, w_flow, 'checkbox'));
  edit_main_table.append(create_option_label_position(i, w_field_option_pos, 'checkbox'));
  edit_main_table.append(create_radio_options(i, w_value_disabled, w_choices, w_choices_params, w_choices_value, w_allow_other, w_allow_other_num, w_choices_checked, 'checkbox'));

// Preview.
  element = 'input';
  type = 'checkbox';
  var adding_type = document.createElement("input");
  adding_type.setAttribute("type", "hidden");
  adding_type.setAttribute("value", "type_checkbox");
  adding_type.setAttribute("name", i + "_typeform_id_temp");
  adding_type.setAttribute("id", i + "_typeform_id_temp");
  var adding_required = document.createElement("input");
  adding_required.setAttribute("type", "hidden");
  adding_required.setAttribute("value", w_required);
  adding_required.setAttribute("name", i + "_requiredform_id_temp");
  adding_required.setAttribute("id", i + "_requiredform_id_temp");

var adding_limit_choice = document.createElement("input");
  adding_limit_choice.setAttribute("type", "hidden");
  adding_limit_choice.setAttribute("value", w_limit_choice);
  adding_limit_choice.setAttribute("name", i + "_limitchoice_numform_id_temp");
  adding_limit_choice.setAttribute("id", i + "_limitchoice_numform_id_temp");

var adding_limit_choice_alert = document.createElement("input");
  adding_limit_choice_alert.setAttribute("type", "hidden");
  adding_limit_choice_alert.setAttribute("value", w_limit_choice_alert.replace(/"/g, "&quot;"));
  adding_limit_choice_alert.setAttribute("name", i + "_limitchoicealert_numform_id_temp");
  adding_limit_choice_alert.setAttribute("id", i + "_limitchoicealert_numform_id_temp");

var div = document.createElement('div');
  div.setAttribute("id", "main_div");

var div_field = document.createElement('div');
  div_field.setAttribute("id", i + "_elemet_tableform_id_temp");

var display_label_div = (w_hide_label == "yes" ? "none" : "table-cell");
  var div_label = document.createElement('div');
  div_label.setAttribute("align", 'left');
  div_label.style.display = display_label_div;
  div_label.style.width = w_field_label_size + "px";
  div_label.setAttribute("id", i + "_label_sectionform_id_temp");

var br1 = document.createElement('br');
  var br2 = document.createElement('br');
  var br3 = document.createElement('br');
  var br4 = document.createElement('br');

var table_little_t = document.createElement('div');
  table_little_t.style.display = "table";

var table_little = document.createElement('div');
  table_little.setAttribute("id", i + "_table_little");
  table_little.style.display = "table-row-group";
  table_little_t.appendChild(table_little);

var main_td = document.getElementById('show_table');

div_label.appendChild(label);
  div_label.appendChild(required);
  div_element.appendChild(adding_type);

div_element.appendChild(adding_required);
  div_element.appendChild(adding_hide_label);
  div_element.appendChild(adding_randomize);
  div_element.appendChild(adding_allow_other);
  div_element.appendChild(adding_allow_other_id);
  div_element.appendChild(adding_rowcol);
  div_element.appendChild(adding_limit_choice);
  div_element.appendChild(adding_limit_choice_alert);
  div_element.appendChild(adding_option_left_right);
  div_element.appendChild(adding_value_disabled);
  div_element.appendChild(use_for_submission);
  div_element.appendChild(table_little_t);
  div_field.appendChild(div_label);
  div_field.appendChild(div_element);

div.appendChild(div_field);
  div.appendChild(br3);
  main_td.appendChild(div);

jQuery("#main_div").append( form_maker.type_checkbox_description );

if (w_field_label_pos == "top") {
    label_top(i);
  }
  change_class(w_class, i);
  refresh_rowcol(i, 'checkbox');
  if (aaa) {
    show_other_input(i);
  }
  jQuery(function () {
    jQuery("#choices").sortable({
      items: ".change_pos",
      handle: ".el_choices_sortable",
      update: function (event, ui) {
        refresh_rowcol(i, 'checkbox');
      }
    });
  });
}

function create_keys(i, message) {
  var label = jQuery('<label class="fm-field-label">Keys</label>');
  var input = jQuery('<a href="' + admin_url + '?page=options_fm" target="_blank" class="fm-field-recaptcha-label">' + message + '</a>');
  return create_option_container(null, input);
}

function create_recaptcha_invisible(i, w_type) {
  var label = jQuery('<label class="fm-field-label">Type</label>');
  var input1 = jQuery('<input type="radio" id="edit_for_recaptcha_type_v2" name="edit_for_recaptcha_type" value="v2" onchange="fm_recaptcha_type(' + i + ', this.value)"' + (w_type == 'v2' ? ' checked="checked"' : '') + ' />');
  var label1 = jQuery('<label for="edit_for_recaptcha_type_v2">reCAPTCHA v2 (checkbox)</label>');
  var input2 = jQuery('<input type="radio" id="edit_for_recaptcha_type_invisible" name="edit_for_recaptcha_type" value="invisible" onchange="fm_recaptcha_type(' + i + ', this.value)"' + (w_type == 'invisible' ? ' checked="checked"' : '') + ' />');
  var label2 = jQuery('<label for="edit_for_recaptcha_type_invisible">reCAPTCHA v2 (invisible)</label>');
  var input3 = jQuery('<input type="radio" id="edit_for_recaptcha_type_v3" name="edit_for_recaptcha_type" value="v3" onchange="fm_recaptcha_type(' + i + ', this.value)"' + (w_type == 'v3' ? ' checked="checked"' : '') + ' />');
  var label3 = jQuery('<label for="edit_for_recaptcha_type_v3">reCAPTCHA v3</label>');
  var input = input1;
  input = input.add(label1);
  input = input.add(jQuery('<br />'));
  input = input.add(jQuery('<span class="fm-description">Validate users with the "I\'m not a robot" checkbox.</span>'));
  input = input.add(jQuery('<br />'));
  input = input.add(input2);
  input = input.add(label2);
  input = input.add(jQuery('<br />'));
  input = input.add(jQuery('<span class="fm-description">Validate users in the background.</span>'));

input = input.add(jQuery('<br />'));
  input = input.add(input3);
  input = input.add(label3);
  input = input.add(jQuery('<br />'));
  input = input.add(jQuery('<span class="fm-description">Verify requests with a score.</span>'));

return create_option_container(label, input);
}

function fm_recaptcha_type(id, value) {
  jQuery('#wd_recaptchaform_id_temp').attr('w_type', value);
  if (value == 'invisible') {
      jQuery('#recaptcha_position').show();
      jQuery('#recaptcha_keys_message').show();
      jQuery('#recaptcha_advanced').hide();
      jQuery('#recaptcha_score').hide();

jQuery('#'+ id + '_hide_labelform_id_temp').val('no');
      jQuery('#el_hide_label').prop('checked', true);
      hide_label(id);
  } else if(value == 'v3') {
      jQuery('#recaptcha_score').show();
      jQuery('#recaptcha_keys_message').show();
      jQuery('#recaptcha_advanced').hide();
      jQuery('#recaptcha_position').hide();

jQuery('#'+ id + '_hide_labelform_id_temp').val('no');
      jQuery('#el_hide_label').prop('checked', true);
      hide_label(id);
  } else {
      jQuery('#recaptcha_position').hide();
      jQuery('#recaptcha_score').hide();
      jQuery('#recaptcha_keys_message').hide();
      jQuery('#recaptcha_advanced').show();
  }
}

function create_recaptcha_score(i, w_score, w_type) {
  var label = jQuery('<label class="fm-field-label">Score</label>');
  var input = 'ReCaptcha v3 returns a score based on the user interactions with your forms. Scores range from 0.0 to 1.0, with 0.0 indicating abusive traffic and 1.0 indicating good traffic. ' + '<a href="' + admin_url + '?page=options_fm" target="_blank" class="fm-field-recaptcha-label">To change recaptcha score click here</a>';
  return create_option_container(label, input, 'recaptcha_score', w_type == 'v3');
}

function create_recaptcha_position(i, w_position, w_type) {
  var label = jQuery('<label class="fm-field-label">Display</label>');
  var input1 = jQuery('<input type="radio" id="edit_for_recaptcha_position_hidden" name="edit_for_recaptcha_position" value="hidden" onchange="fm_recaptcha_position(' + i + ', this.value)"' + (w_position == 'hidden' ? ' checked="checked"' : '') + ' />');
  var label1 = jQuery('<label for="edit_for_recaptcha_position_hidden">Hidden</label>');
  var input2 = jQuery('<input type="radio" id="edit_for_recaptcha_position_inline" name="edit_for_recaptcha_position" value="inline" onchange="fm_recaptcha_position(' + i + ', this.value)"' + (w_position == 'inline' ? ' checked="checked"' : '') + ' />');
  var label2 = jQuery('<label for="edit_for_recaptcha_position_inline">Inline</label>');
  var input3 = jQuery('<input type="radio" id="edit_for_recaptcha_position_bottomright" name="edit_for_recaptcha_position" value="bottomright" onchange="fm_recaptcha_position(' + i + ', this.value)"' + (w_position == 'bottomright' ? ' checked="checked"' : '') + ' />');
  var label3 = jQuery('<label for="edit_for_recaptcha_position_bottomright">Bottom-Right</label>');
  var input4 = jQuery('<input type="radio" id="edit_for_recaptcha_position_bottomleft" name="edit_for_recaptcha_position" value="bottomleft" onchange="fm_recaptcha_position(' + i + ', this.value)"' + (w_position == 'bottomleft' ? ' checked="checked"' : '') + ' />');
  var label4 = jQuery('<label for="edit_for_recaptcha_position_bottomleft">Bottom-Left</label>');
  var input = input1;
  input = input.add(label1);
  input = input.add(jQuery('<br />'));
  input = input.add(input2);
  input = input.add(label2);
  input = input.add(jQuery('<br />'));
  input = input.add(input3);
  input = input.add(label3);
  input = input.add(jQuery('<br />'));
  input = input.add(input4);
  input = input.add(label4);
  return create_option_container(label, input, 'recaptcha_position', w_type == 'invisible');
}

function fm_recaptcha_position(id, value) {
  jQuery('#wd_recaptchaform_id_temp').attr('position', value);
}

function go_to_type_recaptcha(new_id) {
  type_recaptcha(new_id, 'reCAPTCHA', '', 'top', 'yes', 'invisible', 'bottomright', 0.5);
}

function type_recaptcha(i, w_field_label, w_field_label_size, w_field_label_pos, w_hide_label, w_type, w_position, w_score) {
  jQuery("#element_type").val("type_recaptcha");
  delete_last_child();
  var t = jQuery('#edit_table');
  var edit_div = jQuery('<div id="edit_div"></div>');
  t.append(edit_div);
  var edit_main_table = jQuery('<div id="edit_main_table"></div>');
  edit_div.append(edit_main_table);
  edit_main_table.append(create_field_type('type_recaptcha'));
  edit_main_table.append(create_recaptcha_invisible(i, w_type));
  edit_main_table.append(create_recaptcha_position(i, w_position, w_type));
  edit_main_table.append(create_recaptcha_score(i, w_score, w_type));
  edit_main_table.append(create_keys(i, 'To set up recaptcha keys click here'));

var advanced_options_container = jQuery('<div class="inside"></div>');
  var advanced_options = false;
  if(w_type != 'invisible' && w_type != 'v3') {
    advanced_options = true;
  }
  edit_main_table.append(create_advanced_options_container(advanced_options_container, 'recaptcha_advanced', advanced_options));
  advanced_options_container.append(create_label(i, w_field_label));
  advanced_options_container.append(create_label_position(i, w_field_label_pos));
  advanced_options_container.append(create_hide_label(i, w_hide_label));
  advanced_options_container.append(create_field_label_size(i, w_field_label_size));

// Preview.
  element = 'img';
  type = 'captcha';
  var adding_type = document.createElement("input");
  adding_type.setAttribute("type", "hidden");
  adding_type.setAttribute("value", "type_recaptcha");
  adding_type.setAttribute("name", i + "_typeform_id_temp");
  adding_type.setAttribute("id", i + "_typeform_id_temp");

var adding_error = document.createElement('div');
	adding_error.setAttribute("id", "recaptcha_keys_message");
	adding_error.setAttribute("class","error");
	adding_error.innerHTML = form_maker.invisible_recaptcha_error;

var adding = document.createElement('div');
  adding.setAttribute("id", "wd_recaptchaform_id_temp");
  adding.setAttribute("w_type", w_type);
  adding.setAttribute("position", w_position);

var adding_text = document.createElement('span');
  adding_text.style.color = "red";
  adding_text.style.fontStyle = "italic";
  adding_text.innerHTML = form_maker.no_preview;

adding.appendChild(adding_text);

var div = document.createElement('div');
  div.setAttribute("id", "main_div");

var div_field = document.createElement('div');
  div_field.setAttribute("id", i + "_elemet_tableform_id_temp");

var display_label_div = (w_hide_label == "yes" ? "none" : "table-cell");
  var div_label = document.createElement('div');
  div_label.setAttribute("align", 'left');
  div_label.style.display = display_label_div;
  div_label.style.width = w_field_label_size + "px";
  div_label.setAttribute("id", i + "_label_sectionform_id_temp");

var br1 = document.createElement('br');
  var br2 = document.createElement('br');
  var br3 = document.createElement('br');
  var br4 = document.createElement('br');

var main_td = document.getElementById('show_table');

div_label.appendChild(label);
  div_element.appendChild(adding_type);
  div_element.appendChild(adding_hide_label);
  div_element.appendChild(adding);
  div_field.appendChild(adding_error);
  div_field.appendChild(div_label);
  div_field.appendChild(div_element);

div.appendChild(div_field);
  div.appendChild(br3);
  main_td.appendChild(div);

jQuery("#main_div").append( form_maker.type_recaptcha_description );
  if (w_field_label_pos == "top") {
    label_top(i);
  }
  if ( jQuery("input[name='edit_for_recaptcha_type']:checked").val() == 'v2' ) {
	jQuery("#recaptcha_keys_message").hide();
  }
}

function create_submit_label(i, w_submit_title) {
  var label = jQuery('<label class="fm-field-label" for="edit_for_title">Submit label</label>');
  var input = jQuery('<input type="text" class="fm-width-100" id="edit_for_title" onKeyUp="change_label(\'' + i + '_element_submitform_id_temp\', this.value)" value="' + w_submit_title + '" />');
  return create_option_container(label, input);
}

function create_display_reset(i, w_act) {
  var label = jQuery('<label class="fm-field-label" for="el_reset_active">Display Reset</label>');
  var input = jQuery('<input type="checkbox" id="el_reset_active" onclick="active_reset(this.checked, ' + i + ')"' + (w_act ? ' checked="checked"' : '') + ' />');
  return create_option_container(label, input);
}

function active_reset(val, id) {
  if (val) {
    document.getElementById(id + '_element_resetform_id_temp').style.display = "inline";
  }
  else {
    document.getElementById(id + '_element_resetform_id_temp').style.display = "none";
  }
}

function create_reset_label(i, w_reset_title) {
  var label = jQuery('<label class="fm-field-label" for="edit_for_title_textarea">Reset label</label>');
  var input = jQuery('<input type="text" class="fm-width-100" id="edit_for_title_textarea" onKeyUp="change_label(\'' + i + '_element_resetform_id_temp\', this.value)" value="' + w_reset_title + '" />');
  return create_option_container(label, input);
}

function go_to_type_submit_reset(new_id) {
  w_attr_name = [];
  w_attr_value = [];
  type_submit_reset(new_id, 'Submit', 'Reset', '', true, w_attr_name, w_attr_value);
}

function type_submit_reset(i, w_submit_title , w_reset_title , w_class, w_act, w_attr_name, w_attr_value) {
  jQuery("#element_type").val("type_submit_reset");
  delete_last_child();

var adding_submit = document.createElement('button');
  adding_submit.setAttribute("type", 'button');
  adding_submit.setAttribute("class", "button button-secondary button-hero button-submit");
  adding_submit.setAttribute("id", i + "_element_submitform_id_temp");
  adding_submit.setAttribute("value", w_submit_title);
  adding_submit.innerHTML = w_submit_title;
  adding_submit.setAttribute("disabled", "disabled");

var adding_reset = document.createElement('button');
  adding_reset.setAttribute("type", 'button');
  adding_reset.setAttribute("class", "button button-secondary button-hero button-reset");
  if (!w_act)
    adding_reset.style.display = "none";
  adding_reset.setAttribute("id", i + "_element_resetform_id_temp");
  adding_reset.setAttribute("value", w_reset_title);
  adding_reset.setAttribute("disabled", "disabled");
  adding_reset.innerHTML = w_reset_title;

var div = document.createElement('div');
  div.setAttribute("id", "main_div");

var div_field = document.createElement('div');
  div_field.setAttribute("id", i + "_elemet_tableform_id_temp");

var div_label = document.createElement('div');
  div_label.setAttribute("align", 'left');
  div_label.style.display = "table-cell";
  div_label.setAttribute("id", i + "_label_sectionform_id_temp");

var label = document.createElement('span');
  label.setAttribute("id", i + "_element_labelform_id_temp");
  label.style.cssText = 'display:none';
  label.innerHTML = "type_submit_reset_" + i;
  var main_td = document.getElementById('show_table');

div_label.appendChild(label);
  div_element.appendChild(adding_type);
  div_element.appendChild(adding_submit);
  div_element.appendChild(adding_reset);
  div_field.appendChild(div_label);
  div_field.appendChild(div_element);
  div.appendChild(div_field);
  div.appendChild(br);
  main_td.appendChild(div);
  jQuery("#main_div").append( form_maker.type_submit_description );
  change_class(w_class, i);
  refresh_attr(i, 'type_submit_reset');
}

function create_canvas_width_height(i, w_width, w_height) {
  var label = jQuery('<label class="fm-field-label" for="edit_for_input_size">Canvas Width / Height (px)</label>');
  var input = jQuery('<input type="text" class="fm-width-40" id="edit_for_input_size" onKeyPress="return check_isnum(event)" onKeyUp="change_w_style(\'' + i + '_canvasform_id_temp\', this.value)" value="' + w_width + '" /> x <input type="text" class="fm-width-40" id="edit_for_input_size" onKeyPress="return check_isnum(event)" onKeyUp="change_h_style(\'' + i + '_canvasform_id_temp\', this.value)" value="' + w_height + '" /><p class="description">' + form_maker.leave_empty + '</p>');
  return create_option_container(label, input);
}

function type_signature(id, params ) {
  jQuery('#element_type').val(params.field_type);
  delete_last_child();

var edit_table = jQuery('#edit_table');
  var edit_div = jQuery('<div id="edit_div"></div>');
      edit_table.append(edit_div);

var edit_main_table = jQuery('<div id="edit_main_table"></div>');
      edit_div.append(edit_main_table);
      edit_main_table.append(create_field_type(params.field_type));
      edit_main_table.append(create_label(id, params.field_label));
      edit_main_table.append(create_label_position(id, params.field_label_pos));
      edit_main_table.append(create_hide_label(id, params.field_label_hide));
      edit_main_table.append(create_required(id, params.required));

var advanced_options_container = jQuery('<div class="inside"></div>');
      edit_main_table.append(create_advanced_options_container(advanced_options_container));
      // @TODO need reset signature option.
      advanced_options_container.append(create_field_label_size(id, params.field_label_size));
      advanced_options_container.append(create_canvas_width_height(id, params.canvas.width, params.canvas.height));
      advanced_options_container.append(create_class(id, params.class));
      advanced_options_container.append(create_upload_destination(id, params.destination));

// Preview.
  element = 'signature';
  var br = document.createElement('br');

var label = document.createElement('span');
      label.setAttribute('id', id + '_element_labelform_id_temp');
      label.innerHTML = params.field_label;
      label.setAttribute('class', 'label');
      label.style.verticalAlign = 'top';

var required = document.createElement('span');
      required.setAttribute('id', id + '_required_elementform_id_temp');
      required.innerHTML = '';
      required.setAttribute('class', 'required');
      required.style.verticalAlign = 'top';
      if ( params.required == 'yes' ) {
        required.innerHTML = ' *';
      }

var div_label = document.createElement('div');
      div_label.setAttribute('id', id + '_label_sectionform_id_temp');
      div_label.setAttribute('align', 'left');
      div_label.style.display = ( params.field_label_hide == 'yes' ) ? 'none' : 'table-cell';
      div_label.style.width = params.field_label_size + 'px';
      div_label.style.verticalAlign = 'top';
      div_label.appendChild(label);
      div_label.appendChild(required);

var div_canvas = document.createElement('canvas');
      div_canvas.setAttribute('id', id + '_canvasform_id_temp');
      div_canvas.setAttribute('class', 'fm-signature');
      //div_canvas.setAttribute('width', params.canvas.width);
      //div_canvas.setAttribute('height', params.canvas.height);
      div_canvas.style.width = params.canvas.width + 'px';
      div_canvas.style.height = params.canvas.height + 'px';
      div_canvas.style.border = '1px solid';

var adding_type = document.createElement('input');
      adding_type.setAttribute('type', 'hidden');
      adding_type.setAttribute('value', params.field_type);
      adding_type.setAttribute('name', id + '_typeform_id_temp');
      adding_type.setAttribute('id', id + '_typeform_id_temp');

var adding_option_left_right = document.createElement('input');
      adding_option_left_right.setAttribute('type', 'hidden');
      adding_option_left_right.setAttribute('value', params.field_label_pos);
      adding_option_left_right.setAttribute('name', id + '_option_left_right');
      adding_option_left_right.setAttribute('id', id + '_option_left_right');

var adding_hide_label = document.createElement('input');
      adding_hide_label.setAttribute('type', 'hidden');
      adding_hide_label.setAttribute('value', params.field_label_hide);
      adding_hide_label.setAttribute('name', id + '_hide_labelform_id_temp');
      adding_hide_label.setAttribute('id', id + '_hide_labelform_id_temp');

var adding_required = document.createElement('input');
      adding_required.setAttribute('type', 'hidden');
      adding_required.setAttribute('value', params.required);
      adding_required.setAttribute('name', id + '_requiredform_id_temp');
      adding_required.setAttribute('id', id + '_requiredform_id_temp');

var adding_canvas_width = document.createElement('input');
      adding_canvas_width.setAttribute('type', 'hidden');
      adding_canvas_width.setAttribute('value', params.canvas.width);
      adding_canvas_width.setAttribute('name', id + '_canvas_widthform_id_temp');
      adding_canvas_width.setAttribute('id', id + '_canvas_widthform_id_temp');

var adding_canvas_height = document.createElement('input');
      adding_canvas_height.setAttribute('type', 'hidden');
      adding_canvas_height.setAttribute('value', params.canvas.height);
      adding_canvas_height.setAttribute('name', id + '_canvas_heightform_id_temp');
      adding_canvas_height.setAttribute('id', id + '_canvas_heightform_id_temp');

var adding_destination = document.createElement('input');
      adding_destination.setAttribute('type', 'hidden');
      adding_destination.setAttribute('value', params.destination);
      adding_destination.setAttribute('name', id + '_destination');
      adding_destination.setAttribute('id', id + '_destination');

var div_element = document.createElement('div');
      div_element.setAttribute('align', 'left');
      div_element.style.display = 'table-cell';
      div_element.setAttribute('id', id + '_element_sectionform_id_temp');
      div_element.appendChild(div_canvas);
      div_element.appendChild(adding_type);
      div_element.appendChild(adding_option_left_right);
      div_element.appendChild(adding_hide_label);
      div_element.appendChild(adding_required);
      div_element.appendChild(adding_canvas_width);
      div_element.appendChild(adding_canvas_height);
      div_element.appendChild(adding_destination);

var div_field = document.createElement('div');
      div_field.setAttribute('id', id + '_elemet_tableform_id_temp');
      div_field.appendChild(div_label);
      div_field.appendChild(div_element);

var div = document.createElement('div');
      div.setAttribute('id', 'main_div');
      div.appendChild(div_field);
      div.appendChild(br);

var main_div = document.getElementById('show_table');
      main_div.appendChild(div);

if ( params.field_label_pos == 'top' ) {
    label_top( id );
  }
  change_class( params.class, id );

(function(window) {
    var $canvas,
      onResize = function( obj ) {
        $canvas.attr({
          width: obj.width, //window.innerWidth
          height: obj.height // window.innerHeight,
        });
      };

jQuery(document).ready(function() {
      $canvas = jQuery('#'+ id + '_canvasform_id_temp');
      window.addEventListener('orientationchange', onResize, false);
      window.addEventListener('resize', onResize, false);
      onResize( params.canvas );

jQuery('#' + id + '_element_sectionform_id_temp').signaturePad({
        drawOnly: true,
        defaultAction: 'drawIt',
        validateFields: false,
        lineWidth: 0,
        output: null,
        sigNav: null,
        name: null,
        typed: null,
        //clear: 'input[type=reset]',
        typeIt: null,
        drawIt: null,
        typeItDesc: null,
        drawItDesc: null
      });
    });
  }(this));
}

function type_editor(i, w_editor) {
  jQuery("#element_type").val("type_editor");
  delete_last_child();

iReturnLeft = jQuery('#edit_table').offset().left;

document.getElementById('main_editor').style.display = "block";
  document.getElementById('main_editor').style.left = iReturnLeft + 15 + "px";
  document.getElementById('main_editor').style.top = "120px";
  document.getElementById('main_editor').style.width = jQuery('#edit_table').width() - 30 + "px";

var div = document.createElement('div');
  div.setAttribute("id", "main_div");
  var main_td = document.getElementById('show_table');
  main_td.appendChild(div);

var div = document.createElement('div');
  div.style.width = "500px";
  document.getElementById('edit_table').appendChild(div);
}

function type_section_break(i, w_editor) {
  jQuery("#element_type").val("type_section_break");
  delete_last_child();

iReturnLeft = jQuery('#edit_table').offset().left;

if (document.getElementById("form_maker_editor_ifr") && document.getElementById('form_maker_editor').style.display == "none") {
    ifr_id = "form_maker_editor_ifr";
    ifr = getIFrameDocument(ifr_id);
    ifr.body.innerHTML = w_editor;
  }
  else {
    document.getElementById('form_maker_editor').value = w_editor;
  }
  element = 'div';
  var div = document.createElement('div');
  div.setAttribute("id", "main_div");
  var main_td = document.getElementById('show_table');
  main_td.appendChild(div);

var div = document.createElement('div');
  div.style.width = "500px";
  document.getElementById('edit_table').appendChild(div);
}

function create_page_title(i, w_page_title) {
  var label = jQuery('<label class="fm-field-label" for="el_page_title_input">Page Title</label>');
  var input = jQuery('<input type="text" class="fm-width-100" id="el_page_title_input" name="el_page_title_input" onKeyup="pagebreak_title_change(this.value,' + i + ')" value="' + w_page_title + '" />');
  return create_option_container(label, input);
}

function pagebreak_title_change(val) {
  val = val.replace(/(<([^>]+)>)/ig, "");
  document.getElementById("_div_between").setAttribute('page_title', val);
  document.getElementById("div_page_title").innerHTML = val + '<br/><br/>';
}

function create_next_type(i, w_type) {
  var label = jQuery('<label class="fm-field-label">Next Type</label>');
  var input1 = jQuery('<input type="radio" id="el_type_next_text" name="el_type_next" value="text" onclick="pagebreak_type_change(\'next\',\'text\')"' + (w_type[0] == 'text' ? ' checked="checked"' : '') + ' />');
  var label1 = jQuery('<label for="el_type_next_text">Text</label>');
  var input2 = jQuery('<input type="radio" id="el_type_next_img" name="el_type_next" value="img" onclick="pagebreak_type_change(\'next\',\'img\')"' + (w_type[0] == 'text' ? '' : ' checked="checked"') + ' />');
  var label2 = jQuery('<label for="el_type_next_img">Image</label>');
  var input = input1;
  input = input.add(label1);
  input = input.add(input2);
  input = input.add(label2);
  return create_option_container(label, input);
}

function pagebreak_type_change( pagebreak_type, button_type) {
  document.getElementById("_div_between").setAttribute(pagebreak_type + '_type', button_type);
  switch (button_type) {
    case 'button': {
      document.getElementById("_div_between").setAttribute(pagebreak_type + '_title', pagebreak_type);

var el_title_label = document.createElement('label');
      el_title_label.setAttribute("class", "fm-field-label");
      el_title_label.setAttribute("for", "el_title_" + pagebreak_type);
      el_title_label.setAttribute('id', pagebreak_type + "_label");
      el_title_label.setAttribute('type', "button");
      el_title_label.innerHTML = pagebreak_type[0].toUpperCase() + pagebreak_type.slice(1) + " " + button_type + " name";

document.getElementById(pagebreak_type + "_label").parentNode.replaceChild(el_title_label, document.getElementById(pagebreak_type + "_label"));

document.getElementById("el_title_" + pagebreak_type).value = pagebreak_type;

var element = document.createElement('button');
      element.setAttribute('id', "page_" + pagebreak_type + '_0');
      element.setAttribute('class', document.getElementById("_div_between").getAttribute(pagebreak_type + '_class'));
      element.style.cursor = "pointer";
      element.innerHTML = pagebreak_type;

document.getElementById("_element_section_" + pagebreak_type).replaceChild(element, document.getElementById("page_" + pagebreak_type + '_0'));
      break;
    }
    case 'text': {
      document.getElementById("_div_between").setAttribute(pagebreak_type + '_title', pagebreak_type);

var el_title_label = document.createElement('label');
      el_title_label.setAttribute("class", "fm-field-label");
      el_title_label.setAttribute("for", "el_title_" + pagebreak_type);
      el_title_label.setAttribute('id', pagebreak_type + "_label");
      el_title_label.innerHTML = pagebreak_type[0].toUpperCase() + pagebreak_type.slice(1) + " " + button_type + " name";

document.getElementById(pagebreak_type + "_label").parentNode.replaceChild(el_title_label, document.getElementById(pagebreak_type + "_label"));

document.getElementById("el_title_" + pagebreak_type).value = pagebreak_type[0].toUpperCase() + pagebreak_type.slice(1);

var element = document.createElement('span');
      element.setAttribute('id', "page_" + pagebreak_type + '_0');
      element.setAttribute('class', document.getElementById("_div_between").getAttribute(pagebreak_type + '_class'));
      element.style.cursor = "pointer";
      element.innerHTML = pagebreak_type[0].toUpperCase() + pagebreak_type.slice(1);

document.getElementById("_element_section_" + pagebreak_type).replaceChild(element, document.getElementById("page_" + pagebreak_type + '_0'));
      break;
    }
    case 'img': {
      document.getElementById("_div_between").setAttribute(pagebreak_type + '_title', plugin_url + '/images/' + pagebreak_type + '.png');

var el_title_label = document.createElement('label');
      el_title_label.setAttribute("class", "fm-field-label");
      el_title_label.setAttribute("for", "el_title_" + pagebreak_type);
      el_title_label.setAttribute('id', pagebreak_type + "_label");
      el_title_label.innerHTML = pagebreak_type[0].toUpperCase() + pagebreak_type.slice(1) + " " + button_type + " src";

document.getElementById(pagebreak_type + "_label").parentNode.replaceChild(el_title_label, document.getElementById(pagebreak_type + "_label"));

document.getElementById("el_title_" + pagebreak_type).value = plugin_url + '/images/' + pagebreak_type + '.png';

var element = document.createElement('img');
      element.setAttribute('id', "page_" + pagebreak_type + '_0');
      element.setAttribute('class', document.getElementById("_div_between").getAttribute(pagebreak_type + '_class'));
      element.style.cursor = "pointer";
      element.src = plugin_url + '/images/' + pagebreak_type + '.png';

document.getElementById("_element_section_" + pagebreak_type).replaceChild(element, document.getElementById("page_" + pagebreak_type + '_0'));
      break;
    }
  }
}

function create_next_text_name(i, w_title) {
  var label = jQuery('<label id="next_label" class="fm-field-label" for="el_title_next">Next text name</label>');
  var input = jQuery('<input type="text" class="fm-width-100" id="el_title_next" onKeyup="change_pagebreak_label( this.value, \'next\')" onChange="change_pagebreak_label( this.value, \'next\')" value="' + w_title[0] + '" />');
  return create_option_container(label, input);
}

function create_check_required_next(i, w_check) {
  var label = jQuery('<label class="fm-field-label" for="el_check_next_input">Check the required fields</label>');
  var input = jQuery('<input type="checkbox" id="el_check_next_input" onclick="set_checkable(\'next\')"' + (w_check[0] == "true" ? ' checked="checked"' : '') + ' />');
  return create_option_container(label, input);
}

function set_checkable(type) {
  document.getElementById("_div_between").setAttribute(type + '_checkable', document.getElementById("el_check_" + type + "_input").checked);
}

function create_previous_type(i, w_type) {
  var label = jQuery('<label class="fm-field-label">Previous Type</label>');
  var input1 = jQuery('<input type="radio" id="el_type_previous_text" name="el_type_previous" value="text" onclick="pagebreak_type_change(\'previous\',\'text\')"' + (w_type[1] == 'text' ? ' checked="checked"' : '') + ' />');
  var label1 = jQuery('<label for="el_type_previous_text">Text</label>');
  var input2 = jQuery('<input type="radio" id="el_type_previous_img" name="el_type_previous" value="img" onclick="pagebreak_type_change(\'previous\',\'img\')"' + (w_type[1] == 'text' ? '' : ' checked="checked"') + ' />');
  var label2 = jQuery('<label for="el_type_previous_img">Image</label>');
  var input = input1;
  input = input.add(label1);
  input = input.add(input2);
  input = input.add(label2);
  return create_option_container(label, input);
}

function create_previous_text_name(i, w_title) {
  var label = jQuery('<label id="previous_label" class="fm-field-label" for="el_title_previous">Previous text name</label>');
  var input = jQuery('<input type="text" class="fm-width-100" id="el_title_previous" onKeyup="change_pagebreak_label( this.value, \'previous\')" onChange="change_pagebreak_label( this.value, \'previous\')" value="' + w_title[1] + '" />');
  return create_option_container(label, input);
}

function create_check_required_previous(i, w_check) {
  var label = jQuery('<label class="fm-field-label" for="el_check_previous_input">Check the required fields</label>');
  var input = jQuery('<input type="checkbox" id="el_check_previous_input" onclick="set_checkable(\'previous\')"' + (w_check[1] == "true" ? ' checked="checked"' : '') + ' />');
  return create_option_container(label, input);
}

function create_next_class(i, w_class) {
  var label = jQuery('<label class="fm-field-label" for="next_element_style">Next class</label>');
  var input = jQuery('<input type="text" class="fm-width-100" id="next_element_style" onChange="change_pagebreak_class(this.value, \'next\')" value="' + w_class[0] + '" />');
  return create_option_container(label, input);
}

function create_previous_class(i, w_class) {
  var label = jQuery('<label class="fm-field-label" for="previous_element_style">Previous class</label>');
  var input = jQuery('<input type="text" class="fm-width-100" id="previous_element_style" onChange="change_pagebreak_class(this.value, \'previous\')" value="' + w_class[1] + '" />');
  return create_option_container(label, input);
}

function change_pagebreak_class(val, type) {
  document.getElementById("page_" + type + '_0').setAttribute('class', val);
  document.getElementById("_div_between").setAttribute(type + '_class', val);
}

function type_page_break(i,w_page_title, w_title , w_type , w_class, w_check, w_attr_name, w_attr_value) {
  //var pos = document.getElementsByName("el_pos");
  //	pos[0].setAttribute("disabled", "disabled");
  //	pos[1].setAttribute("disabled", "disabled");
  //	pos[2].setAttribute("disabled", "disabled");

//var sel_el_pos = document.getElementById("sel_el_pos");
  //	sel_el_pos.setAttribute("disabled", "disabled");

jQuery("#element_type").val("type_page_break");
  delete_last_child();

var t = jQuery('#edit_table');
  var edit_div = jQuery('<div id="edit_div"></div>');
  t.append(edit_div);
  var edit_main_table = jQuery('<div id="edit_main_table"></div>');
  edit_div.append(edit_main_table);
  edit_main_table.append(create_field_type('type_page_break'));
  edit_main_table.append(create_page_title(i, w_page_title));
  edit_main_table.append(create_next_type(i, w_type));
  edit_main_table.append(create_next_text_name(i, w_title));
  edit_main_table.append(create_check_required_next(i, w_check));
  edit_main_table.append(create_previous_type(i, w_type));
  edit_main_table.append(create_previous_text_name(i, w_title));
  edit_main_table.append(create_check_required_previous(i, w_check));

// Preview.
  var br = document.createElement('br');
  var div = document.createElement('div');
  div.setAttribute("id", "main_div");

var div_field = document.createElement('div');
  div_field.setAttribute("id", i + "_elemet_tableform_id_temp");

var div_label = document.createElement('div');
  div_label.setAttribute("align", 'left');
  div_label.style.display = "table-cell";
  div_label.setAttribute("id", i + "_label_sectionform_id_temp");

var adding_next = document.createElement('div');
  adding_next.setAttribute("align", "right");
  adding_next.setAttribute("id", "_element_section_next");

var adding_next_button = make_pagebreak_button('next', w_title[0], w_type[0], w_class[0], 0);

adding_next.appendChild(adding_next_button);

var adding_previous = document.createElement('div');
  adding_previous.setAttribute("align", "left");
  adding_previous.setAttribute("id", "_element_section_previous");

var adding_previous_button = make_pagebreak_button('previous', w_title[1], w_type[1], w_class[1], 0);

adding_previous.appendChild(adding_previous_button);

var div_fields = document.createElement('div');
  div_fields.setAttribute("align", "center");
  div_fields.setAttribute("style", "border:2px solid blue;padding:20px; margin:20px");
  div_fields.innerHTM = 'FIELDS';

var div_page_title = document.createElement('div');
  div_page_title.innerHTML = w_page_title + '<br/><br/>';
  div_page_title.setAttribute("id", "div_page_title");
  div_page_title.setAttribute("align", "center");

var div_between = document.createElement('div');
  div_between.setAttribute("page_title", w_page_title);
  div_between.setAttribute("next_type", w_type[0]);
  div_between.setAttribute("next_title", w_title[0]);
  div_between.setAttribute("next_class", w_class[0]);
  div_between.setAttribute("next_checkable", w_check[0]);
  div_between.setAttribute("previous_type", w_type[1]);
  div_between.setAttribute("previous_title", w_title[1]);
  div_between.setAttribute("previous_class", w_class[1]);
  div_between.setAttribute("previous_checkable", w_check[1]);
  div_between.setAttribute("align", "center");
  div_between.setAttribute("id", "_div_between");
  div_between.innerHTML = "--------------------------------------<br />P A G E B R E A K<br />--------------------------------------"

div_element.appendChild(div_page_title);
  div_element.appendChild(div_fields);
  div_element.appendChild(adding_next);
  div_element.appendChild(div_between);
  div_element.appendChild(adding_previous);

var main_td = document.getElementById('show_table');

div_field.appendChild(div_element);
  div.appendChild(div_field);
  div.appendChild(br);
  main_td.appendChild(div);

refresh_attr(i, 'type_page_break');
}

function create_placeholder_name(i, w_title) {
  var label = jQuery('<label class="fm-field-label" for="el_first_value_input">Placeholder</label>');
  var input = jQuery('<input type="text" class="fm-width-40" id="el_first_value_first" onKeyUp="change_input_value(this.value,\'' + i + '_element_firstform_id_temp\')" value="' + w_title[0].replace(/"/g, "&quot;") + '" />-<input type="text" class="fm-width-40" id="el_first_value_last" onKeyUp="change_input_value(this.value,\'' + i + '_element_lastform_id_temp\')" value="' + w_title[1].replace(/"/g, "&quot;") + '" />');
  return create_option_container(label, input);
}

function create_field_size_name(i, w_size) {
  var label = jQuery('<label class="fm-field-label" for="edit_for_input_size">Width(px)</label>');
  var input = jQuery('<input class="fm-width-100" type="text" id="edit_for_input_size" onKeyPress="return check_isnum(event)" onKeyUp="change_w_style(\'' + i + '_element_firstform_id_temp\', this.value); change_w_style(\'' + i + '_element_middleform_id_temp\', this.value); change_w_style(\'' + i + '_element_lastform_id_temp\', this.value)" value="' + w_size + '" /><p class="description">' + form_maker.leave_empty + '</p>');
  return create_option_container(label, input);
}

function create_enable_name_fields(i, w_name_fields, w_mini_labels) {
  var label = jQuery('<label class="fm-field-label">Enable Field(s)</label>');
  var input1 = jQuery('<input type="checkbox" id="el_title" value="no" onclick="enable_name_fields(' + i + ',\'title\')"' + (w_name_fields[0] == 'yes' ? ' checked="checked"' : '') + ' />');
  var label1 = jQuery('<label for="el_title" id="el_title_label">' + w_mini_labels[0] + '</label>');
  var input2 = jQuery('<input type="checkbox" id="el_middle" value="no" onclick="enable_name_fields(' + i + ',\'middle\')"' + (w_name_fields[1] == 'yes' ? ' checked="checked"' : '') + ' />');
  var label2 = jQuery('<label for="el_middle" id="el_middle_label">' + w_mini_labels[3] + '</label>');
  var label_hidden = jQuery('<label id="el_first_label" class="fm-hide">' + w_mini_labels[1] + '</label><label id="el_last_label" class="fm-hide">' + w_mini_labels[2] + '</label>');
  var input = input1;
  input = input.add(label1);
  input = input.add(input2);
  input = input.add(label2);
  input = input.add(label_hidden);
  return create_option_container(label, input);
}

function enable_name_fields(id, field) {
  var index = field == 'title' ? 2 : 3;
  tr_name1 = document.getElementById(id + '_tr_name1');
  tr_name2 = document.getElementById(id + '_tr_name2');
  first_input = document.getElementById(id + '_td_name_input_first');
  first_label = document.getElementById(id + '_td_name_label_first');

var input_width = field == 'title' ? '40' : document.getElementById('edit_for_input_size').value;
  if (document.getElementById("el_" + field).checked == true)
    document.getElementById(id + "_enable_fieldsform_id_temp").setAttribute(field, "yes");
  else
    document.getElementById(id + "_enable_fieldsform_id_temp").setAttribute(field, "no");

if (document.getElementById(id + '_enable_fieldsform_id_temp').getAttribute(field) == 'yes') {
    var name_field_td = document.createElement('div');
    name_field_td.setAttribute("id", id + "_td_name_input_" + field);
    name_field_td.style.cssText = "display:table-cell";

var name_field = document.createElement('input');
    name_field.setAttribute("type", 'text');
    if (w_title[index] == w_first_val[index]) {
      name_field.setAttribute("value", w_first_val[index]);
      name_field.setAttribute("placeholder", w_title[index]);
    }
    else {
      name_field.setAttribute("value", w_first_val[index]);
    }
    name_field.setAttribute("id", id + "_element_" + field + "form_id_temp");
    name_field.setAttribute("name", id + "_element_" + field + "form_id_temp");
    name_field.setAttribute("value", w_first_val[index]);
    name_field.setAttribute("title", w_title[index]);
    name_field.setAttribute("placeholder", w_title[index]);
    name_field.style.cssText = "margin-right: 10px; width: " + input_width + "px";

var name_field_label_td = document.createElement('div');
    name_field_label_td.setAttribute("id", id + "_td_name_label_" + field);
    name_field_label_td.style.cssText = "display:table-cell";

var name_field_label = document.createElement('label');
    name_field_label.setAttribute("class", "mini_label");
    name_field_label.setAttribute("id", id + "_mini_label_" + field);
    name_field_label.innerHTML = document.getElementById('el_' + field + "_label").innerHTML;
    //	w_mini_labels[0] = document.getElementById('el_'+field+"_label").innerHTML;

name_field_td.appendChild(name_field);
    name_field_label_td.appendChild(name_field_label);
    if (field == 'title') {
      tr_name1.insertBefore(name_field_td, first_input);
      tr_name2.insertBefore(name_field_label_td, first_label);
    }
    else {
      tr_name1.appendChild(name_field_td);
      tr_name2.appendChild(name_field_label_td);
    }
  }
  else {
    if (document.getElementById(id + '_td_name_input_' + field)) {
      tr_name1.removeChild(document.getElementById(id + '_td_name_input_' + field));
      tr_name2.removeChild(document.getElementById(id + '_td_name_label_' + field));
    }
  }

var gic1 = document.createTextNode("-");
  var gic2 = document.createTextNode("-");

value_if_empty_width = field == 'title' ? '60' : '95';
  var el_first_value = document.createElement('input');
  el_first_value.setAttribute("id", "el_first_value_" + field);
  el_first_value.setAttribute("type", "text");
  el_first_value.setAttribute("value", w_title[index]);
  el_first_value.style.cssText = "width:" + value_if_empty_width + "px;";
  el_first_value.setAttribute("onKeyUp", "change_input_value(this.value,'" + id + "_element_" + field + "form_id_temp')");

el_first_value_first = document.getElementById('el_first_value_first');
  parent = el_first_value_first.parentNode;
  if (document.getElementById(id + '_enable_fieldsform_id_temp').getAttribute(field) == 'yes') {
    if (field == 'title') {
      parent.insertBefore(gic1, el_first_value_first);
      parent.insertBefore(el_first_value, gic1);
    }
    else {
      parent.appendChild(gic2);
      parent.appendChild(el_first_value);
    }
  }
  else {
    if (document.getElementById('el_first_value_' + field)) {
      if (field == 'title')
        parent.removeChild(document.getElementById('el_first_value_title').nextSibling);
      else
        parent.removeChild(document.getElementById('el_first_value_middle').previousSibling);
      parent.removeChild(document.getElementById('el_first_value_' + field));
    }
  }

refresh_attr(id, 'type_name');

jQuery(function () {
    jQuery("label#" + id + "_mini_label_title").click(function () {
      if (jQuery(this).children('input').length == 0) {
        var title = "<input type='text' class='title' style='outline:none; border:none; background:none;' value=\"" + jQuery(this).text() + "\">";
        jQuery(this).html(title);
        jQuery("input.title").focus();
        jQuery("input.title").blur(function () {
          var value = jQuery(this).val();
          jQuery("#" + id + "_mini_label_title").text(value);
          document.getElementById('el_title_label').innerHTML = value;
        });
      }
    });

jQuery("label#" + id + "_mini_label_middle").click(function () {
      if (jQuery(this).children('input').length == 0) {
        var middle = "<input type='text' class='middle' style='outline:none; border:none; background:none;' value=\"" + jQuery(this).text() + "\">";
        jQuery(this).html(middle);
        jQuery("input.middle").focus();
        jQuery("input.middle").blur(function () {
          var value = jQuery(this).val();
          jQuery("#" + id + "_mini_label_middle").text(value);
          document.getElementById('el_middle_label').innerHTML = value;
        });
      }
    });
  });
}

function create_autofill_user_name(i, w_autofill) {
  var label = jQuery('<label class="fm-field-label" for="el_autofill">Autofill with user name</label>');
  var input = jQuery('<input type="checkbox" id="el_autofill" onclick="set_autofill(\'' + i + '_autofillform_id_temp\')"' + (w_autofill == 'yes' ? ' checked="checked"' : '') + ' />');
  return create_option_container(label, input);
}

function set_autofill(element) {
  if (document.getElementById(element).value == 'yes') {
    document.getElementById(element).value = 'no';
  }
  else {
    document.getElementById(element).value = 'yes';
  }
}

function go_to_type_name(new_id) {
  w_attr_name = [];
  w_attr_value = [];
  w_first_val = ['', '', '', ''];
  w_title = ['', '', '', ''];
  w_mini_labels = ['Title', 'First', 'Last', 'Middle'];
  w_name_fields = ['no', 'no'];
  type_name(new_id, 'Name', '', 'top', 'no', w_first_val, w_title, w_mini_labels, '', 'normal', 'no', 'no', '', w_attr_name, w_attr_value, w_name_fields, 'no');
}

function type_name(i, w_field_label, w_field_label_size, w_field_label_pos, w_hide_label, w_first_val, w_title, w_mini_labels, w_size, w_name_format, w_required, w_unique, w_class, w_attr_name, w_attr_value, w_name_fields, w_autofill) {
  jQuery("#element_type").val("type_name");
  delete_last_child();

var adding_autofill = document.createElement("input");
  adding_autofill.setAttribute("type", "hidden");
  adding_autofill.setAttribute("value", w_autofill);
  adding_autofill.setAttribute("name", i + "_autofillform_id_temp");
  adding_autofill.setAttribute("id", i + "_autofillform_id_temp");

var adding_fields = document.createElement("input");
  adding_fields.setAttribute("type", "hidden");
  adding_fields.setAttribute("name", i + "_enable_fieldsform_id_temp");
  adding_fields.setAttribute("id", i + "_enable_fieldsform_id_temp");
  adding_fields.setAttribute("title", w_name_fields[0]);
  adding_fields.setAttribute("first", 'yes');
  adding_fields.setAttribute("last", 'yes');
  adding_fields.setAttribute("middle", w_name_fields[1]);

edit_labels = document.createTextNode("The labels of the fields are editable. Please, click on the label to edit.");

var div = document.createElement('div');
  div.setAttribute("id", "main_div");
  var div_for_editable_labels = document.createElement('div');
  div_for_editable_labels.setAttribute("class", "fm-editable-label");
  div_for_editable_labels.appendChild(edit_labels);

var div_field = document.createElement('div');
  div_field.setAttribute("id", i + "_elemet_tableform_id_temp");

var display_label_div = (w_hide_label == "yes" ? "none" : "table-cell");
  var div_label = document.createElement('div');
  div_label.setAttribute("align", 'left');
  div_label.style.display = display_label_div;
  div_label.style.width = w_field_label_size + "px";
  div_label.setAttribute("id", i + "_label_sectionform_id_temp");

var table_name = document.createElement('div');
  table_name.style.display = "table";
  table_name.setAttribute("id", i + "_table_name");
  table_name.setAttribute("cellpadding", '0');
  table_name.setAttribute("cellspacing", '0');

var tr_name1 = document.createElement('div');
  tr_name1.style.display = "table-row";
  tr_name1.setAttribute("id", i + "_tr_name1");

var tr_name2 = document.createElement('div');
  tr_name2.style.display = "table-row";
  tr_name2.setAttribute("id", i + "_tr_name2");

var td_name_input1 = document.createElement('div');
  td_name_input1.style.display = "table-cell";
  td_name_input1.setAttribute("id", i + "_td_name_input_first");

var td_name_input2 = document.createElement('div');
  td_name_input2.style.display = "table-cell";
  td_name_input2.setAttribute("id", i + "_td_name_input_last");

var td_name_label1 = document.createElement('div');
  td_name_label1.style.display = "table-cell";
  td_name_label1.setAttribute("id", i + "_td_name_label_first");
  td_name_label1.setAttribute("align", "left");

var td_name_label2 = document.createElement('div');
  td_name_label2.style.display = "table-cell";
  td_name_label2.setAttribute("id", i + "_td_name_label_last");
  td_name_label2.setAttribute("align", "left");

var first = document.createElement('input');
  first.setAttribute("type", 'text');
  first.style.cssText = "margin-right: 10px; width:" + w_size + "px";
  first.setAttribute("id", i + "_element_firstform_id_temp");
  first.setAttribute("name", i + "_element_firstform_id_temp");
  first.setAttribute("value", w_first_val[0]);
  first.setAttribute("title", w_title[0]);
  first.setAttribute("placeholder", w_title[0]);

var first_label = document.createElement('label');
  first_label.setAttribute("class", "mini_label");
  first_label.setAttribute("id", i + "_mini_label_first");
  first_label.innerHTML = w_mini_labels[1];

var last = document.createElement('input');
  last.setAttribute("type", 'text');
  last.style.cssText = "margin-right: 10px; width:" + w_size + "px";
  last.setAttribute("id", i + "_element_lastform_id_temp");
  last.setAttribute("name", i + "_element_lastform_id_temp");
  last.setAttribute("value", w_first_val[1]);
  last.setAttribute("title", w_title[1]);
  last.setAttribute("placeholder", w_title[1]);

var last_label = document.createElement('label');
  last_label.setAttribute("class", "mini_label");
  last_label.setAttribute("id", i + "_mini_label_last");
  last_label.innerHTML = w_mini_labels[2];

var main_td = document.getElementById('show_table');

div_label.appendChild(label);
  div_label.appendChild(required);

td_name_input1.appendChild(first);
  td_name_input2.appendChild(last);
  tr_name1.appendChild(td_name_input1);
  tr_name1.appendChild(td_name_input2);

td_name_label1.appendChild(first_label);
  td_name_label2.appendChild(last_label);
  tr_name2.appendChild(td_name_label1);
  tr_name2.appendChild(td_name_label2);
  table_name.appendChild(tr_name1);
  table_name.appendChild(tr_name2);

div.appendChild(div_field);
  div.appendChild(br);
  div.appendChild(div_for_editable_labels);
  main_td.appendChild(div);
  jQuery("#main_div").append( '<br>'+form_maker.type_name_description );

if (w_field_label_pos == "top")
    label_top(i);

change_class(w_class, i);
  if (w_name_fields[0] == 'yes')
    enable_name_fields(i, 'title');

if (w_name_fields[1] == 'yes')
    enable_name_fields(i, 'middle');

jQuery(function () {
    jQuery("label#" + i + "_mini_label_first").click(function () {
      if (jQuery(this).children('input').length == 0) {
        var first = "<input type='text' class='first' style='outline:none; border:none; background:none;' value=\"" + jQuery(this).text() + "\">";
        jQuery(this).html(first);
        jQuery("input.first").focus();
        jQuery("input.first").blur(function () {
          var value = jQuery(this).val();
          jQuery("#" + i + "_mini_label_first").text(value);
          document.getElementById('el_first_label').innerHTML = value;
        });
      }
    });

jQuery("label#" + i + "_mini_label_last").click(function () {
      if (jQuery(this).children('input').length == 0) {
        var last = "<input type='text' class='last'  style='outline:none; border:none; background:none;' value=\"" + jQuery(this).text() + "\">";
        jQuery(this).html(last);
        jQuery("input.last").focus();
        jQuery("input.last").blur(function () {
          var value = jQuery(this).val();
          jQuery("#" + i + "_mini_label_last").text(value);
          document.getElementById('el_last_label').innerHTML = value;
        });
      }
    });
  });

refresh_attr(i, 'type_name');
}

function create_autofill_user_email(i, w_autofill) {
  var label = jQuery('<label class="fm-field-label" for="el_autofill">Autofill with user email</label>');
  var input = jQuery('<input type="checkbox" id="el_autofill" onclick="set_autofill(\'' + i + '_autofillform_id_temp\')"' + (w_autofill == 'yes' ? ' checked="checked"' : '') + ' />');
  return create_option_container(label, input);
}

function create_confirmation_email(i, w_verification) {
  var label = jQuery('<label class="fm-field-label" for="el_verification_mail">Confirmation Email</label>');
  var input = jQuery('<input type="checkbox" id="el_verification_mail" onclick="verification_mail(' + i + ')"' + (w_verification == 'yes' ? ' checked="checked"' : '') + ' />');
  return create_option_container(label, input);
}

function create_confirmation_email_label(i, w_verification, w_verification_label) {
  var label = jQuery('<label class="fm-field-label" for="edit_for_label">Confirmation label</label>');
  var input = jQuery('<textarea id="edit_for_label" class="fm-width-100" onKeyUp="change_label(\'' + i + '_element_labelform_id_temp\', this.value, \'' + i + '_1_element_labelform_id_temp\')" rows="4">' + w_verification_label + '</textarea>');
  return create_option_container(label, input, 'confirm_validation_label', w_verification == 'yes');
}

function create_confirmation_email_placeholder(i, w_verification, w_verification_placeholder) {
  var label = jQuery('<label class="fm-field-label" for="el_first_value_verification_input">Confirmation placeholder</label>');
  var input = jQuery('<input type="text" class="fm-width-100" id="el_first_value_verification_input" onKeyUp="change_input_value(this.value,\'' + i + '_1_elementform_id_temp\')" value="' + w_verification_placeholder.replace(/"/g, "&quot;") + '" />');
  return create_option_container(label, input, 'confirm_validation_empty', w_verification == 'yes');
}

function go_to_type_submitter_mail(new_id) {
  w_attr_name = [];
  w_attr_value = [];
  type_submitter_mail(new_id, 'Email', '', 'top', 'no', '', '', '', 'no', 'no', '', 'no', 'Email confirmation', '', w_attr_name, w_attr_value, 'no');
}

function type_submitter_mail(i, w_field_label, w_field_label_size, w_field_label_pos, w_hide_label, w_size, w_first_val, w_title, w_required, w_unique,  w_class, w_verification, w_verification_label, w_verification_placeholder, w_attr_name, w_attr_value, w_autofill) {
  jQuery("#element_type").val("type_submitter_mail");
  delete_last_child();

var t = jQuery('#edit_table');
  var edit_div = jQuery('<div id="edit_div"></div>');
  t.append(edit_div);
  var edit_main_table = jQuery('<div id="edit_main_table"></div>');
  edit_div.append(edit_main_table);
  edit_main_table.append(create_field_type('type_submitter_mail'));
  edit_main_table.append(create_label(i, w_field_label));
  edit_main_table.append(create_label_position(i, w_field_label_pos));
  edit_main_table.append(create_hide_label(i, w_hide_label));
  edit_main_table.append(create_required(i, w_required));
  edit_main_table.append(create_placeholder(i, w_title));
  edit_main_table.append(create_field_size(i, w_size, '\'' + i + '_elementform_id_temp\'', '\'' + i + '_1_elementform_id_temp\''));

// Preview.
  element = 'input';
  type = 'text';
  var adding_type = document.createElement("input");
  adding_type.setAttribute("type", "hidden");
  adding_type.setAttribute("value", "type_submitter_mail");
  adding_type.setAttribute("name", i + "_typeform_id_temp");
  adding_type.setAttribute("id", i + "_typeform_id_temp");

var adding_verification = document.createElement("input");
  adding_verification.setAttribute("type", "hidden");
  adding_verification.setAttribute("value", w_verification);
  adding_verification.setAttribute("name", i + "_verification_id_temp");
  adding_verification.setAttribute("id", i + "_verification_id_temp");

var adding = document.createElement(element);
  adding.setAttribute("type", type);

var adding_verification_input = document.createElement(element);
  adding_verification_input.setAttribute("type", type);

adding_verification_input.style.cssText = "width:" + w_size + "px;";

adding_verification_input.setAttribute("id", i + "_1_elementform_id_temp");
  adding_verification_input.setAttribute("name", i + "_1_elementform_id_temp");
  adding_verification_input.setAttribute("placeholder", w_verification_placeholder);
  adding_verification_input.setAttribute("title", w_verification_placeholder);

var div = document.createElement('div');
  div.setAttribute("id", "main_div");

var div_field = document.createElement('div');
  div_field.setAttribute("id", i + "_elemet_tableform_id_temp");

var display_label_div = (w_hide_label == "yes" ? "none" : "table-cell");
  var div_label = document.createElement('div');
  div_label.setAttribute("align", 'left');
  div_label.style.display = display_label_div;
  div_label.style.width = w_field_label_size + "px";
  div_label.setAttribute("id", i + "_label_sectionform_id_temp");

var display_label_div_verification = ((w_hide_label == "yes" || w_verification == "no") ? "none" : "table-cell");
  var div_label_verification = document.createElement('div');
  div_label_verification.setAttribute("align", 'left');
  div_label_verification.style.display = display_label_div_verification;
  div_label_verification.style.width = w_field_label_size + "px";
  div_label_verification.setAttribute("id", i + "_1_label_sectionform_id_temp");

var display_element_verification = (w_verification == "no" ? "none" : "table-cell");
  var div_element_verification = document.createElement("div");
  div_element_verification.setAttribute("align", "left");
  div_element_verification.style.display = display_element_verification;
  div_element_verification.setAttribute("id", i + "_1_element_sectionform_id_temp");

var br1 = document.createElement('br');
  var br2 = document.createElement('br');
  var br3 = document.createElement('br');
  var br4 = document.createElement('br');
  var br5 = document.createElement('br');

var label_verification = document.createElement('span');
  label_verification.setAttribute("id", i + "_1_element_labelform_id_temp");
  label_verification.innerHTML = w_verification_label;
  label_verification.setAttribute("class", "label");
  label_verification.style.verticalAlign = "top";

var required_confirm = document.createElement('span');
  required_confirm.setAttribute("id", i + "_1_required_elementform_id_temp");
  required_confirm.innerHTML = "";
  required_confirm.setAttribute("class", "required");
  required_confirm.style.verticalAlign = "top";
  if (w_required == "yes")
    required_confirm.innerHTML = " *";

var main_td = document.getElementById('show_table');

div_label.appendChild(label);
  div_label.appendChild(required);

div_label_verification.appendChild(label_verification);
  div_label_verification.appendChild(required_confirm);

div.appendChild(div_field);
  div.appendChild(br3);
  main_td.appendChild(div);
  jQuery("#main_div").append( form_maker.type_email_description );
  if (w_field_label_pos == "top")
    label_top(i);
  change_class(w_class, i);
  refresh_attr(i, 'type_text');
}

function go_to_type_phone_new(new_id) {
  w_attr_name = [];
  w_attr_value = [];
  type_phone_new(new_id, 'Phone', '', 'top', 'no', '', '', 'us', 'no', 'no', '', w_attr_name, w_attr_value);
}

function type_phone_new(i, w_field_label, w_field_label_size, w_field_label_pos, w_hide_label, w_size, w_first_val, w_top_country, w_required, w_unique, w_class, w_attr_name, w_attr_value) {
  jQuery("#element_type").val("type_phone_new");
  delete_last_child();

var div = document.createElement('div');
  div.setAttribute("id", "main_div");

var div_field = document.createElement('div');
  div_field.setAttribute("id", i + "_elemet_tableform_id_temp");

var display_label_div = (w_hide_label == "yes" ? "none" : "table-cell");
  var div_label = document.createElement('div');
  div_label.setAttribute("align", 'left');
  div_label.style.display = display_label_div;
  div_label.style.width = w_field_label_size + "px";
  div_label.setAttribute("id", i + "_label_sectionform_id_temp");

var table_name = document.createElement('div');
  table_name.style.display = "table";
  table_name.setAttribute("id", i + "_table_name");

var tr_name1 = document.createElement('div');
  tr_name1.style.display = "table-row";
  tr_name1.setAttribute("id", i + "_tr_name1");

var td_name_input1 = document.createElement('div');
  td_name_input1.style.display = "table-cell";
  td_name_input1.setAttribute("id", i + "_td_name_input_first");

var first = document.createElement('input');
  first.setAttribute("type", 'text');
  first.style.cssText = "width:" + w_size + "px";
  first.setAttribute("id", i + "_elementform_id_temp");
  first.setAttribute("name", i + "_elementform_id_temp");
  first.setAttribute("value", w_first_val);
  first.setAttribute("top-country", w_top_country);

var main_td = document.getElementById('show_table');

div_label.appendChild(label);
  div_label.appendChild(required);

td_name_input1.appendChild(first);
  tr_name1.appendChild(td_name_input1);
  table_name.appendChild(tr_name1);
  div_element.appendChild(adding_type);
  div_element.appendChild(adding_required);
  div_element.appendChild(adding_hide_label);
  div_element.appendChild(adding_unique);
  div_element.appendChild(table_name);
  div_field.appendChild(div_label);
  div_field.appendChild(div_element);
  div.appendChild(div_field);
  div.appendChild(br);

main_td.appendChild(div);
  jQuery("#main_div").append( form_maker.type_phone_description );

if (w_field_label_pos == "top")
    label_top(i);

change_class(w_class, i);
  refresh_attr(i, 'type_text');

jQuery("#" + i + "_elementform_id_temp").intlTelInput({
    nationalMode: false,
    preferredCountries: [w_top_country],
  });
}

function create_address_size(i, w_size) {
  var label = jQuery('<label class="fm-field-label" for="edit_for_input_size">Overall width(px)</label>');
  var input = jQuery('<input class="fm-width-100" type="text" id="edit_for_input_size" onKeyPress="return check_isnum(event)" onKeyUp="change_w_style(\'' + i + '_div_address\', this.value)" value="' + w_size + '" /><p class="description">' + form_maker.leave_empty + '</p>');
  return create_option_container(label, input);
}

function create_use_us_states_list(i, w_disabled_fields) {
  var label = jQuery('<label class="fm-field-label" for="el_us_states">Use list for US states and Canada provinces</label>');
  var input = jQuery('<input type="checkbox" id="el_us_states" onclick="disable_fields(' + i + ',\'us_states\');"' + (w_disabled_fields[6] == 'yes' ? ' checked="checked"' : '') + ' />');
  return create_option_container(label, input);
}

if (document.getElementById(id + "_disable_fieldsform_id_temp").getAttribute("state") == 'yes') {
    document.getElementById("el_us_states").disabled = true;
  }
  else {
    document.getElementById("el_us_states").disabled = false;
    if (field == 'us_states') {
      change_state_input(id, 'form_id_temp');
      return;
    }
  }

div.innerHTML = '';
  var hidden_labels = new Array();
  var address_fields = ['street1', 'street2', 'city', 'state', 'postal', 'country'];
  var left_right = 0;

for (l = 0; l < 6; l++) {
    if (document.getElementById(id + '_disable_fieldsform_id_temp').getAttribute(address_fields[l]) == 'no') {
      if (address_fields[l] == 'street1' || address_fields[l] == 'street2') {
        var street = document.createElement('input');
        street.setAttribute("type", 'text');
        street.style.cssText = "width:100%";
        street.setAttribute("id", id + "_" + address_fields[l] + "form_id_temp");
        street.setAttribute("name", (parseInt(id) + l) + "_" + address_fields[l] + "form_id_temp");

var street_label = document.createElement('label');
        street_label.setAttribute("class", "mini_label");
        street_label.setAttribute("id", id + "_mini_label_" + address_fields[l]);
        street_label.style.cssText = "display:block;";
        street_label.innerHTML = document.getElementById('el_' + address_fields[l] + "_label").innerHTML;
        w_mini_labels[l] = document.getElementById('el_' + address_fields[l] + "_label").innerHTML;

var span_addres = document.createElement('span');
        span_addres.style.cssText = "float:left; width:100%; padding-bottom: 8px; display:block";

span_addres.appendChild(street);
        span_addres.appendChild(street_label);
        div.appendChild(span_addres);
      }
      else {
        left_right++;
        if (address_fields[l] != 'country') {
          var field = document.createElement('input');
          field.setAttribute("type", 'text');
          field.style.cssText = "width:100%";
          field.setAttribute("id", id + "_" + address_fields[l] + "form_id_temp");
          field.setAttribute("name", (parseInt(id) + l) + "_" + address_fields[l] + "form_id_temp");

var field_label = document.createElement('label');
          field_label.setAttribute("class", "mini_label");
          field_label.setAttribute("id", id + "_mini_label_" + address_fields[l]);
          field_label.style.cssText = "display:block;";
          field_label.innerHTML = document.getElementById('el_' + address_fields[l] + "_label").innerHTML;
          w_mini_labels[l] = document.getElementById('el_' + address_fields[l] + "_label").innerHTML;
        }
        else {
          var field = document.createElement('select');
          field.setAttribute("type", 'text');
          field.style.cssText = "width:100%";
          field.setAttribute("id", id + "_countryform_id_temp");
          field.setAttribute("name", (parseInt(id) + l) + "_countryform_id_temp");
          field.setAttribute("onChange", "change_state_input('" + id + "', 'form_id_temp')");

var field_label = document.createElement('label');
          field_label.setAttribute("class", "mini_label");
          field_label.setAttribute("id", id + "_mini_label_country");
          field_label.style.cssText = "display:block;";
          field_label.innerHTML = document.getElementById('el_' + address_fields[l] + "_label").innerHTML;
          w_mini_labels[l] = document.getElementById('el_' + address_fields[l] + "_label").innerHTML;

countries = form_maker.countries;
          jQuery.each( countries, function( key, value ) {
            var option_ = document.createElement('option');
            option_.setAttribute("value", value);
            option_.innerHTML = value;
            field.appendChild(option_);
          });
        }

if (left_right % 2 != 0) {
          var span_addres = document.createElement('span');
          span_addres.style.cssText = "float:left; width:48%; padding-bottom: 8px;";
        }
        else {
          var span_addres = document.createElement('span');
          span_addres.style.cssText = "float:right; width:48%; padding-bottom: 8px;";
        }

span_addres.appendChild(field);
        span_addres.appendChild(field_label);
        div.appendChild(span_addres);
      }
    }
    else {
      var hidden_field = document.createElement('input');
      hidden_field.setAttribute("type", 'hidden');
      hidden_field.setAttribute("id", id + "_" + address_fields[l] + "form_id_temp");
      hidden_field.setAttribute("value", document.getElementById("el_" + address_fields[l] + "_label").innerHTML);
      hidden_field.setAttribute("id_for_label", parseInt(id) + l);

hidden_labels.push(hidden_field);
    }

for (k = 0; k < hidden_labels.length; k++) {
      div.appendChild(hidden_labels[k]);
    }
  }

if (document.getElementById(id + "_disable_fieldsform_id_temp").getAttribute("state") == 'no' && document.getElementById(id + "_disable_fieldsform_id_temp").getAttribute("country") == 'yes') {
    change_state_input(id, 'form_id_temp');
  }

jQuery(function (jQuery) {
    jQuery("label#" + id + "_mini_label_street1").click(function () {
      if (jQuery(this).children('input').length == 0) {
        var street1 = "<input type='text' class='street1' style='outline:none; border:none; background:none;' value=\"" + jQuery(this).text() + "\">";
        jQuery(this).html(street1);
        jQuery("input.street1").focus();
        jQuery("input.street1").blur(function () {
          var value = jQuery(this).val();
          jQuery("#" + id + "_mini_label_street1").text(value);
          document.getElementById('el_street1_label').innerHTML = value;
        });
      }
    });

jQuery("label#" + id + "_mini_label_street2").click(function () {
      if (jQuery(this).children('input').length == 0) {
        var street2 = "<input type='text' class='street2'  style='outline:none; border:none; background:none;' value=\"" + jQuery(this).text() + "\">";
        jQuery(this).html(street2);
        jQuery("input.street2").focus();
        jQuery("input.street2").blur(function () {
          var value = jQuery(this).val();
          jQuery("#" + id + "_mini_label_street2").text(value);
          document.getElementById('el_street2_label').innerHTML = value;
        });
      }
    });

jQuery("label#" + id + "_mini_label_city").click(function () {
      if (jQuery(this).children('input').length == 0) {
        var city = "<input type='text' class='city'  style='outline:none; border:none; background:none;' value=\"" + jQuery(this).text() + "\">";
        jQuery(this).html(city);
        jQuery("input.city").focus();
        jQuery("input.city").blur(function () {
          var value = jQuery(this).val();
          jQuery("#" + id + "_mini_label_city").text(value);
          document.getElementById('el_city_label').innerHTML = value;
        });
      }
    });

jQuery("label#" + id + "_mini_label_state").click(function () {
      if (jQuery(this).children('input').length == 0) {
        var state = "<input type='text' class='state'  style='outline:none; border:none; background:none;' value=\"" + jQuery(this).text() + "\">";
        jQuery(this).html(state);
        jQuery("input.state").focus();
        jQuery("input.state").blur(function () {
          var value = jQuery(this).val();
          jQuery("#" + id + "_mini_label_state").text(value);
          document.getElementById('el_state_label').innerHTML = value;
        });
      }
    });

jQuery("label#" + id + "_mini_label_postal").click(function () {
      if (jQuery(this).children('input').length == 0) {
        var postal = "<input type='text' class='postal'  style='outline:none; border:none; background:none;' value=\"" + jQuery(this).text() + "\">";
        jQuery(this).html(postal);
        jQuery("input.postal").focus();
        jQuery("input.postal").blur(function () {
          var value = jQuery(this).val();
          jQuery("#" + id + "_mini_label_postal").text(value);
          document.getElementById('el_postal_label').innerHTML = value;
        });
      }
    });

jQuery("label#" + id + "_mini_label_country").click(function () {
      if (jQuery(this).children('input').length == 0) {
        var country = "<input type='text' class='country'  style='outline:none; border:none; background:none;' value=\"" + jQuery(this).text() + "\">";
        jQuery(this).html(country);
        jQuery("input.country").focus();
        jQuery("input.country").blur(function () {
          var value = jQuery(this).val();
          jQuery("#" + id + "_mini_label_country").text(value);
          document.getElementById('el_country_label').innerHTML = value;
        });
      }
    });
  });
  refresh_attr(id, 'type_address');
}

function create_disable_address_fields(i, w_disabled_fields, w_mini_labels) {
  var label = jQuery('<label class="fm-field-label">Disable Field(s)</label>');
  var input1 = jQuery('<input type="checkbox" id="el_street1" value="no" onclick="disable_fields(' + i + ',\'street1\')"' + (w_disabled_fields[0] == 'yes' ? ' checked="checked"' : '') + ' />');
  var label1 = jQuery('<label for="el_street1" id="el_street1_label">' + w_mini_labels[0] + '</label>');
  var input2 = jQuery('<input type="checkbox" id="el_street2" value="no" onclick="disable_fields(' + i + ',\'street2\')"' + (w_disabled_fields[1] == 'yes' ? ' checked="checked"' : '') + ' />');
  var label2 = jQuery('<label for="el_street2" id="el_street2_label">' + w_mini_labels[1] + '</label>');
  var input3 = jQuery('<input type="checkbox" id="el_city" value="no" onclick="disable_fields(' + i + ',\'city\')"' + (w_disabled_fields[2] == 'yes' ? ' checked="checked"' : '') + ' />');
  var label3 = jQuery('<label for="el_city" id="el_city_label">' + w_mini_labels[2] + '</label>');
  var input4 = jQuery('<input type="checkbox" id="el_state" value="no" onclick="disable_fields(' + i + ',\'state\')"' + (w_disabled_fields[3] == 'yes' ? ' checked="checked"' : '') + ' />');
  var label4 = jQuery('<label for="el_state" id="el_state_label">' + w_mini_labels[3] + '</label>');
  var input5 = jQuery('<input type="checkbox" id="el_postal" value="no" onclick="disable_fields(' + i + ',\'postal\')"' + (w_disabled_fields[4] == 'yes' ? ' checked="checked"' : '') + ' />');
  var label5 = jQuery('<label for="el_postal" id="el_postal_label">' + w_mini_labels[4] + '</label>');
  var input6 = jQuery('<input type="checkbox" id="el_country" value="no" onclick="disable_fields(' + i + ',\'country\')"' + (w_disabled_fields[5] == 'yes' ? ' checked="checked"' : '') + ' />');
  var label6 = jQuery('<label for="el_country" id="el_country_label">' + w_mini_labels[5] + '</label>');
  var input = input1;
  input = input.add(label1);
  input = input.add(jQuery('<br />'));
  input = input.add(input2);
  input = input.add(label2);
  input = input.add(jQuery('<br />'));
  input = input.add(input3);
  input = input.add(label3);
  input = input.add(jQuery('<br />'));
  input = input.add(input4);
  input = input.add(label4);
  input = input.add(jQuery('<br />'));
  input = input.add(input5);
  input = input.add(label5);
  input = input.add(jQuery('<br />'));
  input = input.add(input6);
  input = input.add(label6);
  return create_option_container(label, input);
}

function go_to_type_address(new_id) {
  w_attr_name = [];
  w_attr_value = [];
  w_mini_labels = ['Street Address', 'Street Address Line 2', 'City', 'State / Province / Region', 'Postal / Zip Code', 'Country',];
  w_disabled_fields = ['no', 'no', 'no', 'no', 'no', 'no', 'yes'];
  type_address(new_id, 'Address', '', 'top', 'no', '', w_mini_labels, w_disabled_fields, 'no', 'wdform_address', w_attr_name, w_attr_value)
}

function type_address(i, w_field_label, w_field_label_size, w_field_label_pos, w_hide_label, w_size, w_mini_labels, w_disabled_fields, w_required, w_class, w_attr_name, w_attr_value) {
  jQuery("#element_type").val("type_address");
  delete_last_child();

// Preview.
  var adding_type = document.createElement("input");
  adding_type.setAttribute("type", "hidden");
  adding_type.setAttribute("value", "type_address");
  adding_type.setAttribute("name", i + "_typeform_id_temp");
  adding_type.setAttribute("id", i + "_typeform_id_temp");

var adding_country = document.createElement("input");
  adding_country.setAttribute("type", "hidden");
  adding_country.setAttribute("name", i + "_disable_fieldsform_id_temp");
  adding_country.setAttribute("id", i + "_disable_fieldsform_id_temp");
  adding_country.setAttribute("street1", w_disabled_fields[0]);
  adding_country.setAttribute("street2", w_disabled_fields[1]);
  adding_country.setAttribute("city", w_disabled_fields[2]);
  adding_country.setAttribute("state", w_disabled_fields[3]);
  adding_country.setAttribute("us_states", w_disabled_fields[6]);
  adding_country.setAttribute("postal", w_disabled_fields[4]);
  adding_country.setAttribute("country", w_disabled_fields[5]);

var div = document.createElement('div');
  div.setAttribute("id", "main_div");

var edit_labels = document.createTextNode("The labels of the fields are editable. Please, click on the label to edit.");
  var div_for_editable_labels = document.createElement('div');
  div_for_editable_labels.setAttribute("style", "margin-left:4px; color:red; display:inline-block;");
  div_for_editable_labels.appendChild(edit_labels);

var div_field = document.createElement('div');
  div_field.setAttribute("id", i + "_elemet_tableform_id_temp");

var display_label_div = (w_hide_label == "yes" ? "none" : "table-cell");
  var div_label = document.createElement('div');
  div_label.setAttribute("align", 'left');
  div_label.style.display = display_label_div;
  div_label.style.width = w_field_label_size + "px";
  div_label.style.verticalAlign = "top";
  div_label.setAttribute("id", i + "_label_sectionform_id_temp");

var div_address = document.createElement('div');
  div_address.setAttribute("id", i + "_div_address");
  div_address.style.cssText = "width:" + w_size + "px";

var span_addres1 = document.createElement('span');
  span_addres1.style.cssText = "float:left; width:100%;  padding-bottom: 8px; display:block";

var span_addres2 = document.createElement('span');
  span_addres2.style.cssText = "float:left; width:100%;  padding-bottom: 8px; display:block";

var span_addres3_1 = document.createElement('span');
  span_addres3_1.style.cssText = "float:left; width:48%; padding-bottom: 8px;";

var span_addres3_2 = document.createElement('span');
  span_addres3_2.style.cssText = "float:right; width:48%; padding-bottom: 8px;";

var span_addres4_1 = document.createElement('span');
  span_addres4_1.style.cssText = "float:left; width:48%; padding-bottom: 8px;";

var span_addres4_2 = document.createElement('span');
  span_addres4_2.style.cssText = "float:right; width:48%; padding-bottom: 8px;";

var br = document.createElement('br');
  var label = document.createElement('span');
  label.setAttribute("id", i + "_element_labelform_id_temp");
  label.innerHTML = w_field_label;
  label.setAttribute("class", "wd_form_label");
  label.style.verticalAlign = "top";

var street1 = document.createElement('input');
  street1.setAttribute("type", 'text');
  street1.style.cssText = "width:100%";
  street1.setAttribute("id", i + "_street1form_id_temp");
  street1.setAttribute("name", i + "_street1form_id_temp");

var street1_label = document.createElement('label');
  street1_label.setAttribute("class", "mini_label");
  street1_label.setAttribute("id", i + "_mini_label_street1");
  street1_label.style.cssText = "display:block;";
  street1_label.innerHTML = w_mini_labels[0];

var street2 = document.createElement('input');
  street2.setAttribute("type", 'text');
  street2.style.cssText = "width:100%";
  street2.setAttribute("id", i + "_street2form_id_temp");
  street2.setAttribute("name", (parseInt(i) + 1) + "_street2form_id_temp");

var street2_label = document.createElement('label');
  street2_label.setAttribute("class", "mini_label");
  street2_label.setAttribute("id", i + "_mini_label_street2");
  street2_label.style.cssText = "display:block;";
  street2_label.innerHTML = w_mini_labels[1];

var city = document.createElement('input');
  city.setAttribute("type", 'text');
  city.style.cssText = "width:100%";
  city.setAttribute("id", i + "_cityform_id_temp");
  city.setAttribute("name", (parseInt(i) + 2) + "_cityform_id_temp");

var city_label = document.createElement('label');
  city_label.setAttribute("class", "mini_label");
  city_label.setAttribute("id", i + "_mini_label_city");
  city_label.style.cssText = "display:block;";
  city_label.innerHTML = w_mini_labels[2];

var state = document.createElement('input');
  state.setAttribute("type", 'text');
  state.style.cssText = "width:100%";
  state.setAttribute("id", i + "_stateform_id_temp");
  state.setAttribute("name", (parseInt(i) + 3) + "_stateform_id_temp");

var state_label = document.createElement('label');
  state_label.setAttribute("class", "mini_label");
  state_label.setAttribute("id", i + "_mini_label_state");
  state_label.style.cssText = "display:block;";
  state_label.innerHTML = w_mini_labels[3];

var postal = document.createElement('input');
  postal.setAttribute("type", 'text');
  postal.style.cssText = "width:100%";
  postal.setAttribute("id", i + "_postalform_id_temp");
  postal.setAttribute("name", (parseInt(i) + 4) + "_postalform_id_temp");

var postal_label = document.createElement('label');
  postal_label.setAttribute("class", "mini_label");
  postal_label.setAttribute("id", i + "_mini_label_postal");
  postal_label.style.cssText = "display:block;";
  postal_label.innerHTML = w_mini_labels[4];

var country = document.createElement('select');
  country.setAttribute("type", 'text');
  country.style.cssText = "width:100%";
  country.setAttribute("id", i + "_countryform_id_temp");
  country.setAttribute("name", (parseInt(i) + 5) + "_countryform_id_temp");
  country.setAttribute("onChange", "change_state_input('" + i + "','form_id_temp')");

var country_label = document.createElement('label');
  country_label.setAttribute("class", "mini_label");
  country_label.setAttribute("id", i + "_mini_label_country");
  country_label.style.cssText = "display:block;";
  country_label.innerHTML = w_mini_labels[5];

country.appendChild(option_);
  });

var main_td = document.getElementById('show_table');

div_label.appendChild(label);
  div_label.appendChild(required);

span_addres1.appendChild(street1);
  span_addres1.appendChild(street1_label);

span_addres2.appendChild(street2);
  span_addres2.appendChild(street2_label);

span_addres3_1.appendChild(city);
  span_addres3_1.appendChild(city_label);
  span_addres3_2.appendChild(state);
  span_addres3_2.appendChild(state_label);

span_addres4_1.appendChild(postal);
  span_addres4_1.appendChild(postal_label);
  span_addres4_2.appendChild(country);
  span_addres4_2.appendChild(country_label);

div_address.appendChild(span_addres1);
  div_address.appendChild(span_addres2);
  div_address.appendChild(span_addres3_1);
  div_address.appendChild(span_addres3_2);
  div_address.appendChild(span_addres4_1);
  div_address.appendChild(span_addres4_2);

div_element.appendChild(adding_type);
  div_element.appendChild(adding_required);
  div_element.appendChild(adding_hide_label);
  div_element.appendChild(adding_country);
  div_element.appendChild(div_address);
  div_field.appendChild(div_label);
  div_field.appendChild(div_element);
  div.appendChild(div_field);
  div.appendChild(br);
  div.appendChild(div_for_editable_labels);
  main_td.appendChild(div);

jQuery("#main_div").append( '<br><br>'+form_maker.type_address_description );

if (w_field_label_pos == "top")
    label_top(i);

change_class(w_class, i);
  refresh_attr(i, 'type_address');

if (w_disabled_fields[0] == "yes")
    disable_fields(i, 'street1');
  if (w_disabled_fields[1] == "yes")
    disable_fields(i, 'street2');
  if (w_disabled_fields[2] == "yes")
    disable_fields(i, 'city');
  if (w_disabled_fields[3] == "yes")
    disable_fields(i, 'state');
  if (w_disabled_fields[4] == "yes")
    disable_fields(i, 'postal');
  if (w_disabled_fields[5] == "yes")
    disable_fields(i, 'country');
  if (w_disabled_fields[6] == "yes")
    disable_fields(i, 'us_states');

jQuery(function (jQuery) {
    jQuery("label#" + i + "_mini_label_street1").click(function () {
      if (jQuery(this).children('input').length == 0) {
        var street1 = "<input type='text' class='street1' style='outline:none; border:none; background:none; width:130px;' value=\"" + jQuery(this).text() + "\">";
        jQuery(this).html(street1);
        jQuery("input.street1").focus();
        jQuery("input.street1").blur(function () {
          var value = jQuery(this).val();
          value = value.replaceAll('"',"'");
          jQuery("#" + i + "_mini_label_street1").text(value);
          document.getElementById('el_street1_label').innerHTML = value;
        });
      }
    });

jQuery("label#" + i + "_mini_label_street2").click(function () {
      if (jQuery(this).children('input').length == 0) {
        var street2 = "<input type='text' class='street2'  style='outline:none; border:none; background:none; width:130px;' value=\"" + jQuery(this).text() + "\">";
        jQuery(this).html(street2);
        jQuery("input.street2").focus();
        jQuery("input.street2").blur(function () {
          var value = jQuery(this).val();
          value = value.replaceAll('"',"'");
          jQuery("#" + i + "_mini_label_street2").text(value);
          document.getElementById('el_street2_label').innerHTML = value;
        });
      }
    });

jQuery("label#" + i + "_mini_label_city").click(function () {
      if (jQuery(this).children('input').length == 0) {
        var city = "<input type='text' class='city'  style='outline:none; border:none; background:none; width:130px;' value=\"" + jQuery(this).text() + "\">";
        jQuery(this).html(city);
        jQuery("input.city").focus();
        jQuery("input.city").blur(function () {
          var value = jQuery(this).val();
          value = value.replaceAll('"',"'");
          jQuery("#" + i + "_mini_label_city").text(value);
          document.getElementById('el_city_label').innerHTML = value;
        });
      }
    });

jQuery("label#" + i + "_mini_label_state").click(function () {
      if (jQuery(this).children('input').length == 0) {
        var state = "<input type='text' class='state'  style='outline:none; border:none; background:none; width:130px;' value=\"" + jQuery(this).text() + "\">";
        jQuery(this).html(state);
        jQuery("input.state").focus();
        jQuery("input.state").blur(function () {
          var value = jQuery(this).val();
          value = value.replaceAll('"',"'");
          jQuery("#" + i + "_mini_label_state").text(value);
          document.getElementById('el_state_label').innerHTML = value;
        });
      }
    });

jQuery("label#" + i + "_mini_label_postal").click(function () {
      if (jQuery(this).children('input').length == 0) {
        var postal = "<input type='text' class='postal'  style='outline:none; border:none; background:none; width:130px;' value=\"" + jQuery(this).text() + "\">";
        jQuery(this).html(postal);
        jQuery("input.postal").focus();
        jQuery("input.postal").blur(function () {
          var value = jQuery(this).val();
          value = value.replaceAll('"',"'");
          jQuery("#" + i + "_mini_label_postal").text(value);
          document.getElementById('el_postal_label').innerHTML = value;
        });
      }
    });

jQuery("label#" + i + "_mini_label_country").click(function () {
      if (jQuery(this).children('input').length == 0) {
        var country = "<input type='text' class='country'  style='outline:none; border:none; background:none; width:130px;' value=\"" + jQuery(this).text() + "\">";
        jQuery(this).html(country);
        jQuery("input.country").focus();
        jQuery("input.country").blur(function () {
          var value = jQuery(this).val();
          value = value.replaceAll('"',"'");
          jQuery("#" + i + "_mini_label_country").text(value);
          document.getElementById('el_country_label').innerHTML = value;
        });
      }
    });
  });
}

function create_markmap_address(i, j) {
  var label = jQuery('<label class="fm-field-label" for="addrval' + j + '">Address</label>');
  var input = jQuery('<input type="text" class="fm-width-100" id="addrval' + j + '" onChange="changeAddress(' + i + ', ' + j + ')" value="" />');
  return create_option_container(label, input);
}

function create_markmap_longitude(i, w_long, j) {
  var label = jQuery('<label class="fm-field-label" for="longval' + j + '">Longitude</label>');
  var input = jQuery('<input type="text" class="fm-width-100" id="longval' + j + '" onkeyup="update_position(' + i + ', ' + j + ')" value="' + w_long + '" />');
  return create_option_container(label, input);
}

function create_markmap_latitude(i, w_lat, j) {
  var label = jQuery('<label class="fm-field-label" for="latval' + j + '">Latitude</label>');
  var input = jQuery('<input type="text" class="fm-width-100" id="latval' + j + '" onkeyup="update_position(' + i + ', ' + j + ')" value="' + w_lat + '" />');
  return create_option_container(label, input);
}

function create_markmap_size(i, w_width, w_height) {
  var label = jQuery('<label class="fm-field-label" for="edit_for_input_size">Size(px)</label>');
  var input = jQuery('<input type="text" class="fm-width-40" id="edit_for_input_size" onKeyPress="return check_isnum(event)" onKeyUp="change_w_style(\'' + i + '_elementform_id_temp\', this.value)" value="' + w_width + '" />x<input type="text" class="fm-width-40" id="edit_for_input_size" onKeyPress="return check_isnum(event)" onKeyUp="change_h_style(\'' + i + '_elementform_id_temp\', this.value)" value="' + w_height + '" /><p class="description">' + form_maker.leave_empty + '</p>');
  return create_option_container(label, input);
}

function create_markmap_info(i, w_info, j) {
  var label = jQuery('<label class="fm-field-label" for="info' + j + '">Marker Info</label>');
  var input = jQuery('<textarea class="fm-width-100" id="info' + j + '" rows="3" onKeyUp="change_info(this.value,' + i + ', ' + j + ')">' + w_info + '</textarea>');
  return create_option_container(label, input);
}

function go_to_type_mark_map(new_id) {
  w_attr_name = [];
  w_attr_value = [];
  type_mark_map(new_id, 'Mark your place on map', '', 'top', 'no', '2.294254', '48.858334', "2.294254", "48.858334", "13", "370", "300", 'wdform_map', '', w_attr_name, w_attr_value);
}

function type_mark_map(i, w_field_label, w_field_label_size, w_field_label_pos, w_hide_label, w_center_x, w_center_y, w_long, w_lat, w_zoom, w_width, w_height, w_class, w_info, w_attr_name, w_attr_value) {
  jQuery("#element_type").val("type_mark_map");
  delete_last_child();

var t = jQuery('#edit_table');
  var edit_div = jQuery('<div id="edit_div"></div>');
  t.append(edit_div);
  var edit_main_table = jQuery('<div id="edit_main_table"></div>');
  edit_div.append(edit_main_table);
  edit_main_table.append(create_field_type('type_mark_map'));
  edit_main_table.append(create_label(i, w_field_label));
  edit_main_table.append(create_label_position(i, w_field_label_pos));
  edit_main_table.append(create_hide_label(i, w_hide_label));
  edit_main_table.append(jQuery('<div class="notice notice-info"><p>Drag the marker to change default marker position.</p></div>'));
  edit_main_table.append(create_markmap_address(i, 0));
  edit_main_table.append(create_markmap_longitude(i, w_long, 0));
  edit_main_table.append(create_markmap_latitude(i, w_lat, 0));
  edit_main_table.append(create_markmap_info(i, w_info, 0));
  edit_main_table.append(create_markmap_size(i, w_width, w_height));
  edit_main_table.append(create_keys(i, 'To set up map key click here'));

// Preview.
  element = 'div';
  var br = document.createElement('br');
  var adding_type = document.createElement("input");
  adding_type.setAttribute("type", "hidden");
  adding_type.setAttribute("value", "type_mark_map");
  adding_type.setAttribute("name", i + "_typeform_id_temp");
  adding_type.setAttribute("id", i + "_typeform_id_temp");

var adding = document.createElement('div');
  adding.setAttribute("id", i + "_elementform_id_temp");
  adding.setAttribute("long0", w_long);
  adding.setAttribute("lat0", w_lat);
  adding.setAttribute("zoom", w_zoom);
  adding.style.cssText = "width:" + w_width + "px; height: " + w_height + "px";
  adding.setAttribute("info0", w_info);
  adding.setAttribute("center_x", w_center_x);
  adding.setAttribute("center_y", w_center_y);

var div = document.createElement('div');
  div.setAttribute("id", "main_div");

var div_field = document.createElement('div');
  div_field.setAttribute("id", i + "_elemet_tableform_id_temp");

var display_label_div = (w_hide_label == "yes" ? "none" : "table-cell");
  var div_label = document.createElement('div');
  div_label.setAttribute("align", 'left');
  div_label.style.display = display_label_div;
  div_label.style.width = w_field_label_size + "px";
  div_label.style.verticalAlign = "top";
  div_label.setAttribute("id", i + "_label_sectionform_id_temp");

var main_td = document.getElementById('show_table');

div_label.appendChild(label);
  div_element.appendChild(adding_type);
  div_element.appendChild(adding);
  div_element.appendChild(adding_hide_label);

div_field.appendChild(div_label);
  div_field.appendChild(div_element);

div.appendChild(div_field);
  div.appendChild(br);
  main_td.appendChild(div);
  jQuery("#main_div").append( form_maker.type_mark_on_map_description );
  if (w_field_label_pos == "top") {
    label_top(i);
  }
  change_class(w_class, i);
  refresh_attr(i, 'type_text');
  if_gmap_init(i);
  add_marker_on_map(i, 0, w_long, w_lat, w_info, true);
}

function create_edit_country_list(i) {
  var label = jQuery('<label class="fm-field-label">Edit country list</label>');
  var input = jQuery('<a href="" onclick="tb_show(\'\', \'admin-ajax.php?action=FormMakerEditCountryinPopup&nonce=' + fm_ajax.ajaxnonce + '&field_id=' + i + '&width=530&height=370&TB_iframe=1\'); return false;" class="thickbox-preview fm-field-recaptcha-label">Edit country list</a>');
  return create_option_container(null, input);
}

function go_to_type_country(new_id) {
  w_countries = form_maker.countries;
  w_attr_name = [];
  w_attr_value = [];
  type_country(new_id, 'Country', '', 'no', w_countries, 'top', '', 'no', 'wdform_select', w_attr_name, w_attr_value);
}

function type_country(i, w_field_label, w_field_label_size, w_hide_label, w_countries, w_field_label_pos, w_size, w_required, w_class, w_attr_name, w_attr_value) {
  jQuery("#element_type").val("type_country");
  delete_last_child();

// Preview.
  var br = document.createElement('br');
  var adding_type = document.createElement("input");
  adding_type.setAttribute("type", "hidden");
  adding_type.setAttribute("value", "type_country");
  adding_type.setAttribute("name", i + "_typeform_id_temp");
  adding_type.setAttribute("id", i + "_typeform_id_temp");
  var adding_required = document.createElement("input");
  adding_required.setAttribute("type", "hidden");
  adding_required.setAttribute("value", w_required);
  adding_required.setAttribute("name", i + "_requiredform_id_temp");
  adding_required.setAttribute("id", i + "_requiredform_id_temp");

var div = document.createElement('div');
  div.setAttribute("id", "main_div");

var div_field = document.createElement('div');
  div_field.setAttribute("id", i + "_elemet_tableform_id_temp");

var display_label_div = (w_hide_label == "yes" ? "none" : "table-cell");
  var div_label = document.createElement('div');
  div_label.setAttribute("align", 'left');
  div_label.style.display = display_label_div;
  div_label.style.width = w_field_label_size + "px";
  div_label.setAttribute("id", i + "_label_sectionform_id_temp");

var div_element = document.createElement('div');
  div_element.setAttribute("align", 'left');
  div_element.style.display = "table-cell";
  div_element.style.width = w_field_label_size + "px";
  div_element.setAttribute("id", i + "_element_sectionform_id_temp");

var br1 = document.createElement('br');
  var br2 = document.createElement('br');
  var br3 = document.createElement('br');
  var br4 = document.createElement('br');

var table_little = document.createElement('div');
  table_little.setAttribute("id", i + "_table_little");
  table_little.style.display = "table";

var tr_little1 = document.createElement('div');
  tr_little1.setAttribute("id", i + "_element_tr1");
  tr_little1.style.display = "table-row";

var tr_little2 = document.createElement('div');
  tr_little2.setAttribute("id", i + "_element_tr2");
  tr_little2.style.display = "table-row";

var td_little1 = document.createElement('div');
  td_little1.setAttribute("valign", 'top');
  td_little1.setAttribute("id", i + "_td_little1");
  td_little1.style.display = "table-cell";

var td_little2 = document.createElement('div');
  td_little2.setAttribute("valign", 'top');
  td_little2.setAttribute("id", i + "_td_little2");
  td_little2.style.display = "table-cell";

var select_ = document.createElement('select');
  select_.setAttribute("id", i + "_elementform_id_temp");
  select_.setAttribute("name", i + "_elementform_id_temp");
  select_.style.cssText = "width:" + w_size + "px";

jQuery.each( w_countries, function( key, value ) {
    var option_ = document.createElement('option');
    option_.setAttribute("value", value);
    option_.innerHTML = value;
    select_.appendChild(option_);
  });

var main_td = document.getElementById('show_table');

div_label.appendChild(label);
  div_label.appendChild(required);
  div_element.appendChild(adding_hide_label);
  div_element.appendChild(adding_type);

div_element.appendChild(adding_required);
  div_element.appendChild(select_);
  div_field.appendChild(div_label);
  div_field.appendChild(div_element);

div.appendChild(div_field);
  div.appendChild(br3);
  main_td.appendChild(div);
  jQuery("#main_div").append( form_maker.type_country_list_description );

if (w_field_label_pos == "top")
    label_top(i);

change_class(w_class, i);
  refresh_attr(i, 'type_text');
}

function create_datefields_separator(i, w_divider) {
  var label = jQuery('<label class="fm-field-label" for="edit_for_fields_divider">Fields separator</label>');
  var input = jQuery('<input type="text" class="fm-width-100" id="edit_for_fields_divider" onKeyUp="set_divider(' + i + ', this.value)" value="' + w_divider + '" />');
  return create_option_container(label, input);
}

function create_datefield_day_type(i, w_day_type) {
  var label = jQuery('<label class="fm-field-label">Day field type</label>');
  var input1 = jQuery('<input type="radio" id="el_day_field_type_text" name="edit_for_day_field_type" onchange="field_to_text(' + i + ', \'day\')"' + (w_day_type == "SELECT" ? '' : ' checked="checked"') + ' />');
  var label1 = jQuery('<label for="el_day_field_type_text">Input</label>');
  var input2 = jQuery('<input type="radio" id="el_day_field_type_select" name="edit_for_day_field_type" onchange="field_to_select(' + i + ', \'day\')"' + (w_day_type == "SELECT" ? ' checked="checked"' : '') + ' />');
  var label2 = jQuery('<label for="el_day_field_type_select">Select</label>');;
  var input = input1;
  input = input.add(label1);
  input = input.add(input2);
  input = input.add(label2);
  return create_option_container(label, input);
}

function create_datefields_day_size(i, w_day_size) {
  var label = jQuery('<label class="fm-field-label" for="edit_for_day_size">Day field width(px)</label>');
  var input = jQuery('<input type="text" class="fm-width-100" id="edit_for_day_size" onKeyPress="return check_isnum(event)" onKeyUp="change_w_style(\'' + i + '_dayform_id_temp\', this.value)" value="' + w_day_size + '" />');
  return create_option_container(label, input);
}

function create_datefield_month_type(i, w_month_type) {
  var label = jQuery('<label class="fm-field-label">Month field type</label>');
  var input1 = jQuery('<input type="radio" id="el_month_field_type_text" name="edit_for_month_field_type" onchange="field_to_text(' + i + ', \'month\')"' + (w_month_type == "SELECT" ? '' : ' checked="checked"') + ' />');
  var label1 = jQuery('<label for="el_month_field_type_text">Input</label>');
  var input2 = jQuery('<input type="radio" id="el_month_field_type_select" name="edit_for_month_field_type" onchange="field_to_select(' + i + ', \'month\')"' + (w_month_type == "SELECT" ? ' checked="checked"' : '') + ' />');
  var label2 = jQuery('<label for="el_month_field_type_select">Select</label>');;
  var input = input1;
  input = input.add(label1);
  input = input.add(input2);
  input = input.add(label2);
  return create_option_container(label, input);
}

function create_datefields_month_size(i, w_month_size) {
  var label = jQuery('<label class="fm-field-label" for="edit_for_month_size">Month field width(px)</label>');
  var input = jQuery('<input type="text" class="fm-width-100" id="edit_for_month_size" onKeyPress="return check_isnum(event)" onKeyUp="change_w_style(\'' + i + '_monthform_id_temp\', this.value)" value="' + w_month_size + '" />');
  return create_option_container(label, input);
}

function create_datefield_year_type(i, w_year_type) {
  var label = jQuery('<label class="fm-field-label">Year field type</label>');
  var input1 = jQuery('<input type="radio" id="el_year_field_type_text" name="edit_for_year_field_type" onchange="field_to_text(' + i + ', \'year\')"' + (w_year_type == "SELECT" ? '' : ' checked="checked"') + ' />');
  var label1 = jQuery('<label for="el_year_field_type_text">Input</label>');
  var input2 = jQuery('<input type="radio" id="el_year_field_type_select" name="edit_for_year_field_type" onchange="field_to_select(' + i + ', \'year\')"' + (w_year_type == "SELECT" ? ' checked="checked"' : '') + ' />');
  var label2 = jQuery('<label for="el_year_field_type_select">Select</label>');
  var input = input1;
  input = input.add(label1);
  input = input.add(input2);
  input = input.add(label2);
  return create_option_container(label, input);
}

function create_datefields_year_size(i, w_year_size) {
  var label = jQuery('<label class="fm-field-label" for="edit_for_year_size">Year field width(px)</label>');
  var input = jQuery('<input type="text" class="fm-width-100" id="edit_for_year_size" onKeyPress="return check_isnum(event)" onKeyUp="change_w_style(\'' + i + '_yearform_id_temp\', this.value)" value="' + w_year_size + '" />');
  return create_option_container(label, input);
}

function create_datefields_year_interval(i, w_from, w_to) {
  var label = jQuery('<label class="fm-field-label" for="edit_for_year_interval_from">Year interval</label>');
  var input = jQuery('<input type="text" class="fm-width-40" id="edit_for_year_interval_from" onKeyPress="return check_isnum(event)" onFocusOut="year_interval(' + i + ')" value="' + w_from + '" />-<input type="text" class="fm-width-40" id="edit_for_year_interval_to" onKeyPress="return check_isnum(event)" onFocusOut="year_interval(' + i + ')" value="' + w_to + '" />');
  return create_option_container(label, input);
}

function create_datefields_min_birthdate(i, w_min_day, w_min_month, w_min_year) {
  var current_date = new Date();
  var label = jQuery('<label class="fm-field-label" for="edit_for_min_day">Min value of date</label>');
  var input = jQuery('<input type="number" class="fm-width-30 hide_number_arrow" id="edit_for_min_day" placeholder="Day" min="0" max="31" oninput="validity.valid||(value=\'\')"; onKeyPress="return check_isnum(event)" onKeyUp="min_date_field_birthdate(' + i + ')" value="' + w_min_day + '" /> - <input type="number" class="fm-width-30 hide_number_arrow" id="edit_for_min_month" placeholder="Month" min="0" max="12" oninput="validity.valid||(value=\'\')"; onKeyPress="return check_isnum(event)" onKeyUp="min_date_field_birthdate(' + i + ')" value="' + w_min_month + '" /> - <input type="number" class="fm-width-20 hide_number_arrow" id="edit_for_min_year" placeholder="Year" min="1" oninput="validity.valid||(value=\'\')"; onKeyPress="return check_isnum(event)" onKeyUp="min_date_field_birthdate(' + i + ')" value="' + w_min_year + '" />');
  return create_option_container(label, input);
}

function create_datefields_min_alert(i, w_min_dob_alert, type) {
  var label = jQuery('<label class="fm-field-label" for="edit_for_min_dob_alert">Alert for Min value of date</label>');
  var input = jQuery('<input type="text" class="fm-width-100" id="edit_for_min_dob_alert" onChange="refresh_datefields_min_alert(' + i + ',\'' + type + '\')" value="' + w_min_dob_alert.replace(/"/g, "&quot;") + '" />');
  return create_option_container(label, input);
}

function field_to_select(id, type) {
  switch (type) {
    case 'day': {
      w_width = document.getElementById('edit_for_day_size').value != '' ? document.getElementById('edit_for_day_size').value : 30;
      w_day = document.getElementById(id + "_dayform_id_temp").value;
      document.getElementById(id + "_td_date_input1").innerHTML = '';

var select_day = document.createElement('select');
      select_day.setAttribute("id", id + '_dayform_id_temp');
      select_day.setAttribute("name", id + '_dayform_id_temp');
      select_day.setAttribute("onChange", 'set_select(this)');
      select_day.style.width = w_width + 'px';

var options = document.createElement('option');
      options.setAttribute("value", '');
      options.innerHTML = '';
      select_day.appendChild(options);

for (k = 1; k <= 31; k++) {
        if (k < 10)
          k = '0' + k;
        var options = document.createElement('option');
        options.setAttribute("value", k);
        options.innerHTML = k;
        if (k == w_day)
          options.setAttribute("selected", "selected");

select_day.appendChild(options);

}

document.getElementById(id + "_td_date_input1").appendChild(select_day);

break;
    }
    case 'month': {
      w_width = document.getElementById('edit_for_month_size').value != '' ? document.getElementById('edit_for_month_size').value : 60;
      w_month = document.getElementById(id + "_monthform_id_temp").value;

document.getElementById(id + "_td_date_input2").innerHTML = '';

var select_month = document.createElement('select');
      select_month.setAttribute("id", id + '_monthform_id_temp');
      select_month.setAttribute("name", id + '_monthform_id_temp');
      select_month.setAttribute("onChange", 'set_select(this)');
      select_month.style.width = w_width + 'px';

var options = document.createElement('option');
      options.setAttribute("value", '');
      options.innerHTML = '';
      select_month.appendChild(options);

var myMonths = new Array("January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December");
      for (k = 1; k <= 12; k++) {
        if (k < 10)
          k = '0' + k;
        var options = document.createElement('option');
        options.setAttribute("value", k);
        options.innerHTML = myMonths[k - 1];
        if (k == w_month)
          options.setAttribute("selected", "selected");

select_month.appendChild(options);

}
      document.getElementById(id + "_td_date_input2").appendChild(select_month);
      break;
    }
    case 'year': {
      w_width = document.getElementById('edit_for_year_size').value != '' ? document.getElementById('edit_for_year_size').value : 60;
      w_year = document.getElementById(id + "_yearform_id_temp").value;

document.getElementById(id + "_td_date_input3").innerHTML = '';
      var select_year = document.createElement('select');
      select_year.setAttribute("id", id + '_yearform_id_temp');
      select_year.setAttribute("name", id + '_yearform_id_temp');
      select_year.setAttribute("onChange", 'set_select(this)');
      select_year.style.width = w_width + 'px';

var options = document.createElement('option');
      options.setAttribute("value", '');
      options.innerHTML = '';
      select_year.appendChild(options);

for (k = to; k >= from; k--) {
        var options = document.createElement('option');
        options.setAttribute("value", k);
        options.innerHTML = k;
        if (k == w_year)
          options.setAttribute("selected", "selected");

select_year.appendChild(options);
      }
      select_year.value = w_year;
      select_year.setAttribute('from', from);
      select_year.setAttribute('to', to);
      document.getElementById(id + "_td_date_input3").appendChild(select_year);
      break;
    }
  }
  refresh_attr(id, 'type_date_fields');
}

function field_to_text(id, type) {
  switch (type) {
    case 'day': {
      w_width = document.getElementById('edit_for_day_size').value != '' ? document.getElementById('edit_for_day_size').value : 30;
      w_day = document.getElementById(id + "_dayform_id_temp").value;
      document.getElementById(id + "_td_date_input1").innerHTML = '';

var day = document.createElement('input');
      day.setAttribute("type", 'text');
      day.setAttribute("value", w_day);
      //day.setAttribute("class", "time_box");
      day.setAttribute("id", id + "_dayform_id_temp");
      day.setAttribute("name", id + "_dayform_id_temp");
      day.setAttribute("onBlur", "if (this.value=='0') this.value=''; else add_0('" + id + "_dayform_id_temp')");

day.style.width = w_width + 'px';

document.getElementById(id + "_td_date_input1").appendChild(day);
      break;
    }
    case 'month': {
      w_width = document.getElementById('edit_for_month_size').value != '' ? document.getElementById('edit_for_month_size').value : 60;
      w_month = document.getElementById(id + "_monthform_id_temp").value;
      document.getElementById(id + "_td_date_input2").innerHTML = '';
      var month = document.createElement('input');
      month.setAttribute("type", 'text');
      month.setAttribute("value", w_month);
      month.setAttribute("id", id + "_monthform_id_temp");
      month.setAttribute("name", id + "_monthform_id_temp");
      month.style.width = w_width + 'px';
      month.setAttribute("onBlur", "if (this.value=='0') this.value=''; else add_0('" + id + "_monthform_id_temp')");

document.getElementById(id + "_td_date_input2").appendChild(month);
      break;
    }
    case 'year': {
      w_width = document.getElementById('edit_for_year_size').value != '' ? document.getElementById('edit_for_year_size').value : 60;
      w_year = document.getElementById(id + "_yearform_id_temp").value;

document.getElementById(id + "_td_date_input3").innerHTML = '';

var current_date = new Date();
      from = parseInt(document.getElementById("edit_for_year_interval_from").value);
      to = document.getElementById("edit_for_year_interval_to").value != '' ? parseInt(document.getElementById("edit_for_year_interval_to").value) : current_date.getFullYear();
      if ((parseInt(w_year) < from) || (parseInt(w_year) > to))
        w_year = '';
      var year = document.createElement('input');
      year.setAttribute("type", 'text');
      year.setAttribute("value", w_year);
      //year.setAttribute("class", "time_box");
      year.setAttribute("id", id + "_yearform_id_temp");
      year.setAttribute("name", id + "_yearform_id_temp");
      year.style.width = w_width + 'px';
      year.setAttribute('from', from);
      year.setAttribute('to', to);
      document.getElementById(id + "_td_date_input3").appendChild(year);
      break;
    }
  }
  refresh_attr(id, 'type_date_fields');
}

function set_divider(id, divider) {
  document.getElementById(id + "_separator1").innerHTML = divider;
  document.getElementById(id + "_separator2").innerHTML = divider;
}

function refresh_datefields_min_alert(num, type) {
  if ( !document.getElementById('edit_for_min_dob_alert').value ) {
    document.getElementById('edit_for_min_dob_alert').value = "Date of birth does not meet specified requirements.";
  }
  document.getElementById(num + '_min_dob_alert_id_temp').value = document.getElementById('edit_for_min_dob_alert').value;
  refresh_attr(num, 'type_' + type);
}

function go_to_type_date_fields(new_id) {
  w_attr_name = [];
  w_attr_value = [];
  var current_date = new Date();
  w_to = current_date.getFullYear();
  type_date_fields(new_id, 'Date of Birth', '', 'top', 'no', '', '', '', 'SELECT', 'SELECT', 'SELECT', 'day', 'month', 'year', '60', '100', '80', 'no', 'wdform_date_fields', '1901', w_to, '', '', '', 'Date of birth does not meet specified requirements.', '&nbsp;/&nbsp;', w_attr_name, w_attr_value);
}

function type_date_fields(i, w_field_label, w_field_label_size, w_field_label_pos, w_hide_label, w_day, w_month, w_year, w_day_type, w_month_type, w_year_type, w_day_label, w_month_label, w_year_label, w_day_size, w_month_size, w_year_size, w_required, w_class, w_from, w_to, w_min_day, w_min_month, w_min_year, w_min_dob_alert, w_divider, w_attr_name, w_attr_value) {
  current_date = new Date();
  jQuery("#element_type").val("type_date_fields");
  delete_last_child();

var advanced_options_container = jQuery('<div class="inside"></div>');
  edit_main_table.append(create_advanced_options_container(advanced_options_container));
  advanced_options_container.append(create_datefields_separator(i, w_divider));
  advanced_options_container.append(create_datefield_day_type(i, w_day_type));
  advanced_options_container.append(create_datefields_day_size(i, w_day_size));
  advanced_options_container.append(create_datefield_month_type(i, w_month_type));
  advanced_options_container.append(create_datefields_month_size(i, w_month_size));
  advanced_options_container.append(create_datefield_year_type(i, w_year_type));
  advanced_options_container.append(create_datefields_year_size(i, w_year_size));
  advanced_options_container.append(create_datefields_year_interval(i, w_from, w_to));
  advanced_options_container.append(create_datefields_min_birthdate(i, w_min_day, w_min_month, w_min_year));
  advanced_options_container.append(create_datefields_min_alert(i, w_min_dob_alert, 'type_date_fields'));
  advanced_options_container.append(jQuery('<div class="notice notice-info"><p>Leave the second field empty and the current year will be used automatically. For a specific year (other than current) fill out both the start and finish points of the range.</p></div>'));
  advanced_options_container.append(create_field_label_size(i, w_field_label_size));
  advanced_options_container.append(create_class(i, w_class));
  advanced_options_container.append(create_additional_attributes(i, w_attr_name, 'type_date_fields'));

var edit_labels = document.createTextNode("The labels of the fields are editable. Please, click on the label to edit.");
  var div = document.createElement('div');
  div.setAttribute("id", "main_div");

var div_for_editable_labels = document.createElement('div');
  div_for_editable_labels.setAttribute("style", "margin-left:4px; color:red;");
  div_for_editable_labels.appendChild(edit_labels);

var div_field = document.createElement('div');
  div_field.setAttribute("id", i + "_elemet_tableform_id_temp");

var display_label_div = (w_hide_label == "yes" ? "none" : "table-cell");
  var div_label = document.createElement('div');
  div_label.setAttribute("align", 'left');
  div_label.style.cssText = 'display:' + display_label_div + '; vertical-align:top; width:' + w_field_label_size + 'px';
  div_label.setAttribute("id", i + "_label_sectionform_id_temp");

var table_date = document.createElement('div');
  table_date.setAttribute("id", i + "_table_date");
  table_date.style.display = "table";

var tr_date1 = document.createElement('div');
  tr_date1.setAttribute("id", i + "_tr_date1");
  tr_date1.style.display = "table-row";

var tr_date2 = document.createElement('div');
  tr_date2.setAttribute("id", i + "_tr_date2");
  tr_date2.style.display = "table-row";

var td_date_input1 = document.createElement('div');
  td_date_input1.setAttribute("id", i + "_td_date_input1");
  td_date_input1.style.display = "table-cell";

var td_date_separator1 = document.createElement('div');
  td_date_separator1.setAttribute("id", i + "_td_date_separator1");
  td_date_separator1.style.display = "table-cell";

var td_date_input2 = document.createElement('div');
  td_date_input2.setAttribute("id", i + "_td_date_input2");
  td_date_input2.style.display = "table-cell";

var td_date_separator2 = document.createElement('div');
  td_date_separator2.setAttribute("id", i + "_td_date_separator2");
  td_date_separator2.style.display = "table-cell";

var td_date_input3 = document.createElement('div');
  td_date_input3.setAttribute("id", i + "_td_date_input3");
  td_date_input3.style.display = "table-cell";

var td_date_label1 = document.createElement('div');
  td_date_label1.setAttribute("id", i + "_td_date_label1");
  td_date_label1.style.display = "table-cell";

var td_date_label_empty1 = document.createElement('div');
  td_date_label_empty1.style.display = "table-cell";

var td_date_label2 = document.createElement('div');
  td_date_label2.setAttribute("id", i + "_td_date_label2");
  td_date_label2.style.display = "table-cell";
  var td_date_label_empty2 = document.createElement('div');
  td_date_label_empty2.style.display = "table-cell";

var td_date_label3 = document.createElement('div');
  td_date_label3.setAttribute("id", i + "_td_date_label3");
  td_date_label3.style.display = "table-cell";

var day = document.createElement('input');
  day.setAttribute("type", 'text');
  day.setAttribute("value", w_day);
  day.setAttribute("id", i + "_dayform_id_temp");
  day.setAttribute("name", i + "_dayform_id_temp");
  day.setAttribute("onBlur", "if (this.value=='0') this.value=''; else add_0('" + i + "_dayform_id_temp')");
  day.style.width = w_day_size + 'px';

var day_label = document.createElement('label');
  day_label.setAttribute("class", "mini_label");
  day_label.setAttribute("id", i + "_day_label");
  day_label.innerHTML = w_day_label;

var day_ = document.createElement('span');
  day_.setAttribute("id", i + "_separator1");
  day_.setAttribute("class", "wdform_separator");
  day_.innerHTML = w_divider;

var month = document.createElement('input');
  month.setAttribute("type", 'text');
  month.setAttribute("value", w_month);
  month.setAttribute("id", i + "_monthform_id_temp");
  month.setAttribute("name", i + "_monthform_id_temp");
  month.style.width = w_month_size + 'px';
  month.setAttribute("onBlur", "if (this.value=='0') this.value=''; else add_0('" + i + "_monthform_id_temp')");

var month_label = document.createElement('label');
  month_label.setAttribute("class", "mini_label");
  month_label.setAttribute("class", "mini_label");
  month_label.setAttribute("id", i + "_month_label");
  month_label.innerHTML = w_month_label;

var month_ = document.createElement('span');
  month_.setAttribute("id", i + "_separator2");
  month_.setAttribute("class", "wdform_separator");
  month_.innerHTML = w_divider;

if (w_to == '')
    w_to = current_date.getFullYear();
  var year = document.createElement('input');
  year.setAttribute("type", 'text');
  year.setAttribute("from", w_from);
  year.setAttribute("to", w_to);
  year.setAttribute("value", w_year);
  year.setAttribute("id", i + "_yearform_id_temp");
  year.setAttribute("name", i + "_yearform_id_temp");
  year.style.width = w_year_size + 'px';

var year_label = document.createElement('label');
  year_label.setAttribute("class", "mini_label");
  year_label.setAttribute("id", i + "_year_label");
  year_label.innerHTML = w_year_label;

var adding_min_day = document.createElement("input");
  adding_min_day.setAttribute("type", "hidden");
  adding_min_day.setAttribute("value", w_min_day);
  adding_min_day.setAttribute("name", i + "_min_day_id_temp");
  adding_min_day.setAttribute("id", i + "_min_day_id_temp");
  var adding_min_month = document.createElement("input");
  adding_min_month.setAttribute("type", "hidden");
  adding_min_month.setAttribute("value", w_min_month);
  adding_min_month.setAttribute("name", i + "_min_month_id_temp");
  adding_min_month.setAttribute("id", i + "_min_month_id_temp");
  var adding_min_year = document.createElement("input");
  adding_min_year.setAttribute("type", "hidden");
  adding_min_year.setAttribute("value", w_min_year);
  adding_min_year.setAttribute("name", i + "_min_year_id_temp");
  adding_min_year.setAttribute("id", i + "_min_year_id_temp");
  var adding_min_dob_alert = document.createElement("input");
  adding_min_dob_alert.setAttribute("type", "hidden");
  adding_min_dob_alert.setAttribute("value", w_min_dob_alert.replace(/"/g, "&quot;"));
  adding_min_dob_alert.setAttribute("name", i + "_min_dob_alert_id_temp");
  adding_min_dob_alert.setAttribute("id", i + "_min_dob_alert_id_temp");

var main_td = document.getElementById('show_table');

div_label.appendChild(label);
  div_label.appendChild(required);
  div_element.appendChild(adding_hide_label);
  td_date_input1.appendChild(day);
  td_date_separator1.appendChild(day_);
  td_date_input2.appendChild(month);
  td_date_separator2.appendChild(month_);
  td_date_input3.appendChild(year);
  tr_date1.appendChild(td_date_input1);
  tr_date1.appendChild(td_date_separator1);
  tr_date1.appendChild(td_date_input2);
  tr_date1.appendChild(td_date_separator2);
  tr_date1.appendChild(td_date_input3);
  td_date_label1.appendChild(day_label);
  td_date_label2.appendChild(month_label);
  td_date_label3.appendChild(year_label);
  tr_date2.appendChild(td_date_label1);
  tr_date2.appendChild(td_date_label_empty1);
  tr_date2.appendChild(td_date_label2);
  tr_date2.appendChild(td_date_label_empty2);
  tr_date2.appendChild(td_date_label3);
  table_date.appendChild(tr_date1);
  table_date.appendChild(tr_date2);
  div_element.appendChild(adding_type);
  div_element.appendChild(adding_required);
  div_element.appendChild(table_date);
  div_element.appendChild(adding_min_day);
  div_element.appendChild(adding_min_month);
  div_element.appendChild(adding_min_year);
  div_element.appendChild(adding_min_dob_alert);

div_field.appendChild(div_label);
  div_field.appendChild(div_element);
  div.appendChild(div_field);
  div.appendChild(br);
  div.appendChild(div_for_editable_labels);
  main_td.appendChild(div);

jQuery("#main_div").append( '<br>'+form_maker.type_date_of_birth_description );

if (w_field_label_pos == "top")
    label_top(i);

if (w_day_type == "SELECT")
    field_to_select(i, 'day');

if (w_month_type == "SELECT")
    field_to_select(i, 'month');

if (w_year_type == "SELECT")
    field_to_select(i, 'year');

change_class(w_class, i);
  refresh_attr(i, 'type_date_fields');

jQuery(function (jQuery) {
    jQuery("label#" + i + "_day_label").click(function () {
      if (jQuery(this).children('input').length == 0) {
        var day = "<input type='text' class='day' style='outline:none; border:none; background:none; width:100px;' value=\"" + jQuery(this).text() + "\">";
        jQuery(this).html(day);
        jQuery("input.day").focus();
        jQuery("input.day").blur(function () {
          var value = jQuery(this).val();
          jQuery("#" + i + "_day_label").text(value);
        });
      }
    });

jQuery("label#" + i + "_month_label").click(function () {
      if (jQuery(this).children('input').length == 0) {
        var month = "<input type='text' class='month'  style='outline:none; border:none; background:none; width:100px;' value=\"" + jQuery(this).text() + "\">";
        jQuery(this).html(month);
        jQuery("input.month").focus();
        jQuery("input.month").blur(function () {
          var value = jQuery(this).val();
          jQuery("#" + i + "_month_label").text(value);
        });
      }
    });

jQuery("label#" + i + "_year_label").click(function () {
      if (jQuery(this).children('input').length == 0) {
        var year = "<input type='text' class='year' size='8' style='outline:none; border:none; background:none; width:100px;' value=\"" + jQuery(this).text() + "\">";
        jQuery(this).html(year);
        jQuery("input.year").focus();
        jQuery("input.year").blur(function () {
          var value = jQuery(this).val();
          jQuery("#" + i + "_year_label").text(value);
        });
      }
    });
  });
}

function create_payment_amount_range(i, w_range_min, w_range_max) {
  var label = jQuery('<label class="fm-field-label">Range</label>');
  var input = jQuery('<input type="text" class="fm-width-40" id="el_range_min1" onKeyPress="return check_isnum(event)" onChange="change_input_range_new(\'min\', ' + i + ')" value="' + w_range_min + '" placeholder="Min" />-<input type="text" class="fm-width-40" id="el_range_max1" onKeyPress="return check_isnum(event)" onChange="change_input_range_new(\'max\', ' + i + ')" value="' + w_range_max + '" placeholder="Max" />');
  return create_option_container(label, input);
}

function create_hide_payment_currency(i, w_currency) {
  var label = jQuery('<label class="fm-field-label" for="el_currency">Hide payment currency</label>');
  var input = jQuery('<input type="checkbox" id="el_currency" onchange="hide_currency(this.checked, ' + i + ')"' + (w_currency == 'yes' ? ' checked="checked"' : '') + ' />');
  return create_option_container(label, input);
}

function create_hide_total_currency(i, w_hide_total_currency) {
  var label = jQuery('<label class="fm-field-label" for="el_hide_total_currency">Hide currency</label>');
  var input = jQuery('<input type="checkbox" id="el_hide_total_currency" onchange="hide_total_currency(' + i + ')"' + (w_hide_total_currency == 'yes' ? ' checked="checked"' : '') + ' />');
  return create_option_container(label, input);
}

function change_input_range_new(type, id) {
  var s = '';
  if (document.getElementById('el_range_' + type + '1').value != '') {
    s = document.getElementById('el_range_' + type + '1').value;
  }
  document.getElementById(id + '_range_' + type + 'form_id_temp').value = s;
}

function hide_currency(hide, id) {
  if (hide) {
    document.getElementById(id + '_td_name_currency').style.display = "none";
  }
  else {
    document.getElementById(id + '_td_name_currency').style.display = "table-cell";
  }
}

function go_to_type_paypal_price_new(new_id) {
  w_attr_name = [];
  w_attr_value = [];
  type_paypal_price_new(new_id, 'Amount', '', 'top', 'no', '', '', '', 'no', '', w_attr_name, w_attr_value, '', '', 'no', 'no')
}

function type_paypal_price_new(i, w_field_label, w_field_label_size, w_field_label_pos, w_hide_label, w_first_val, w_title, w_size, w_required, w_class, w_attr_name, w_attr_value, w_range_min, w_range_max, w_readonly, w_currency) {
  jQuery("#element_type").val("type_paypal_price_new");
  delete_last_child();

// Preview
  var adding_type = document.createElement("input");
  adding_type.setAttribute("type", "hidden");
  adding_type.setAttribute("value", "type_paypal_price_new");
  adding_type.setAttribute("name", i + "_typeform_id_temp");
  adding_type.setAttribute("id", i + "_typeform_id_temp");

var adding_range_min = document.createElement("input");
  adding_range_min.setAttribute("type", "hidden");
  adding_range_min.setAttribute("value", w_range_min);
  adding_range_min.setAttribute("name", i + "_range_minform_id_temp");
  adding_range_min.setAttribute("id", i + "_range_minform_id_temp");

var adding_range_max = document.createElement("input");
  adding_range_max.setAttribute("type", "hidden");
  adding_range_max.setAttribute("value", w_range_max);
  adding_range_max.setAttribute("name", i + "_range_maxform_id_temp");
  adding_range_max.setAttribute("id", i + "_range_maxform_id_temp");

var div = document.createElement('div');
  div.setAttribute("id", "main_div");

var div_field = document.createElement('div');
  div_field.setAttribute("id", i + "_elemet_tableform_id_temp");

var display_label_div = (w_hide_label == "yes" ? "none" : "table-cell");
  var div_label = document.createElement('div');
  div_label.setAttribute("align", 'left');
  div_label.style.display = display_label_div;
  div_label.style.width = w_field_label_size + "px";
  div_label.setAttribute("id", i + "_label_sectionform_id_temp");

var table_price = document.createElement('div');
  table_price.setAttribute("id", i + "_table_price");
  table_price.style.display = "table";

var tr_price1 = document.createElement('div');
  tr_price1.setAttribute("id", i + "_tr_price1");
  tr_price1.style.display = "table-row";

var td_name_currency = document.createElement('div');
  td_name_currency.setAttribute("id", i + "_td_name_currency");
  if (w_currency == 'no')
    td_name_currency.style.display = "table-cell";
  else
    td_name_currency.style.display = "none";

var td_name_dollars = document.createElement('div');
  td_name_dollars.setAttribute("id", i + "_td_name_dollars");
  td_name_dollars.style.display = "table-cell";

var td_name_label_currency = document.createElement('div');
  td_name_label_currency.style.display = "table-cell";

var td_name_label_dollars = document.createElement('div');
  td_name_label_dollars.setAttribute("align", "left");
  td_name_label_dollars.style.display = "table-cell";

var td_name_label_ket = document.createElement('div');
  td_name_label_ket.setAttribute("id", i + "_td_name_label_divider");
  td_name_label_ket.style.display = "table-cell";

var td_name_label_cents = document.createElement('div');
  td_name_label_cents.setAttribute("align", "left");
  td_name_label_cents.setAttribute("id", i + "_td_name_label_cents");
  td_name_label_cents.style.display = "table-cell";

if (w_required == "yes")
    required.innerHTML = " *";

var currency = document.createElement('span');
  currency.setAttribute("class", 'wdform_colon');
  currency.style.cssText = "font-style:bold; vertical-align:middle";
  currency.innerHTML = "&nbsp;$&nbsp;";

var currency_label = document.createElement('label');
  currency_label.setAttribute("class", "mini_label");

var dollars = document.createElement('input');
  dollars.setAttribute("type", 'text');
  dollars.style.cssText = "width:" + w_size + "px";
  dollars.setAttribute("id", i + "_elementform_id_temp");
  dollars.setAttribute("name", i + "_elementform_id_temp");
  dollars.setAttribute("value", w_first_val);
  dollars.setAttribute("title", w_title);
  dollars.setAttribute("placeholder", w_title);
  if (w_readonly == 'yes')
    dollars.setAttribute("readonly", "readonly");
  dollars.setAttribute("onKeyPress", "return check_isnum(event)");

var dollars_label = document.createElement('label');
  dollars_label.setAttribute("class", "mini_label");
  dollars_label.setAttribute("id", i + "_mini_label_dollars");

var main_td = document.getElementById('show_table');
  div_label.appendChild(label);
  div_label.appendChild(required);
  div_element.appendChild(adding_hide_label);
  td_name_currency.appendChild(currency);
  td_name_dollars.appendChild(dollars);
  tr_price1.appendChild(td_name_currency);
  tr_price1.appendChild(td_name_dollars);
  td_name_label_currency.appendChild(currency_label);
  td_name_label_dollars.appendChild(dollars_label);
  table_price.appendChild(tr_price1);
  div_element.appendChild(adding_type);
  div_element.appendChild(adding_required);
  div_element.appendChild(adding_readonly);
  div_element.appendChild(adding_range_min);
  div_element.appendChild(adding_range_max);
  div_element.appendChild(table_price);
  div_field.appendChild(div_label);
  div_field.appendChild(div_element);
  div.appendChild(div_field);
  main_td.appendChild(div);
  jQuery("#main_div").append( '<br>'+form_maker.type_price_description );

if (w_field_label_pos == "top")
    label_top(i);

change_class(w_class, i);
  refresh_attr(i, 'type_text');
}

function create_paypal_select_options(i, w_choices, w_choices_params, w_choices_price, w_choices_disabled) {
  var label = jQuery('<label class="fm-field-label">Options</label>');
  var button1 = jQuery('<button id="el_choices_add" class="fm-add-option button-secondary" onClick="add_choise_price(\'select\', ' + i + '); return false;" title="Add option"><span class="field-type-button fm-add-attribute dashicons dashicons-plus-alt"></span>Option</button>');
  if ( form_maker.is_demo ) {
    var button2 = jQuery('<button class="fm-add-option button-secondary" onClick="alert(\'This feature is disabled in demo.\')" title="Add options from database"><span class="field-type-button fm-add-attribute dashicons dashicons-plus-alt"></span>From Database</button>');
  }
  else {
    var button2 = jQuery('<button class="fm-add-option button-secondary" onClick="tb_show(\'\', \'admin-ajax.php?action=select_data_from_db&nonce=' + fm_ajax.ajaxnonce + '&field_id=' + i + '&field_type=paypal_select&width=530&height=370&TB_iframe=1\'); return false;" title="Add options from database"><span class="field-type-button fm-add-attribute dashicons dashicons-plus-alt"></span>From Database</button>');
  }
  var note = jQuery('<div class="fm-width-100 error">IMPORTANT! Check the "Empty value" checkbox only if you want the option to be considered as empty.</div>');
  var attr_table = jQuery('<div id="choices" class="fm-width-100 ui-sortable"></div>');
  var attr_header = jQuery('<div class="fm-width-100"><div class="fm-header-label fm-width-40">Product name</div><div class="fm-header-label fm-width-20">Price</div><div class="fm-header-label fm-width-20">Empty value</div><div class="fm-header-label fm-width-10">Delete</div><div class="fm-header-label fm-width-10">Move</div></div>');
  attr_table.append(attr_header);

n = w_choices.length;
  for (j = 0; j < n; j++) {
    var attr = jQuery('<div id="' + j + '" class="change_pos fm-width-100">' +
      '<div class="fm-table-col fm-width-40">' +
      '<input type="text" class="fm-field-choice" id="el_option' + j + '" value="' + w_choices[j].replace(/"/g, "&quot;") + '" onKeyUp="change_label_price(\'' + i + '_option' + j + '\', this.value)"' + (w_choices_params[j] ? ' disabled="disabled"' : '') + ' />' +
      '</div>' +
      '<div class="fm-table-col fm-width-20">' +
      '<input type="text" class="fm-field-choice" id="el_option_price' + j + '" value="' + w_choices_price[j] + '" onKeyPress="return check_isnum_point(event)" onKeyUp="change_value_price(\'' + i + '_option' + j + '\', this.value)"' + (w_choices_params[j] ? ' disabled="disabled"' : '') + ' />' +
      '</div>' +
      '<div class="fm-table-col fm-width-20">' +
      '<input type="hidden" id="el_option_params' + j + '" value="' + w_choices_params[j] + '" />' +
      '<input type="checkbox" title="Empty value" class="el_option_dis" id="el_option' + j + '_dis" onClick="dis_option_price(' + i + ',' + j + ', this.checked)"' + (w_choices_disabled[j] ? ' checked="checked"' : '') + ' />' +
      '</div>' +
      '<div class="fm-table-col fm-width-10">' +
      '<span class="fm-remove-attribute dashicons dashicons-dismiss" id="el_option' + j + '_remove" onClick="remove_option_price(' + j + ',' + i + ')"></span>' +
      '</div>' +
      '<div class="fm-table-col fm-width-10">' +
      '<span class="fm-move-attribute fm-ico-draggable el_choices_sortable"></span>' +
      '</div>' +
      '</div>');
    attr_table.append(attr);
  }

var input = label;
  input = input.add(button1);
  input = input.add(button2);
  input = input.add(attr_table);
  input = input.add(note);
  return create_option_container(null, input);
}

function create_payment_quantity(i, w_quantity_value, w_quantity) {
  var label = jQuery('<label class="fm-field-label" for="el_quantity">Quantity property</label>');
  var input = jQuery('<input type="checkbox" id="el_quantity" value="yes" onchange="add_quantity(' + i + ',' + w_quantity_value + ')"' + (w_quantity == 'yes' ? ' checked="checked"' : '') + ' />');
  return create_option_container(label, input);
}

function add_quantity(i, w_quantity_value) {
  div_ = document.getElementById(i + "_divform_id_temp");
  if (form_maker_getElementsByAttribute(div_, "*", "id", i + "_element_quantityform_id_temp") != '') {
    div_.removeChild(document.getElementById(i + "_element_quantity_spanform_id_temp"));
    return;
  }
  select_ = document.createElement('input');
  select_.setAttribute("type", 'number');
  select_.setAttribute("min", '1');
  select_.setAttribute("required", '1');
  select_.setAttribute("value", w_quantity_value);
  select_.setAttribute("id", i + "_element_quantityform_id_temp");
  select_.setAttribute("name", i + "_element_quantityform_id_temp");
  select_.setAttribute("onKeyPress", "return check_isnum(event)");
  select_.setAttribute("onfocusout", "validity.valid||(value=\'1\')");
  select_.style.cssText = "width:50px; margin:2px 0px";

var select_label = document.createElement('label');
  select_label.innerHTML = "Quantity";
  select_label.style.cssText = "margin-right:5px";
  select_label.setAttribute("class", 'mini_label');
  select_label.setAttribute("id", i + '_element_quantity_label_form_id_temp');

var span_ = document.createElement('span');
  span_.style.cssText = "margin-right:15px";
  span_.setAttribute("id", i + '_element_quantity_spanform_id_temp');

span_.appendChild(select_label);
  span_.appendChild(select_);
  if (div_.firstChild)
    div_.insertBefore(span_, div_.firstChild);
  else
    div_.appendChild(span_);
}

function create_payment_property(i) {
  var label = jQuery('<label class="fm-field-label">Product properties</label>');
  var button = jQuery('<a class="thickbox-preview" onClick="tb_show(\'\', \'admin-ajax.php?action=product_option&nonce=' + fm_ajax.ajaxnonce + '&field_id=' + i + '&width=530&height=370&TB_iframe=1\')"><span class="fm-add-attribute dashicons dashicons-plus-alt" title="Add"></span></a>');
  var attr_table = jQuery('<ul id="option_ul" class="fm-width-100"></ul>');

var input = label;
  input = input.add(button);
  input = input.add(attr_table);
  return create_option_container(null, input);
}

function add_choise_price(type, num) {
  var q = 0;
  if (document.getElementById(num + '_hor')) {
    q = 1;
    flow_ver(num);
  }
  var max_value = 0;
  jQuery('.change_pos').each(function () {
    var value = parseInt(jQuery(this)[0].id);
    max_value = (value > max_value) ? value : max_value;
  });

max_value = max_value + 1;
  if (type == 'radio' || type == 'checkbox') {
    element = 'input';

var table = document.getElementById(num + '_table_little');
    var tr = document.createElement('div');
    tr.setAttribute("id", num + "_element_tr" + max_value);
    tr.style.display = "table-row";
    var td = document.createElement('div');
    td.setAttribute("valign", "top");
    td.setAttribute("id", num + "_td_little" + max_value);
    td.setAttribute("idi", max_value);
    td.style.display = "table-cell";

var adding = document.createElement(element);
    adding.setAttribute("type", type);
    adding.setAttribute("value", "");
    adding.setAttribute("id", num + "_elementform_id_temp" + max_value);
    if (document.getElementById(num + "_option_left_right").value == "right")
      adding.style.cssText = "float: left !important";
    if (type == 'checkbox') {
      adding.setAttribute("onClick", "set_checked('" + num + "','" + max_value + "','form_id_temp')");
      adding.setAttribute("name", num + "_elementform_id_temp" + max_value);
    }

if (type == 'radio') {
      adding.setAttribute("onClick", "set_default('" + num + "','" + max_value + "','form_id_temp')");
      adding.setAttribute("name", num + "_elementform_id_temp");
    }

var label_adding = document.createElement('label');
    label_adding.setAttribute("id", num + "_label_element" + max_value);
    label_adding.setAttribute("class", "ch-rad-label");
    label_adding.setAttribute("for", num + "_elementform_id_temp" + max_value);
    if (document.getElementById(num + "_option_left_right").value == "right")
      label_adding.style.cssText = "float: none !important";

var adding_ch_label = document.createElement('input');
    adding_ch_label.setAttribute("type", "hidden");
    adding_ch_label.setAttribute("id", num + "_elementlabel_form_id_temp" + max_value);
    adding_ch_label.setAttribute("name", num + "_elementform_id_temp" + max_value + "_label");
    adding_ch_label.setAttribute("value", "");

td.appendChild(adding);
    td.appendChild(label_adding);
    td.appendChild(adding_ch_label);
    tr.appendChild(td);
    table.appendChild(tr);

var attr_table = jQuery('#choices');
    var attr = jQuery('<div id="' + max_value + '" class="change_pos fm-width-100">' +
      '<div class="fm-table-col fm-width-60">' +
      '<input type="text" class="fm-field-choice" id="el_choices' + max_value + '" value="" onKeyUp="change_label(\'' + num + '_label_element' + max_value + '\', this.value); change_label_1(\'' + num + '_elementlabel_form_id_temp' + max_value + '\', this.value);" />' +
      '</div>' +
      '<div class="fm-table-col fm-width-20">' +
      '<input type="text" class="fm-field-choice" id="el_option_price' + max_value + '" value="" onKeyPress="return check_isnum_point(event)" onKeyUp="change_value_price(\'' + num + '_elementform_id_temp' + max_value + '\', this.value)" />' +
      '</div>' +
      '<input type="hidden" id="el_option_params' + max_value + '" value="" />' +
      '<div class="fm-table-col fm-width-10">' +
      '<span class="fm-remove-attribute dashicons dashicons-dismiss" id="el_option' + max_value + '_remove" onClick="remove_choise_price(' + max_value + ',' + num + ')"></span>' +
      '</div>' +
      '<div class="fm-table-col fm-width-10">' +
      '<span class="fm-move-attribute fm-ico-draggable el_choices_sortable"></span>' +
      '</div>' +
      '</div>');
    attr_table.append(attr);
    refresh_attr(num, 'type_checkbox');
  }
  if (type == 'select') {
    var select_ = document.getElementById(num + '_elementform_id_temp');
    var option = document.createElement('option');
    option.setAttribute("id", num + "_option" + max_value);

select_.appendChild(option);
    var attr_table = jQuery('#choices');
    var attr = jQuery('<div id="' + max_value + '" class="change_pos fm-width-100">' +
      '<div class="fm-table-col fm-width-40">' +
      '<input type="text" class="fm-field-choice" id="el_option' + max_value + '" value="" onKeyUp="change_label_price(\'' + num + '_option' + max_value + '\', this.value)" />' +
      '</div>' +
      '<div class="fm-table-col fm-width-20">' +
      '<input type="text" class="fm-field-choice" id="el_option_price' + max_value + '" value="" onKeyPress="return check_isnum_point(event)" onKeyUp="change_value_price(\'' + num + '_option' + max_value + '\', this.value)" />' +
      '</div>' +
      '<div class="fm-table-col fm-width-20">' +
      '<input type="hidden" id="el_option_params' + max_value + '" value="" />' +
      '<input type="checkbox" title="Empty value" class="el_option_dis" id="el_option' + max_value + '_dis" onClick="dis_option_price(' + num + ',' + max_value + ', this.checked)" />' +
      '</div>' +
      '<div class="fm-table-col fm-width-10">' +
      '<span class="fm-remove-attribute dashicons dashicons-dismiss" id="el_option' + max_value + '_remove" onClick="remove_option_price(' + max_value + ',' + num + ')"></span>' +
      '</div>' +
      '<div class="fm-table-col fm-width-10">' +
      '<span class="fm-move-attribute fm-ico-draggable el_choices_sortable"></span>' +
      '</div>' +
      '</div>');
    attr_table.append(attr);
  }
  if (q == 1) {
    flow_hor(num);
  }
}

function flow_hor(id) {
  tbody = document.getElementById(id + '_table_little');
  td_array = new Array();
  n = tbody.childNodes.length;
  for (k = 0; k < n; k++) {
    td_array[k] = tbody.childNodes[k].childNodes[0];
  }
  for (k = 0; k < n; k++) {
    tbody.removeChild(tbody.childNodes[0]);
  }
  var tr = document.createElement('div');
  tr.style.display = "table-row";
  tr.setAttribute("id", id + "_hor");

tbody.appendChild(tr);
  for (k = 0; k < n; k++) {
    tr.appendChild(td_array[k]);
  }
}

function change_label_price(id, label) {
  document.getElementById(id).innerHTML = label;
}

function change_value_price(id, label) {
  document.getElementById(id).value = label;
}

function dis_option_price(id, i, value) {
  if (value) {
    document.getElementById(id + '_option' + i).value = '';
  }
  else {
    document.getElementById(id + '_option' + i).value = document.getElementById('el_option_price' + i).value;
  }
}

function remove_option_price(id, num) {
  var select_ = document.getElementById(num + '_elementform_id_temp');
  var option = document.getElementById(num + '_option' + id);
  select_.removeChild(option);
  var choices_td = document.getElementById('choices');
  var div = document.getElementById(id);
  choices_td.removeChild(div);
}

function add_properties(id, w_property, w_property_values) {
  n = w_property.length;
  for (i = 0; i < n; i++) {
    select_ = document.createElement('select');
    select_.setAttribute("id", id + "_propertyform_id_temp" + i);
    select_.setAttribute("name", id + "_propertyform_id_temp" + i);

select_.style.cssText = "width:auto; margin:2px 0px";

for (k = 0; k < w_property_values[i].length; k++) {
      var option = document.createElement('option');
      option.setAttribute("id", id + "_" + i + "_option" + k);
      option.setAttribute("value", w_property_values[i][k]);
      option.innerHTML = w_property_values[i][k];
      select_.appendChild(option);
    }

var select_label = document.createElement('label');
    select_label.innerHTML = w_property[i];
    select_label.style.cssText = "margin-right:5px";
    select_label.setAttribute("class", 'mini_label');
    select_label.setAttribute("id", id + '_property_label_form_id_temp' + i);

var span_ = document.createElement('span');
    span_.style.cssText = "margin-right:15px";
    span_.setAttribute("id", id + '_property_' + i);

div_ = document.getElementById(id + "_divform_id_temp");
    span_.appendChild(select_label);
    span_.appendChild(select_);
    div_.appendChild(span_);

var li_ = document.createElement('li');
    li_.setAttribute("id", 'property_li_' + i);

var li_label = document.createElement('label');
    li_label.innerHTML = w_property[i];
    li_label.setAttribute("id", 'label_property_' + i);
    li_label.style.cssText = "font-weight:bold; font-size: 13px";

var li_edit = document.createElement('a');
    li_edit.setAttribute("onclick", "tb_show('', 'admin-ajax.php?action=product_option&nonce=" + fm_ajax.ajaxnonce + "&field_id=" + id + "&property_id=" + i + "&width=530&height=370&TB_iframe=1')");
    li_edit.setAttribute("class", "thickbox-preview");

var li_edit_img = document.createElement('span');
    li_edit_img.setAttribute("class", 'fm-edit-attribute fm-ico-edit');
    li_edit.appendChild(li_edit_img);

var li_x = document.createElement('span');
    li_x.setAttribute("class", 'fm-remove-attribute dashicons dashicons-dismiss');
    li_x.setAttribute("onClick", 'remove_property(' + id + ',' + i + ')');

ul_ = document.getElementById("option_ul");

li_.appendChild(li_label);
    li_.appendChild(li_edit);
    li_.appendChild(li_x);
    ul_.appendChild(li_);
  }
}

function remove_property(id, i) {
  property_ = document.getElementById(id + '_property_' + i);
  property_.parentNode.removeChild(property_);
  property_li_ = document.getElementById('property_li_' + i);
  property_li_.parentNode.removeChild(property_li_);
}

function go_to_type_paypal_select(new_id) {
  w_choices = ["Select product", "product 1", "product 2"];
  w_choices_price = ["", "100", "200"];
  w_choices_checked = ["1", "0", "0"];
  w_choices_params = ["", "", ""];
  w_choices_disabled = [true, false, false];
  w_attr_name = [];
  w_attr_value = [];
  w_property = [];
  w_property_values = [];
  type_paypal_select(new_id, 'Select Product', '', 'top', 'no', '', w_choices, w_choices_price, w_choices_checked, 'no', 'no', '1', 'wdform_select', w_attr_name, w_attr_value, w_choices_disabled, w_property, w_property_values, w_choices_params);
}

function type_paypal_select(i, w_field_label, w_field_label_size, w_field_label_pos, w_hide_label, w_size, w_choices, w_choices_price, w_choices_checked, w_required, w_quantity, w_quantity_value, w_class, w_attr_name, w_attr_value, w_choices_disabled, w_property, w_property_values, w_choices_params) {
  jQuery("#element_type").val("type_paypal_select");
  delete_last_child();

var t = jQuery('#edit_table');
  var edit_div = jQuery('<div id="edit_div"></div>');
  t.append(edit_div);
  var edit_main_table = jQuery('<div id="edit_main_table"></div>');
  edit_div.append(edit_main_table);
  edit_main_table.append(create_field_type('type_paypal_select'));
  edit_main_table.append(create_label(i, w_field_label));
  edit_main_table.append(create_label_position(i, w_field_label_pos));
  edit_main_table.append(create_hide_label(i, w_hide_label));
  edit_main_table.append(create_required(i, w_required));
  edit_main_table.append(create_field_size(i, w_size));
  edit_main_table.append(create_paypal_select_options(i, w_choices, w_choices_params, w_choices_price, w_choices_disabled));

// Preview.
  var adding_type = document.createElement("input");
  adding_type.setAttribute("type", "hidden");
  adding_type.setAttribute("value", "type_paypal_select");
  adding_type.setAttribute("name", i + "_typeform_id_temp");
  adding_type.setAttribute("id", i + "_typeform_id_temp");

adding_required.setAttribute("id", i + "_requiredform_id_temp");