hello 404 Not Found
Al-HUWAITI Shell
Al-huwaiti


Server : Apache
System : Linux webm006.cluster103.gra.hosting.ovh.net 6.18.39-ovh-vps-grsec-zfs+ #1 SMP PREEMPT_DYNAMIC Tue Jul 21 12:03:15 CEST 2026 x86_64
User : chryzalihi ( 621211)
PHP Version : 8.3.31
Disable Function : _dyuweyrj4,_dyuweyrj4r,dl
Directory :  /home/c/h/r/chryzalihi/www/wp-contentOLD/plugins/contact-form-maker/js/

Upload File :
current_dir [ Writeable ] document_root [ Writeable ]

 

Current File : /home/c/h/r/chryzalihi/www/wp-contentOLD/plugins/contact-form-maker/js/formmaker_free.js
// Choices id.
j = 2;
var c;
var need_enable = true;
var a = new Array();
var count_of_fields_form = 7;
if (ajaxurl.indexOf("://") != -1) {
  var url_for_ajax = ajaxurl;
}
else {
  var url_for_ajax = location.protocol + '//' + location.host + ajaxurl;
}

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 check_required() {
	alert('"Submit" and "Reset" buttons are disabled in back end.');
}

function isNumber(n) {
  return !isNaN(parseFloat(n)) && isFinite(n);
}
function change_field_name(id, x) {
	value = x.value;
	if (value == parseInt(value)) {
		alert('The name of the field cannot be a number.');
		x.value="";
		document.getElementById(id+'_elementform_id_temp').name='';
		document.getElementById(id+'_element_labelform_id_temp').innerHTML='';
		return;
	}
	if (value == id + "_elementform_id_temp") {
		alert('"Field Name" should differ from "Field Id".')
		x.value="";
	}
	else {
		document.getElementById(id+'_elementform_id_temp').name=value;
		document.getElementById(id+'_element_labelform_id_temp').innerHTML=value;
	}
}

function change_field_value(id, value) {
	document.getElementById(id+'_elementform_id_temp').value = value;
}

function chnage_icons_src(img, icon) {
  if (img.src.indexOf("hover") != -1) {
    img.src =  fmc_plugin_url+'/images/' + icon + ".png";
  }
  else {
    img.src =  fmc_plugin_url+'/images/' + icon + "_hover.png";
  }
}

function return_attributes(id) {
	attr_names = new Array();
	attr_value = new Array();
	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) {
          attr_names.push(atr[i].name.replace('add_', ''));
          attr_value.push(atr[i].value);
        }
      }
    }
	}
  return Array(attr_names, attr_value);
}

function refresh_attr(x, type) {
	switch(type) {
		case "type_text": {
			id_array = Array();
			id_array[0] = x + '_elementform_id_temp';
			break;
		}
    case "type_paypal_price": {
			id_array = Array();
			id_array[0] = x + '_element_dollarsform_id_temp';
			id_array[1] = x + '_element_centsform_id_temp';
			break;
		}
    case "type_star_rating": {
			id_array = Array();
			id_array[0] = x + '_elementform_id_temp';
			break;
		}

		case "type_scale_rating": {
			id_array = Array();
			id_array[0] = x + '_elementform_id_temp';
			break;
		}

		case "type_spinner": {
			id_array = Array();
			id_array[0] = x + '_elementform_id_temp';
			break;
		}

		case "type_slider": {
			id_array = Array();
			id_array[0] = x + '_elementform_id_temp';
			break;
		}

		case "type_range": {
			id_array = Array();
			id_array[0] = x + '_elementform_id_temp0';
			id_array[1] = x + '_elementform_id_temp1';
			break;
		}

		case "type_grading": {
			id_array = Array();
			id_array[0] = x + '_elementform_id_temp';
			break;
		}

		case "type_matrix": {
			id_array = Array();
			id_array[0] = x + '_elementform_id_temp';
			break;
		}

		case "type_name":	{
			id_array=Array();
			id_array[0]=x+'_element_firstform_id_temp';
			id_array[1]=x+'_element_lastform_id_temp';
			id_array[2]=x+'_element_titleform_id_temp';
			id_array[3]=x+'_element_middleform_id_temp';
			break;
		}
		
		case "type_address":
			
		{
			id_array=Array();
			id_array[0]=x+'_street1form_id_temp';
			id_array[1]=x+'_street2form_id_temp';
			id_array[2]=x+'_cityform_id_temp';
			id_array[3]=x+'_stateform_id_temp';
			id_array[4]=x+'_postalform_id_temp';
			id_array[5]=x+'_countryform_id_temp';
			break;
		}
		
		case "type_checkbox":
			
		{
			id_array=Array();
			for(z=0;z<50;z++)
				id_array[z]=x+'_elementform_id_temp'+z;
			break;
		}
		
		case "type_time":
			
		{
			id_array=Array();
			id_array[0]=x+'_hhform_id_temp';
			id_array[1]=x+'_mmform_id_temp';
			id_array[2]=x+'_ssform_id_temp';
			id_array[3]=x+'_am_pmform_id_temp';
			break;
		}
		case "type_date":
			
		{
			id_array=Array();
			id_array[0]=x+'_elementform_id_temp';
			id_array[1]=x+'_buttonform_id_temp';
			break;
		}
		
		case "type_date_fields":
			
		{
			id_array=Array();
			id_array[0]=x+'_dayform_id_temp';
			id_array[1]=x+'_monthform_id_temp';
			id_array[2]=x+'_yearform_id_temp';
			break;
		}
		
		case "type_captcha":
			
		{
			id_array=Array();
			id_array[0]='_wd_captchaform_id_temp';
			id_array[1]='_wd_captcha_inputform_id_temp';
			id_array[2]='_element_refreshform_id_temp';
			break;
		}
		
		case "type_recaptcha":
			
		{
			id_array=Array();
			id_array[0]='wd_recaptchaform_id_temp';
			break;
		}
		
		case "type_submit_reset":
			
		{
			id_array=Array();
			id_array[0]=x+'_element_submitform_id_temp';
			id_array[1]=x+'_element_resetform_id_temp';
			break;
		}
		
		case "type_page_break":
			
		{
			id_array=Array();
			id_array[0]='_div_between';
			break;
		}
	}
		
	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 add_id_and_name(i,type)
{
	switch(type)
	{
		case 'type_text':
		{
			var	edit_main_table=document.getElementById("edit_main_table");
			
			var edit_main_tr0  = document.createElement('tr');
					edit_main_tr0.setAttribute("valing", "top");
					
			var edit_main_td0 = document.createElement('td');
				edit_main_td0.style.cssText = "padding-top:10px";
				
			var edit_main_td0_1 = document.createElement('td');
				edit_main_td0_1.style.cssText = "padding-top:10px";
				
			var br = document.createElement('br');
			var br1 = document.createElement('br');
			
			var field_id = document.createElement('label');
					field_id.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px;  margin-right:27px";
					field_id.innerHTML = "Field id ";
			
			
			var field_id_text = document.createElement('input');
				field_id_text.setAttribute("size", "50");
				field_id_text.setAttribute("type", "text");
				field_id_text.setAttribute("disabled", "disabled");
				field_id_text.setAttribute("value", i+"_elementform_id_temp");
			
			var field_name = document.createElement('label');
					field_name.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px; margin-right:3px";
					field_name.innerHTML = "Field name ";
			
			var field_name_text = document.createElement('input');
				field_name_text.setAttribute("size", "50");
				field_name_text.setAttribute("type", "text");
				field_name_text.setAttribute("disabled", "disabled");
				field_name_text.setAttribute("value", i+"_elementform_id_temp");
				
			edit_main_td0.appendChild(field_id);
			edit_main_td0.appendChild(br);
			edit_main_td0.appendChild(field_name);
			
			edit_main_td0_1.appendChild(field_id_text);
			edit_main_td0_1.appendChild(br1);
			edit_main_td0_1.appendChild(field_name_text);
			edit_main_tr0.appendChild(edit_main_td0);
			edit_main_tr0.appendChild(edit_main_td0_1);
			edit_main_table.insertBefore(edit_main_tr0,edit_main_table.childNodes[0]);		
			break;
		}
	
		case 'type_address':
		{
			var	edit_main_table=document.getElementById("edit_main_table");
			
			var edit_main_tr0  = document.createElement('tr');
					edit_main_tr0.setAttribute("valing", "top");
					
			var edit_main_td0 = document.createElement('td');
				edit_main_td0.style.cssText = "padding-top:10px";
				edit_main_td0.setAttribute("colspan", "2");
				
			var br = document.createElement('br');
			
			var field_id = document.createElement('label');
					field_id.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px;  margin-right:27px";
					field_id.innerHTML = "Fields id ";
			
			
			var field_id_text = document.createElement('input');
				field_id_text.setAttribute("type", "text");
				field_id_text.setAttribute("id", "field_id");
				field_id_text.setAttribute("disabled", "disabled");
				field_id_text.setAttribute("style", "width:350px");
				field_id_text.setAttribute("value",  i+"_street1form_id_temp, "+i+"_street2form_id_temp, "+i+"_cityform_id_temp, "+i+"_stateform_id_temp, "+i+"_postalform_id_temp, "+i+"_countryform_id_temp");
			
			var field_name = document.createElement('label');
					field_name.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px; margin-right:3px";
					field_name.innerHTML = "Fields name ";
			
			var field_name_text = document.createElement('input');
				field_name_text.setAttribute("type", "text");
				field_name_text.setAttribute("id", "field_name");
				field_name_text.setAttribute("disabled", "disabled");
				field_name_text.setAttribute("style", "width:350px");
				field_name_text.setAttribute("value", i+"_street1form_id_temp, "+i+"_street2form_id_temp, "+i+"_cityform_id_temp, "+i+"_stateform_id_temp, "+i+"_postalform_id_temp, "+i+"_countryform_id_temp");
				
			edit_main_td0.appendChild(field_id);
			edit_main_td0.appendChild(field_id_text);
			edit_main_td0.appendChild(br);
			edit_main_td0.appendChild(field_name);
			edit_main_td0.appendChild(field_name_text);
			edit_main_tr0.appendChild(edit_main_td0);
			edit_main_table.insertBefore(edit_main_tr0,edit_main_table.childNodes[0]);		
			break;
		}
	
		case 'type_name':
		{
			var	edit_main_table=document.getElementById("edit_main_table");
			
			var edit_main_tr0  = document.createElement('tr');
					edit_main_tr0.setAttribute("valing", "top");
					
			var edit_main_td0 = document.createElement('td');
				edit_main_td0.style.cssText = "padding-top:10px";
				edit_main_td0.setAttribute("colspan", "2");
				
			var br = document.createElement('br');
			
			var field_id = document.createElement('label');
					field_id.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px;  margin-right:27px";
					field_id.innerHTML = "Fields id ";
			
			
			var field_id_text = document.createElement('input');
				field_id_text.setAttribute("type", "text");
				field_id_text.setAttribute("id", "field_id");
				field_id_text.setAttribute("disabled", "disabled");
				field_id_text.setAttribute("style", "width:350px");
				field_id_text.setAttribute("value",  i+"_element_firstform_id_temp, "+i+"_element_lastform_id_temp");
			
			var field_name = document.createElement('label');
					field_name.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px; margin-right:3px";
					field_name.innerHTML = "Fields name ";
			
			var field_name_text = document.createElement('input');
				field_name_text.setAttribute("type", "text");
				field_name_text.setAttribute("id", "field_name");
				field_name_text.setAttribute("disabled", "disabled");
				field_name_text.setAttribute("style", "width:350px");
				field_name_text.setAttribute("value", i+"_element_firstform_id_temp, "+i+"_element_lastform_id_temp");
				
			edit_main_td0.appendChild(field_id);
			edit_main_td0.appendChild(field_id_text);
			edit_main_td0.appendChild(br);
			edit_main_td0.appendChild(field_name);
			edit_main_td0.appendChild(field_name_text);
			edit_main_tr0.appendChild(edit_main_td0);
			edit_main_table.insertBefore(edit_main_tr0,edit_main_table.childNodes[0]);		
			break;
		}
	
		case 'type_radio':
		{
			var	edit_main_table=document.getElementById("edit_main_table");
			
			var edit_main_tr0  = document.createElement('tr');
					edit_main_tr0.setAttribute("valing", "top");
					
			var edit_main_td0 = document.createElement('td');
				edit_main_td0.style.cssText = "padding-top:10px";
				edit_main_td0.setAttribute("colspan", "2");
				
			var br = document.createElement('br');
			
			var field_id = document.createElement('label');
					field_id.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px;  margin-right:27px";
					field_id.innerHTML = "Fields id ";
			
			
			var field_id_text = document.createElement('input');
				field_id_text.setAttribute("type", "text");
				field_id_text.setAttribute("id", "field_id");
				field_id_text.setAttribute("disabled", "disabled");
				field_id_text.setAttribute("style", "width:350px");
				field_id_text.setAttribute("value",  '');
			
			var field_name = document.createElement('label');
					field_name.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px; margin-right:3px";
					field_name.innerHTML = "Fields name ";
			
			var field_name_text = document.createElement('input');
				field_name_text.setAttribute("type", "text");
				field_name_text.setAttribute("id", "field_name");
				field_name_text.setAttribute("disabled", "disabled");
				field_name_text.setAttribute("style", "width:350px");
				field_name_text.setAttribute("value", '');
				
			edit_main_td0.appendChild(field_id);
			edit_main_td0.appendChild(field_id_text);
			edit_main_td0.appendChild(br);
			edit_main_td0.appendChild(field_name);
			edit_main_td0.appendChild(field_name_text);
			edit_main_tr0.appendChild(edit_main_td0);
			edit_main_table.insertBefore(edit_main_tr0,edit_main_table.childNodes[0]);		
			refresh_id_name(i, type);
			break;
		}
	
		case 'type_checkbox':
		{
			var	edit_main_table=document.getElementById("edit_main_table");
			
			var edit_main_tr0  = document.createElement('tr');
					edit_main_tr0.setAttribute("valing", "top");
					
			var edit_main_td0 = document.createElement('td');
				edit_main_td0.style.cssText = "padding-top:10px";
				edit_main_td0.setAttribute("colspan", "2");
				
			var br = document.createElement('br');
			
			var field_id = document.createElement('label');
					field_id.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px;  margin-right:27px";
					field_id.innerHTML = "Fields id ";
			
			
			var field_id_text = document.createElement('input');
				field_id_text.setAttribute("type", "text");
				field_id_text.setAttribute("id", "field_id");
				field_id_text.setAttribute("disabled", "disabled");
				field_id_text.setAttribute("style", "width:350px");
				field_id_text.setAttribute("value",  '');
			
			var field_name = document.createElement('label');
					field_name.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px; margin-right:3px";
					field_name.innerHTML = "Fields name ";
			
			var field_name_text = document.createElement('input');
				field_name_text.setAttribute("type", "text");
				field_name_text.setAttribute("id", "field_name");
				field_name_text.setAttribute("disabled", "disabled");
				field_name_text.setAttribute("style", "width:350px");
				field_name_text.setAttribute("value", '');
				
			edit_main_td0.appendChild(field_id);
			edit_main_td0.appendChild(field_id_text);
			edit_main_td0.appendChild(br);
			edit_main_td0.appendChild(field_name);
			edit_main_td0.appendChild(field_name_text);
			edit_main_tr0.appendChild(edit_main_td0);
			edit_main_table.insertBefore(edit_main_tr0,edit_main_table.childNodes[0]);		
			refresh_id_name(i, type);
			break;
		}
	
		case 'type_time':
		{
			var	edit_main_table=document.getElementById("edit_main_table");
			
			var edit_main_tr0  = document.createElement('tr');
					edit_main_tr0.setAttribute("valing", "top");
					
			var edit_main_td0 = document.createElement('td');
				edit_main_td0.style.cssText = "padding-top:10px";
			var edit_main_td0_1 = document.createElement('td');
				edit_main_td0_1.style.cssText = "padding-top:10px";
				
			var br = document.createElement('br');
			var br1 = document.createElement('br');
			
			var field_id = document.createElement('label');
					field_id.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px;  margin-right:27px";
					field_id.innerHTML = "Fields id ";
			
			
			var field_id_text = document.createElement('input');
				field_id_text.setAttribute("size", "50");
				field_id_text.setAttribute("type", "text");
				field_id_text.setAttribute("id", "field_id");
				field_id_text.setAttribute("disabled", "disabled");
				field_id_text.setAttribute("value", i+"_hhform_id_temp, "+i+"_mmform_id_temp, "+i+"_ssform_id_temp");
			
			var field_name = document.createElement('label');
					field_name.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px; margin-right:3px";
					field_name.innerHTML = "Fields name ";
			
			var field_name_text = document.createElement('input');
				field_name_text.setAttribute("size", "50");
				field_name_text.setAttribute("type", "text");
				field_name_text.setAttribute("id", "field_name");
				field_name_text.setAttribute("disabled", "disabled");
				field_name_text.setAttribute("value", i+"_hhform_id_temp, "+i+"_mmform_id_temp, "+i+"_ssform_id_temp");
				
			edit_main_td0.appendChild(field_id);
			edit_main_td0.appendChild(br1);
			edit_main_td0.appendChild(field_name);
			edit_main_td0_1.appendChild(field_id_text);
			edit_main_td0_1.appendChild(br);
			edit_main_td0_1.appendChild(field_name_text);
			
			edit_main_tr0.appendChild(edit_main_td0);
			edit_main_tr0.appendChild(edit_main_td0_1);
			edit_main_table.insertBefore(edit_main_tr0,edit_main_table.childNodes[0]);		
			break;
		}
	
		case 'type_date_fields':
		{
			var	edit_main_table=document.getElementById("edit_main_table");
			
			var edit_main_tr0  = document.createElement('tr');
					edit_main_tr0.setAttribute("valing", "top");
					
			var edit_main_td0 = document.createElement('td');
				edit_main_td0.style.cssText = "padding-top:10px";
				edit_main_td0.setAttribute("colspan", "2");
				
			var br = document.createElement('br');
			
			var field_id = document.createElement('label');
					field_id.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px;  margin-right:27px";
					field_id.innerHTML = "Fields id ";
			
			
			var field_id_text = document.createElement('input');
				field_id_text.setAttribute("size", "50");
				field_id_text.setAttribute("type", "text");
				field_id_text.setAttribute("id", "field_id");
				field_id_text.setAttribute("disabled", "disabled");
				field_id_text.setAttribute("value", i+"_dayform_id_temp, "+i+"_monthform_id_temp, "+i+"_yearform_id_temp");
			
			var field_name = document.createElement('label');
					field_name.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px; margin-right:3px";
					field_name.innerHTML = "Fields name ";
			
			var field_name_text = document.createElement('input');
				field_name_text.setAttribute("size", "50");
				field_name_text.setAttribute("type", "text");
				field_name_text.setAttribute("id", "field_name");
				field_name_text.setAttribute("disabled", "disabled");
				field_name_text.setAttribute("value", i+"_dayform_id_temp, "+i+"_monthform_id_temp, "+i+"_yearform_id_temp");
				
			edit_main_td0.appendChild(field_id);
			edit_main_td0.appendChild(field_id_text);
			edit_main_td0.appendChild(br);
			edit_main_td0.appendChild(field_name);
			edit_main_td0.appendChild(field_name_text);
			edit_main_tr0.appendChild(edit_main_td0);
			edit_main_table.insertBefore(edit_main_tr0,edit_main_table.childNodes[0]);		
			break;
		}
	
		case 'type_captcha':
		{
			var	edit_main_table=document.getElementById("edit_main_table");
			
			var edit_main_tr0  = document.createElement('tr');
					edit_main_tr0.setAttribute("valing", "top");
					
			var edit_main_td0 = document.createElement('td');
				edit_main_td0.style.cssText = "padding-top:10px";
				
			var edit_main_td0_1 = document.createElement('td');
				edit_main_td0_1.style.cssText = "padding-top:10px";
				
			var br = document.createElement('br');
			var br1 = document.createElement('br');
			
			var field_id = document.createElement('label');
					field_id.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px;  margin-right:27px";
					field_id.innerHTML = "Fields id ";
			
			
			var field_id_text = document.createElement('input');
				field_id_text.setAttribute("size", "50");
				field_id_text.setAttribute("type", "text");
				field_id_text.setAttribute("id", "field_id");
				field_id_text.setAttribute("disabled", "disabled");
				field_id_text.setAttribute("value", "wd_captcha_inputform_id_temp");
			
			var field_name = document.createElement('label');
					field_name.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px; margin-right:3px";
					field_name.innerHTML = "Fields name ";
			
			var field_name_text = document.createElement('input');
				field_name_text.setAttribute("size", "50");
				field_name_text.setAttribute("type", "text");
				field_name_text.setAttribute("id", "field_name");
				field_name_text.setAttribute("disabled", "disabled");
				field_name_text.setAttribute("value", "captcha_inputform_id_temp");
				
			edit_main_td0.appendChild(field_id);
			edit_main_td0.appendChild(br1);
			edit_main_td0.appendChild(field_name);
			edit_main_td0_1.appendChild(field_id_text);
			edit_main_td0_1.appendChild(br);
			edit_main_td0_1.appendChild(field_name_text);
			edit_main_tr0.appendChild(edit_main_td0);
			edit_main_tr0.appendChild(edit_main_td0_1);
			edit_main_table.insertBefore(edit_main_tr0,edit_main_table.childNodes[0]);		
			break;
		}
    case 'type_spinner': {
      var	edit_main_table = document.getElementById("edit_main_table");
      var edit_main_tr0  = document.createElement('tr');
      edit_main_tr0.setAttribute("valing", "top");
      var edit_main_td0 = document.createElement('td');
      edit_main_td0.style.cssText = "padding-top:10px";
      var edit_main_td0_1 = document.createElement('td');
      edit_main_td0_1.style.cssText = "padding-top:10px";
      var br = document.createElement('br');
      var br1 = document.createElement('br');
      var field_id = document.createElement('label');
      field_id.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px;  margin-right:27px";
      field_id.innerHTML = "Field id ";
      var field_id_text = document.createElement('input');
      field_id_text.setAttribute("size", "50");
      field_id_text.setAttribute("type", "text");
      field_id_text.setAttribute("disabled", "disabled");
      field_id_text.setAttribute("value", i+"_elementform_id_temp");
      var field_name = document.createElement('label');
      field_name.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px; margin-right:3px";
      field_name.innerHTML = "Field name ";
      var field_name_text = document.createElement('input');
      field_name_text.setAttribute("size", "50");
      field_name_text.setAttribute("type", "text");
      field_name_text.setAttribute("disabled", "disabled");
      field_name_text.setAttribute("value", i+"_elementform_id_temp");
      edit_main_td0.appendChild(field_id);
      edit_main_td0.appendChild(br);
      edit_main_td0.appendChild(field_name);
      edit_main_td0_1.appendChild(field_id_text);
      edit_main_td0_1.appendChild(br1);
      edit_main_td0_1.appendChild(field_name_text);
      edit_main_tr0.appendChild(edit_main_td0);
      edit_main_tr0.appendChild(edit_main_td0_1);
      edit_main_table.insertBefore(edit_main_tr0,edit_main_table.childNodes[0]);		
      break;

		}
		case 'type_slider': {
      var	edit_main_table=document.getElementById("edit_main_table");
      var edit_main_tr0  = document.createElement('tr');
      edit_main_tr0.setAttribute("valing", "top");
      var edit_main_td0 = document.createElement('td');
      edit_main_td0.style.cssText = "padding-top:10px";
      var edit_main_td0_1 = document.createElement('td');
      edit_main_td0_1.style.cssText = "padding-top:10px";
      var br = document.createElement('br');
      var br1 = document.createElement('br');
      var field_id = document.createElement('label');
      field_id.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px;  margin-right:27px";
      field_id.innerHTML = "Field id ";
      var field_id_text = document.createElement('input');
      field_id_text.setAttribute("size", "50");
      field_id_text.setAttribute("type", "text");
      field_id_text.setAttribute("disabled", "disabled");
      field_id_text.setAttribute("value", i+"_elementform_id_temp");
      var field_name = document.createElement('label');
      field_name.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px; margin-right:3px";
      field_name.innerHTML = "Field name ";
      var field_name_text = document.createElement('input');
      field_name_text.setAttribute("size", "50");
      field_name_text.setAttribute("type", "text");
      field_name_text.setAttribute("disabled", "disabled");
      field_name_text.setAttribute("value", i+"_elementform_id_temp");
      edit_main_td0.appendChild(field_id);
      edit_main_td0.appendChild(br);
      edit_main_td0.appendChild(field_name);
      edit_main_td0_1.appendChild(field_id_text);
      edit_main_td0_1.appendChild(br1);
      edit_main_td0_1.appendChild(field_name_text);
      edit_main_tr0.appendChild(edit_main_td0);
      edit_main_tr0.appendChild(edit_main_td0_1);
      edit_main_table.insertBefore(edit_main_tr0,edit_main_table.childNodes[0]);		
      break;

		}
		case 'type_range': {
      var	edit_main_table=document.getElementById("edit_main_table");
      var edit_main_tr0  = document.createElement('tr');
      edit_main_tr0.setAttribute("valing", "top");
      var edit_main_td0 = document.createElement('td');
      edit_main_td0.style.cssText = "padding-top:10px";
      edit_main_td0.setAttribute("colspan", "2");
      var br = document.createElement('br');
      var field_id = document.createElement('label');
      field_id.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px;  margin-right:27px";
      field_id.innerHTML = "Fields id ";
      var field_id_text = document.createElement('input');
      field_id_text.setAttribute("type", "text");
      field_id_text.setAttribute("id", "field_id");
      field_id_text.setAttribute("disabled", "disabled");
      field_id_text.setAttribute("style", "width:350px");
      field_id_text.setAttribute("value",  '');
      var field_name = document.createElement('label');
      field_name.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px; margin-right:3px";
      field_name.innerHTML = "Fields name ";
      var field_name_text = document.createElement('input');
      field_name_text.setAttribute("type", "text");
      field_name_text.setAttribute("id", "field_name");
      field_name_text.setAttribute("disabled", "disabled");
      field_name_text.setAttribute("style", "width:350px");
      field_name_text.setAttribute("value", '');
      edit_main_td0.appendChild(field_id);
      edit_main_td0.appendChild(field_id_text);
      edit_main_td0.appendChild(br);
      edit_main_td0.appendChild(field_name);
      edit_main_td0.appendChild(field_name_text);
      edit_main_tr0.appendChild(edit_main_td0);
      edit_main_table.insertBefore(edit_main_tr0,edit_main_table.childNodes[0]);		
      refresh_id_name(i, type);
      break;

		}
    case 'type_grading': {
	    var	edit_main_table=document.getElementById("edit_main_table");
      var edit_main_tr0  = document.createElement('tr');
      edit_main_tr0.setAttribute("valing", "top");
      var edit_main_td0 = document.createElement('td');
      edit_main_td0.style.cssText = "padding-top:10px";
      edit_main_td0.setAttribute("colspan", "2");
      var br = document.createElement('br');
      var field_id = document.createElement('label');
      field_id.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px;  margin-right:27px";
      field_id.innerHTML = "Fields id ";
      var field_id_text = document.createElement('input');
      field_id_text.setAttribute("type", "text");
      field_id_text.setAttribute("id", "field_id");
      field_id_text.setAttribute("disabled", "disabled");
      field_id_text.setAttribute("style", "width:350px");
      field_id_text.setAttribute("value",  '');
      var field_name = document.createElement('label');
      field_name.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px; margin-right:3px";
      field_name.innerHTML = "Fields name ";
      var field_name_text = document.createElement('input');
      field_name_text.setAttribute("type", "text");
      field_name_text.setAttribute("id", "field_name");
      field_name_text.setAttribute("disabled", "disabled");
      field_name_text.setAttribute("style", "width:350px");
      field_name_text.setAttribute("value", '');
      edit_main_td0.appendChild(field_id);
      edit_main_td0.appendChild(field_id_text);
      edit_main_td0.appendChild(br);
      edit_main_td0.appendChild(field_name);
      edit_main_td0.appendChild(field_name_text);
      edit_main_tr0.appendChild(edit_main_td0);
      edit_main_table.insertBefore(edit_main_tr0,edit_main_table.childNodes[0]);		
      refresh_id_name(i, type);
      break;
		}
	}
}


function refresh_id_name(i, type) {
	switch (type) {
		case 'type_radio': {
			document.getElementById('field_id').value = '';
			for (k = 0; k < 50; k++) {
				if (document.getElementById(i+'_elementform_id_temp' + k)) {
					document.getElementById('field_id').value	+= i + '_elementform_id_temp' + k + ', ';
        }
			}
			a = document.getElementById('field_id').value.slice(0, -2);
			document.getElementById('field_id').value = a;
			document.getElementById('field_name').value	= i + '_element';

			break;
		}
		case 'type_checkbox': {
			document.getElementById('field_id').value = '';
			for (k = 0; k < 50; k++) {
				if (document.getElementById(i + '_elementform_id_temp' + k)) {	
					document.getElementById('field_id').value	+= i + '_elementform_id_temp' + k + ', ';
				}
			}
			a = document.getElementById('field_id').value.slice(0, -2);
			document.getElementById('field_id').value	= a;
			document.getElementById('field_name').value	= a;
			break;

		}
    case 'type_range': {
			document.getElementById('field_id').value = '';
			for (k = 0; k < 2; k++) {
        document.getElementById('field_id').value	+= i + '_elementform_id_temp' + k + ', ';
			}
			a = document.getElementById('field_id').value.slice(0, -2);
			document.getElementById('field_id').value	= a;
			document.getElementById('field_name').value	= a;
			break;

		}
		case 'type_grading': {
			document.getElementById('field_id').value = '';
			for (k = 0; k < 50; k++) {
				if (document.getElementById(i + '_elementform_id_temp' + k)) {
					document.getElementById('field_id').value	+= i + '_elementform_id_temp' + k + ', ';
				}
			}
			a = document.getElementById('field_id').value.slice(0, -2);
			document.getElementById('field_id').value	= a;
			document.getElementById('field_name').value	= a;
			break;
		}
	}
}



function add_attr(i, type)
{
		
	var el_attr_table=document.getElementById('attributes');
	j=parseInt(el_attr_table.lastChild.getAttribute('idi'))+1;
	w_attr_name[j]="attribute";
	w_attr_value[j]="value";
	var el_attr_tr = document.createElement('tr');
		el_attr_tr.setAttribute("id", "attr_row_"+j);
		el_attr_tr.setAttribute("idi", j);
	var el_attr_td_name = document.createElement('td');
		el_attr_td_name.style.cssText = 'width:100px';
	var el_attr_td_value = document.createElement('td');
		el_attr_td_value.style.cssText = 'width:100px';
	
	var el_attr_td_X = document.createElement('td');
	var el_attr_name = document.createElement('input');
		el_attr_name.setAttribute("type", "text");
		el_attr_name.style.cssText = "width:100px";
		el_attr_name.setAttribute("value", w_attr_name[j]);
		el_attr_name.setAttribute("id", "attr_name"+j);
		el_attr_name.setAttribute("onChange", "change_attribute_name('"+i+"', this, '"+type+"')");	
		
	var el_attr_value = document.createElement('input');
		el_attr_value.setAttribute("type", "text");
		el_attr_value.style.cssText = "width:100px";
		el_attr_value.setAttribute("value", w_attr_value[j]);
		el_attr_value.setAttribute("id", "attr_value"+j);
		el_attr_value.setAttribute("onChange", "change_attribute_value('"+i+"', "+j+", '"+type+"')");
	
	var el_attr_remove = document.createElement('img');
		el_attr_remove.setAttribute("id", "el_choices"+j+"_remove");
		el_attr_remove.setAttribute("src", fmc_plugin_url+'/images/delete.png');
		el_attr_remove.style.cssText = 'cursor:pointer; vertical-align:middle; margin:3px';
		el_attr_remove.setAttribute("align", 'top');
		el_attr_remove.setAttribute("onClick", "remove_attr("+j+", "+i+", '"+type+"')");
	el_attr_table.appendChild(el_attr_tr);
	el_attr_tr.appendChild(el_attr_td_name);
	el_attr_tr.appendChild(el_attr_td_value);
	el_attr_tr.appendChild(el_attr_td_X);
	el_attr_td_name.appendChild(el_attr_name);
	el_attr_td_value.appendChild(el_attr_value);
	el_attr_td_X.appendChild(el_attr_remove);
refresh_attr(i, type);
}

function change_attribute_value(id, x, type)
{
	if(!document.getElementById("attr_name"+x).value)
	{
		alert('The name of the attribute is required.');
		return
	}
	
	if(document.getElementById("attr_name"+x).value.toLowerCase()=="style")
	{
		alert('Sorry, you cannot add a style attribute here. Use "Class name" instead.');
		return
	}
	
	refresh_attr(id, type);
}

function change_attribute_name(id, x, type)
{
	value=x.value;
	if(!value)
	{
		alert('The name of the attribute is required.');
		return;
	}
	
	if(value.toLowerCase()=="style")
	{
		alert('Sorry, you cannot add a style attribute here. Use "Class name" instead.');
		return;
	}
	
	if(value==parseInt(value))
	{
		alert('The name of the attribute cannot be a number.');
		return;
	}
	
	if(value.indexOf(" ")!=-1)
	{	
		var regExp = /\s+/g;
		value=value.replace(regExp,''); 
		x.value=value;
		alert("The name of the attribute cannot contain a space.");
		refresh_attr(id, type);
		return;
	}	
	
	refresh_attr(id, type);
	
}

function remove_attr(id, el_id,type)
{
	tr=document.getElementById("attr_row_"+id);
	tr.parentNode.removeChild(tr);
	refresh_attr(el_id, type);
}

function change_attributes(id, attr)
{
	
var div = document.createElement('div');
var element=document.getElementById(id);
	element.setAttribute(attr, '');
}

function add_button(i)
{
	edit_main_td4=document.getElementById('buttons');
	if(edit_main_td4.lastChild)
		j=parseInt(edit_main_td4.lastChild.getAttribute("idi"))+1;
	else
		j=1;
	var table_button = document.createElement('table');
	
	table_button.setAttribute("width", "100%");
	table_button.setAttribute("border", "0");
	table_button.setAttribute("id", "button_opt"+j);
	table_button.setAttribute("idi", j);
	var tr_button = document.createElement('tr');
	var tr_hr = document.createElement('tr');
	
	var td_button = document.createElement('td');
	var td_X = document.createElement('td');
	var td_hr = document.createElement('td');
	td_hr.setAttribute("colspan", "3");
	
	tr_hr.appendChild(td_hr);
	tr_button.appendChild(td_button);
	tr_button.appendChild(td_X);
	table_button.appendChild(tr_hr);
	table_button.appendChild(tr_button);
	
	var br1 = document.createElement('br');
	
	var hr = document.createElement('hr');
	
	hr.setAttribute("id", "br"+j);
	
	
	
	
	var el_title_label = document.createElement('label');
	
		el_title_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		
		el_title_label.innerHTML = "Button name";
	
	var el_title = document.createElement('input');
	
		el_title.setAttribute("id", "el_title"+j);
		
		el_title.setAttribute("type", "text");
	
		el_title.setAttribute("value", "Button");
		
		el_title.style.cssText =   "width:100px; margin-left:43px; padding:0; border-width: 1px";
		
		el_title.setAttribute("onKeyUp", "change_label('"+i+"_elementform_id_temp"+j+"', this.value);");
	
	
	
	var el_func_label = document.createElement('label');
	
		el_func_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		
		el_func_label.innerHTML = "OnClick function";
	
	var el_func = document.createElement('input');
	
		el_func.setAttribute("id", "el_func"+j);
		
		el_func.setAttribute("type", "text");
		
		el_func.setAttribute("value", "");
		
		el_func.style.cssText =   "width:100px; margin-left:20px;; padding:0; border-width: 1px";
		
		el_func.setAttribute("onKeyUp", "change_func('"+i+"_elementform_id_temp"+j+"', this.value);");
	
	var el_choices_remove = document.createElement('img');
	
		el_choices_remove.setAttribute("id", "el_button"+j+"_remove");
		
		el_choices_remove.setAttribute("src", fmc_plugin_url+'/images/delete.png');
		
		el_choices_remove.style.cssText = 'cursor:pointer; vertical-align:middle; margin:3px';
		
		el_choices_remove.setAttribute("align", 'top');
		
		el_choices_remove.setAttribute("onClick", "remove_button("+j+","+i+")");
	
	
	
	td_hr.appendChild(hr);
	
	td_button.appendChild(el_title_label);
	
	td_button.appendChild(el_title);
	td_button.appendChild(br1);
	td_button.appendChild(el_func_label);
	
	td_button.appendChild(el_func);
	td_X.appendChild(el_choices_remove);
	edit_main_td4.appendChild(table_button);
	
	element='button';	type='button'; 
	
	td2=document.getElementById(i+"_element_sectionform_id_temp");
	
	var adding = document.createElement(element);
			adding.setAttribute("type", type);
			adding.setAttribute("id", i+"_elementform_id_temp"+j);
			adding.setAttribute("name", i+"_elementform_id_temp"+j);
			adding.setAttribute("value", "Button");
			adding.innerHTML =  "Button";
			adding.setAttribute("onclick", "");
			
			
	td2.appendChild(adding);
	
refresh_attr(i,'type_checkbox');
}

function remove_button(j,i)
{
	table=document.getElementById('button_opt'+j);
	button=document.getElementById(i+'_elementform_id_temp'+j);
	table.parentNode.removeChild(table);
	button.parentNode.removeChild(button);
}

function change_date_format(value, id)
{
	input_p=document.getElementById(id+'_buttonform_id_temp');
		input_p.setAttribute("onclick", "return showCalendar('"+id+"_elementform_id_temp' , '"+value+"')");
		input_p.setAttribute("format", value);
}

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

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 set_required(id)
{	
	if(document.getElementById(id+"form_id_temp").value=="yes")
	{
		document.getElementById(id+"form_id_temp").setAttribute("value", "no");
		document.getElementById(id+"_elementform_id_temp").innerHTML="";
	}	
	else
	{
		document.getElementById(id+"form_id_temp").setAttribute("value", "yes")
		document.getElementById(id+"_elementform_id_temp").innerHTML=" *";
	}
}

function disable_fields(id, field) {	
	var div = document.getElementById(id + "_div_address");		
	if (field) {
		if (document.getElementById("el_"+field).checked==true) {
			document.getElementById(id+"_disable_fieldsform_id_temp").setAttribute(field, "yes");
    }
		else {
			document.getElementById(id+"_disable_fieldsform_id_temp").setAttribute(field, "no");
    }
	}
  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");
        street.setAttribute("onChange", "change_value('"+id+"_"+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");
          field.setAttribute("onChange", "change_value('"+id+"_"+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_value('"+id+"_countryform_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;
          var option_ = document.createElement('option');
          option_.setAttribute("value", "");
          option_.innerHTML = "";
          field.appendChild(option_);
          coutries=["Afghanistan","Albania",	"Algeria","Andorra","Angola","Antigua and Barbuda","Argentina","Armenia","Australia","Austria","Azerbaijan","Bahamas","Bahrain","Bangladesh","Barbados","Belarus","Belgium","Belize","Benin","Bhutan","Bolivia","Bosnia and Herzegovina","Botswana","Brazil","Brunei","Bulgaria","Burkina Faso","Burundi","Cambodia","Cameroon","Canada","Cape Verde","Central African Republic","Chad","Chile","China","Colombi","Comoros","Congo (Brazzaville)","Congo","Costa Rica","Cote d'Ivoire","Croatia","Cuba","Cyprus","Czech Republic","Denmark","Djibouti","Dominica","Dominican Republic","East Timor (Timor Timur)","Ecuador","Egypt","El Salvador","Equatorial Guinea","Eritrea","Estonia","Ethiopia","Fiji","Finland","France","Gabon","Gambia, The","Georgia","Germany","Ghana","Greece","Grenada","Guatemala","Guinea","Guinea-Bissau","Guyana","Haiti","Honduras","Hungary","Iceland","India","Indonesia","Iran","Iraq","Ireland","Israel","Italy","Jamaica","Japan","Jordan","Kazakhstan","Kenya","Kiribati","Korea, North","Korea, South","Kuwait","Kyrgyzstan","Laos","Latvia","Lebanon","Lesotho","Liberia","Libya","Liechtenstein","Lithuania","Luxembourg","Macedonia","Madagascar","Malawi","Malaysia","Maldives","Mali","Malta","Marshall Islands","Mauritania","Mauritius","Mexico","Micronesia","Moldova","Monaco","Mongolia","Morocco","Mozambique","Myanmar","Namibia","Nauru","Nepa","Netherlands","New Zealand","Nicaragua","Niger","Nigeria","Norway","Oman","Pakistan","Palau","Panama","Papua New Guinea","Paraguay","Peru","Philippines","Poland","Portugal","Qatar","Romania","Russia","Rwanda","Saint Kitts and Nevis","Saint Lucia","Saint Vincent","Samoa","San Marino","Sao Tome and Principe","Saudi Arabia","Senegal","Serbia and Montenegro","Seychelles","Sierra Leone","Singapore","Slovakia","Slovenia","Solomon Islands","Somalia","South Africa","Spain","Sri Lanka","Sudan","Suriname","Swaziland","Sweden","Switzerland","Syria","Taiwan","Tajikistan","Tanzania","Thailand","Togo","Tonga","Trinidad and Tobago","Tunisia","Turkey","Turkmenistan","Tuvalu","Uganda","Ukraine","United Arab Emirates","United Kingdom","United States","Uruguay","Uzbekistan","Vanuatu","Vatican City","Venezuela","Vietnam","Yemen","Zambia","Zimbabwe"];	
          for (r = 0; r < coutries.length; r++) {
            var option_ = document.createElement('option');
            option_.setAttribute("value", coutries[r]);
            option_.innerHTML=coutries[r];
            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]);
    }
	}
  jQuery(document).ready(function() {
    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;
        });
      }
    });
	});
}

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

function set_randomize(id)
{	
	if(document.getElementById(id).value=="yes")
	{
		document.getElementById(id).setAttribute("value", "no");
	}	
	else
	{
		document.getElementById(id).setAttribute("value", "yes")
	}
}
function show_other_input(num)
{
		for(k=0;k<50;k++)
			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);
						break;
					}



	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 set_allow_other(num, type) {
	if (document.getElementById(num+'_allow_otherform_id_temp').value == "yes") {
		document.getElementById(num+'_allow_otherform_id_temp').setAttribute("value", "no");
		for (k = 0; k < 50; k++) {
			if (document.getElementById("el_choices" + k)) {
				if (document.getElementById("el_choices" + k).getAttribute('other')) {
					if (document.getElementById("el_choices" + k).getAttribute('other') == 1) {
						remove_choise(k, num, type);
						break;
					}
        }
      }
    }
	}
	else {
		document.getElementById(num+'_allow_otherform_id_temp').setAttribute("value", "yes");
		j++;
    var choices_td = document.getElementById('choices');
    var br = document.createElement('br');
    br.setAttribute("id", "br"+j);
    var el_choices = document.createElement('input');
    el_choices.setAttribute("id", "el_choices"+j);
    el_choices.setAttribute("type", "text");
    el_choices.setAttribute("value", "other");
    el_choices.setAttribute("other", "1");
    el_choices.style.cssText =   "width:100px; margin:0; padding:0; border-width: 1px";
    el_choices.setAttribute("onKeyUp", "change_label('"+num+"_label_element"+j+"', this.value); change_in_value('"+num+"_elementform_id_temp"+j+"', this.value)");
    var el_choices_remove = document.createElement('img');
    el_choices_remove.setAttribute("id", "el_choices"+j+"_remove");
    el_choices_remove.setAttribute("src", fmc_plugin_url+'/images/delete.png');
    el_choices_remove.style.cssText =  'cursor:pointer;vertical-align:middle; margin:3px; display:none';
    el_choices_remove.setAttribute("align", 'top');
    el_choices_remove.setAttribute("onClick", "remove_choise('"+j+"','"+num+"','"+type+"')");
    choices_td.appendChild(br);
    choices_td.appendChild(el_choices);
    choices_td.appendChild(el_choices_remove);
    if (type == 'checkbox') {
      refresh_attr(num, 'type_checkbox');
    }
    if (type == 'radio') {
			refresh_attr(num, 'type_radio');
    }
    refresh_rowcol(num, type);
	}
}

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('tr');
           	tr.setAttribute("id", id+"_hor");
			
	tbody.appendChild(tr);
	for(k=0; k<n;k++)
		tr.appendChild(td_array[k]);
}

function flow_ver(id)
{	
	tbody=document.getElementById(id+'_table_little');
	tr=document.getElementById(id+'_hor');
	td_array= new Array();
	n=tr.childNodes.length;
	
	for(k=0; k<n;k++)
		td_array[k]=tr.childNodes[k];
			
	tbody.removeChild(tr);
	
	for(k=0; k<n;k++)
	{      	
		var tr_little = document.createElement('tr');
			tr_little.setAttribute("id", id+"_element_tr"+td_array[k].getAttribute("idi"));
		tr_little.appendChild(td_array[k]);
		tbody.appendChild(tr_little);
	}			
}

function check_isnum_3_10(e)
{
	
   	var chCode1 = e.which || e.keyCode;
    	if (chCode1 > 31 && (chCode1 < 51 || chCode1 > 57))
        return false
	else if((document.getElementById('captcha_digit').value+(chCode1-48))>9)
        return false;
	return true;
}

function set_sel_am_pm(select_)
{
	if(select_.options[0].selected) 
	{
		select_.options[0].setAttribute("selected", "selected");
		select_.options[1].removeAttribute("selected");
	}
	else
	{
		select_.options[1].setAttribute("selected", "selected");
		select_.options[0].removeAttribute("selected");
	}

}

function change_captcha_digit(digit)
{
	captcha=document.getElementById('_wd_captchaform_id_temp');
	if(document.getElementById('captcha_digit').value)
	{	
		captcha.setAttribute("digit", digit);
	
		captcha.setAttribute("src", url_for_ajax + "?action=formcontactwdcaptcha&digit="+digit+"&i=form_id_temp");
		document.getElementById('_wd_captcha_inputform_id_temp').style.width=(document.getElementById('captcha_digit').value*10+15)+"px";
	}
	else
	{
		captcha.setAttribute("digit", "6");
		captcha.setAttribute("src", url_for_ajax+"?action=formcontactwdcaptcha&digit=6&i=form_id_temp");
		document.getElementById('_wd_captcha_inputform_id_temp').style.width=(6*10+15)+"px";
	}
}

function second_no(id)
{	
	time_box=document.getElementById(id+'_tr_time1');
	text_box=document.getElementById(id+'_tr_time2');
	second_box=document.getElementById(id+'_td_time_input3');
	second_text=document.getElementById(id+'_td_time_label3');
	document.getElementById(id+'_td_time_input2').parentNode.removeChild(document.getElementById(id+'_td_time_input2').nextSibling);
	time_box.removeChild(second_box);
	text_box.removeChild(second_text.previousSibling);
	text_box.removeChild(second_text);
	
}

function second_yes(id, w_ss)
{	
	time_box=document.getElementById(id+'_tr_time1');
	text_box=document.getElementById(id+'_tr_time2');
	
	var td_time_input2_ket = document.createElement('td');
           	td_time_input2_ket.setAttribute("align", "center");
	var td_time_input3 = document.createElement('td');
           	td_time_input3.setAttribute("id", id+"_td_time_input3");
			
      	var td_time_label2_ket = document.createElement('td');
	
      	var td_time_label3 = document.createElement('td');
           	td_time_label3.setAttribute("id", id+"_td_time_label3");

	var mm_ = document.createElement('span');
        mm_.setAttribute("class", 'wdform_colon');
		mm_.style.cssText = "font-style:bold; vertical-align:middle";
		mm_.innerHTML="&nbsp;:&nbsp;";
	td_time_input2_ket.appendChild(mm_);
		
	var ss = document.createElement('input');

           	ss.setAttribute("type", 'text');
           	ss.setAttribute("value", w_ss);
		
           	ss.setAttribute("class", "time_box");
		ss.setAttribute("id", id+"_ssform_id_temp");
		ss.setAttribute("name", id+"_ssform_id_temp");
		ss.setAttribute("onKeyPress", "return check_second(event, '"+id+"_ssform_id_temp')");
		ss.setAttribute("onKeyUp", "change_second(event, '"+id+"_ssform_id_temp')");
		ss.setAttribute("onBlur", "add_0('"+id+"_ssform_id_temp')");
	var ss_label = document.createElement('label');
           	ss_label.setAttribute("class", "mini_label");
            ss_label.setAttribute("id", id+"_mini_label_ss");
		ss_label.innerHTML="SS";

	td_time_input3.appendChild(ss);
	td_time_label3.appendChild(ss_label);
	
	if(document.getElementById(id+'_am_pm_select'))
	{
		select_=document.getElementById(id+"_am_pm_select");
		select_text=document.getElementById(id+"_am_pm_label");
		
		time_box.insertBefore(td_time_input3, select_);
		time_box.insertBefore(td_time_input2_ket, td_time_input3);
		
		text_box.insertBefore(td_time_label3, select_text);
		text_box.insertBefore(td_time_label2_ket, td_time_label3);
	}
	else
	{
	time_box.appendChild(td_time_input2_ket);
	time_box.appendChild(td_time_input3);
	text_box.appendChild(td_time_label2_ket);
	text_box.appendChild(td_time_label3);
	}
  refresh_attr(id, 'type_time');
  jQuery(document).ready(function() {
		jQuery("label#"+id+"_mini_label_ss").click(function() {
      if (jQuery(this).children('input').length == 0) {
        var ss = "<input type='text' class='ss' style='outline: none; border: none; background: none; width: 40px;' value=\""+jQuery(this).text()+"\">";
        jQuery(this).html(ss);
        jQuery("input.ss").focus();
        jQuery("input.ss").blur(function() {
          var value = jQuery(this).val();
          jQuery("#"+id+"_mini_label_ss").text(value);
        });
      }
    });
	});
}

function check_isnum_interval(e, id, from, to) {
  var chCode1 = e.which || e.keyCode;
  if (chCode1 > 31 && (chCode1 < 48 || chCode1 > 57)) {
    return false;
  }
  val = "" + document.getElementById(id).value+String.fromCharCode(chCode1);
	if (val.length > 2) {
    return false;
  }
  if (val == '00') {
    return false;
  }
  if ((val<from) || (val>to)) {
    return false;
  }
  return true;
}

function check_isnum_point(e) {
  var chCode1 = e.which || e.keyCode;
  if (chCode1 == 46) {
    return true;
  }
	if (chCode1 > 31 && (chCode1 < 48 || chCode1 > 57)) {
    return false;
  }
  return true;
}

function check_isnum(e) {
  var chCode1 = e.which || e.keyCode;
  if (chCode1 > 31 && (chCode1 < 48 || chCode1 > 57)) {
    return false;
  }
	return true;
}

function check_isnum_or_minus(e) {
  var chCode1 = e.which || e.keyCode;
  if (chCode1 != 45 ) {
    if (chCode1 > 31 && (chCode1 < 48 || chCode1 > 57)) {
      return false;
    }
	}
	return true;
}

function check_isspacebar(e) {
  var chCode1 = e.which || e.keyCode;
  if (chCode1 == 32 ) {
    return false;
  }
	return true;
}

function change_w_style(id, w)
{
	if(document.getElementById(id))
	document.getElementById(id).style.width=w+"px";
}

function change_w_label(id, w)
{
	if(document.getElementById(id))
	document.getElementById(id).innerHTML=w;
}

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

function change_w(id, w)
{
	document.getElementById(id).setAttribute("width", w)
}

function change_h(id, h)
{
	document.getElementById(id).setAttribute("height", h);
}

function change_key(value, attribute)
{
	document.getElementById('wd_recaptchaform_id_temp').setAttribute(attribute, value);
}

function captcha_refresh(id)
{	
	srcArr=document.getElementById(id+"form_id_temp").src.split("&r=");
	document.getElementById(id+"form_id_temp").src=srcArr[0]+'&r='+Math.floor(Math.random()*100);
	document.getElementById(id+"_inputform_id_temp").value='';
}

function up_row(id)
{
	form=document.getElementById(id).parentNode;
	k=0;
	
	while(form.childNodes[k])
	{
		if(form.childNodes[k].getAttribute("id"))
			if(id==form.childNodes[k].getAttribute("id"))
				break;
		k++;
	}
	
	if(k!=0)
	{
		up=form.childNodes[k-1];
		down=form.childNodes[k];
		form.removeChild(down);
		form.insertBefore(down, up);
		return;
	}
	
		///////////en depqum yerb section breaka
	form_view_elemet		=form.parentNode.parentNode.parentNode.parentNode;
	
	current_tr		=form.parentNode.parentNode.parentNode;
	
	if(current_tr.previousSibling)
	if(current_tr.previousSibling.nodeType==3)
	{
		if(current_tr.previousSibling.previousSibling.getAttribute('type'))
		{
			current_tr.previousSibling.previousSibling.previousSibling.previousSibling.firstChild.firstChild.firstChild.appendChild(document.getElementById(id));
			return;
		}
	}
	else
	{
		if(current_tr.previousSibling.getAttribute('type'))
		{
			current_tr.previousSibling.previousSibling.firstChild.firstChild.firstChild.appendChild(document.getElementById(id));
			return;
		}
	}
	
				
			///////////pagei mej
			page_up(id);
}

function down_row(id)
{
	form=document.getElementById(id).parentNode;
	l=form.childNodes.length;
	k=0;
	while(form.childNodes[k])
	{
	if(id==form.childNodes[k].id)
		break;
	k++;
	}

	if(k!=l-1)
	{
	///////////ira mej
		up=form.childNodes[k];
		down=form.childNodes[k+2];
		form.removeChild(up);
		
		if(!down)
			down=null;

			form.insertBefore(up, down);
			return;
	}
	///////////en depqum yerb section breaka
	form_view_elemet		=form.parentNode.parentNode.parentNode.parentNode;
	
	current_tr		=form.parentNode.parentNode.parentNode;
	
	if(current_tr.nextSibling.nodeType==3)
	{
		if(current_tr.nextSibling.nextSibling.getAttribute('type'))
		{
			current_tr.nextSibling.nextSibling.nextSibling.nextSibling.firstChild.firstChild.firstChild.appendChild(document.getElementById(id));
			return;
		}
	}
	else
	{
		if(current_tr.nextSibling.getAttribute('type'))
		{
			current_tr.nextSibling.nextSibling.firstChild.firstChild.firstChild.appendChild(document.getElementById(id));
			return;
		}
	}
	
				
			///////////pagei mej
	page_down(id);

}

function right_row(id)
{
	tr=document.getElementById(id);
	table_big=tr.parentNode.parentNode;
	td_big=tr.parentNode.parentNode.parentNode;
	if(table_big.nextSibling!=null)
	{
		td_next=table_big.nextSibling;
		td_next.firstChild.appendChild(tr);
	
	}
	else
	{
		
	    var new_td = document.createElement('td');
		new_td.setAttribute("valign", "top");
		
	    var new_table = document.createElement('table');
			new_table.setAttribute("class", "wdform_table2");
	    var new_tbody = document.createElement('tbody');
	
	   // tr_big.appendChild(new_td);
	
	    td_big.appendChild(new_table);
	
	    new_table.appendChild(new_tbody);
	
	    new_tbody.appendChild(tr);
	    
	}
	
	if(table_big.firstChild.firstChild==null)
		td_big.removeChild(table_big);
	
}

function left_row(id)
{
	tr=document.getElementById(id);
	td_big=tr.parentNode.parentNode.parentNode;
	table_big=tr.parentNode.parentNode;
	if(table_big.previousSibling!=null)
	{
		
		table_previous=table_big.previousSibling;
		table_previous.firstChild.appendChild(tr);
		
	if(table_big.firstChild.firstChild==null)
		td_big.removeChild(table_big);
	}
	
}

function page_up(id)
{
	form=document.getElementById(id).parentNode;
	
			form_view_elemet		=form.parentNode.parentNode.parentNode.parentNode;
			form_view_elemet_copy	=form.parentNode.parentNode.parentNode.parentNode;
			
			table=form_view_elemet.parentNode;
			
			//alert(table);
			
			while(table)
			{
				table=table.previousSibling;	
				while(table)
				{
					if(table.tagName=="TABLE")
						break;
					else
						table=table.previousSibling;
				}
				
				if(!table)
				{
					alert('Unable to move');
					return;
				}
				form_maker_remove_spaces(table);
				if(jQuery(table.firstChild).is(":visible"))
					break;
									
			}
		
		
			n=table.firstChild.childNodes.length;
			
			table.firstChild.childNodes[n-2].firstChild.firstChild.firstChild.appendChild(document.getElementById(id));
		
		/*	glob_n=form_view_elemet_copy.firstChild.firstChild.childNodes.length;
			for(i=0; i<glob_n; i++)
			{
				if(table.firstChild.firstChild.childNodes[i])
				{
					to_add=table.firstChild.firstChild.childNodes[i];
					to_add.firstChild.firstChild.appendChild(document.getElementById(id));
				}
				else
				{
					to_add=table.firstChild.firstChild.firstChild;
					to_add.firstChild.firstChild.appendChild(document.getElementById(id));
				}
			}*/
		
		
			refresh_pages(id);



	

}

function page_down(id)
{
	form=document.getElementById(id).parentNode;
	
			form_view_elemet		=form.parentNode.parentNode.parentNode.parentNode;
			form_view_elemet_copy	=form.parentNode.parentNode.parentNode.parentNode;
			
			table=form_view_elemet.parentNode;
			
			while(table)
			{			
				table=table.nextSibling;	
				
				while(table)
				{
					if(table.tagName=="TABLE")
						break;
					else
						table=table.nextSibling;
				}
							
				if(!table)
				{
					alert('Unable to move');
					return;
				}
					
				if(jQuery(table.firstChild).is(":visible"))
					break;									
			}
		
			n=table.firstChild.childNodes.length;
			
			table.firstChild.firstChild.firstChild.firstChild.firstChild.insertBefore(document.getElementById(id), table.firstChild.firstChild.firstChild.firstChild.firstChild.firstChild);
			refresh_pages(id);

}



function Disable() {
  select_ = document.getElementById('sel_el_pos');
  select_.setAttribute("disabled", "disabled");
  select_.innerHTML = "";
}

/**
 * Remove witespaces from childNodes.
 */
function form_maker_remove_spaces(parent) {
  if (!parent) {
    parent = document;
  }
  var children = parent.childNodes;
  for (var i = children.length - 1; i >= 0; i--) {
    var child = children[i];
    if (child.nodeType == 3) {
      if (child.data.match(/^\s+$/)) {
        parent.removeChild(child);
      }
    }
    else {
      form_maker_remove_spaces(child);
    }
  }
}

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)) {
      form_view_element = document.getElementById('form_id_tempform_view' + k);
      form_maker_remove_spaces(form_view_element);
      n=form_view_element.childNodes.length-2;
      for (z = 0; z <= n; z++) {
        if (!form_view_element.childNodes[z].id) {
          GLOBAL_tr = form_view_element.childNodes[z];
          for (x = 0; x < GLOBAL_tr.firstChild.childNodes.length; x++) {
            table = GLOBAL_tr.firstChild.childNodes[x];
            tbody = table.firstChild;
            for (y = 0; y < tbody.childNodes.length; y++) {
              tr = tbody.childNodes[y];
              var option = document.createElement('option');
              option.setAttribute("id", tr.id + "_sel_el_pos");
              option.setAttribute("value", tr.id);
              option.innerHTML = document.getElementById( tr.id + '_element_labelform_id_temp').innerHTML;
              select_.appendChild(option);
            }
          }
        }
      }
    }
  }
  select_.removeAttribute("disabled");
}

function all_labels() {
	labels=new Array();
	for(k=1;k<=form_view_max;k++)
		if(document.getElementById('form_id_tempform_view'+k))
		{
			form_view_element=document.getElementById('form_id_tempform_view'+k);
      form_maker_remove_spaces(form_view_element);
			n=form_view_element.childNodes.length-2;
			for(z=0;z<=n;z++)
			{
					if(!form_view_element.childNodes[z].id)
					{
						GLOBAL_tr=form_view_element.childNodes[z];
						
						for (x=0; x < GLOBAL_tr.firstChild.childNodes.length; x++)
						{
							table=GLOBAL_tr.firstChild.childNodes[x];
							tbody=table.firstChild;
							for (y=0; y < tbody.childNodes.length; y++)
							{
								tr=tbody.childNodes[y];
								labels.push( document.getElementById(tr.id+'_element_labelform_id_temp').innerHTML);
							}
						}
					}
			}
		}
	
	return labels;
}

function set_checked(id,j)
{
	checking=document.getElementById(id+"_elementform_id_temp"+j);
	if(checking.checked)
		checking.setAttribute("checked", "checked");
	if(!checking.checked)
	{
		checking.removeAttribute("checked");
		if(checking.getAttribute('other'))
			if(checking.getAttribute('other')==1)
			{
				if(document.getElementById(id+"_other_inputform_id_temp"))
				{
					document.getElementById(id+"_other_inputform_id_temp").parentNode.removeChild(document.getElementById(id+"_other_brform_id_temp"));
					document.getElementById(id+"_other_inputform_id_temp").parentNode.removeChild(document.getElementById(id+"_other_inputform_id_temp"));
				}
				return false;
			}
	}
	return true;
}

function set_default(id, j)
{
	for(k=0; k<100; k++)
		if(document.getElementById(id+"_elementform_id_temp"+k))
			if(!document.getElementById(id+"_elementform_id_temp"+k).checked)
				document.getElementById(id+"_elementform_id_temp"+k).removeAttribute("checked");
			else
				document.getElementById(id+"_elementform_id_temp"+j).setAttribute("checked", "checked");
	
	if(document.getElementById(id+"_other_inputform_id_temp"))
	{
		document.getElementById(id+"_other_inputform_id_temp").parentNode.removeChild(document.getElementById(id+"_other_brform_id_temp"));
		document.getElementById(id+"_other_inputform_id_temp").parentNode.removeChild(document.getElementById(id+"_other_inputform_id_temp"));
	}
}

function set_select(select_)
{
	for (p = select_.length - 1; p>=0; p--) 
	    if (select_.options[p].selected) 
		select_.options[p].setAttribute("selected", "selected");
	    else
  		select_.options[p].removeAttribute("selected");
}

function add_0(id)
{
	input=document.getElementById(id);
	if(input.value.length==1)
	{
		input.value='0'+input.value;
		input.setAttribute("value", input.value);
	}
}

function change_hour(ev, id, hour_interval)
{
	if(check_hour(ev, id, hour_interval))
	{
		input=document.getElementById(id);
		input.setAttribute("value", input.value);
	}
}

function change_minute(ev, id)
{
	if(check_minute(ev, id))
	{
		input=document.getElementById(id);
		input.setAttribute("value", input.value);
	}
}

function change_second(ev, id)
{
	if(check_second(ev, id))
	{
		input=document.getElementById(id);
		input.setAttribute("value", input.value);
	}
}

function check_hour(e, id, hour_interval)
{
   	var chCode1 = e.which || e.keyCode;
    	if (chCode1 > 31 && (chCode1 < 48 || chCode1 > 57))
        return false;
	hour=""+document.getElementById(id).value+String.fromCharCode(chCode1);

	hour=parseFloat(hour);
	if((hour<0) || (hour>hour_interval))
        	return false;
	return true;
} 

function check_minute(e, id)
{	
		
	
   	var chCode1 = e.which || e.keyCode;
    	if (chCode1 > 31 && (chCode1 < 48 || chCode1 > 57))
        return false;
	minute=""+document.getElementById(id).value+String.fromCharCode(chCode1);

	minute=parseFloat(minute);
	if((minute<0) || (minute>59))
        	return false;
	return true;
} 

function check_second(e, id)
{	
		
	
   	var chCode1 = e.which || e.keyCode;
    	if (chCode1 > 31 && (chCode1 < 48 || chCode1 > 57))
        return false;
	second=""+document.getElementById(id).value+String.fromCharCode(chCode1);

	second=parseFloat(second);
	if((second<0) || (second>59))
        	return false;
	return true;
} 

function change_day(ev, id)
{
	if(check_day(ev, id))
	{
		input=document.getElementById(id);
		input.setAttribute("value", input.value);
	}
}

function change_month(ev, id)
{
	if(check_month(ev, id))
	{
		input=document.getElementById(id);
		input.setAttribute("value", input.value);
	}
}

function change_year(id)
{
	year=document.getElementById(id).value;
	
	from=parseFloat(document.getElementById(id).getAttribute('from'));
	to=parseFloat(document.getElementById(id).getAttribute('to'));
	
	year=parseFloat(year);
	
	if((year>=from) && (year<=to))
		document.getElementById(id).setAttribute("value", year);
	else
		document.getElementById(id).setAttribute("value", '');
}

function check_day(e, id)
{	
   	var chCode1 = e.which || e.keyCode;
    	if (chCode1 > 31 && (chCode1 < 48 || chCode1 > 57))
        return false;
	day=""+document.getElementById(id).value+String.fromCharCode(chCode1);

	if(day.length>2)
        	return false;
			
	if(day=='00')
        	return false;
			
	day=parseFloat(day);
	if((day<0) || (day>31))
        	return false;
	return true;
} 

function check_month(e, id)
{	
		
	
   	var chCode1 = e.which || e.keyCode;
    	if (chCode1 > 31 && (chCode1 < 48 || chCode1 > 57))
        return false;
	month=""+document.getElementById(id).value+String.fromCharCode(chCode1);
	
	if(month.length>2)
        	return false;
			
	if(month=='00')
        	return false;
			
	month=parseFloat(month);
	if((month<0) || (month>12))
        	return false;
	return true;
} 

function check_year2(id)
{
	year=document.getElementById(id).value;
	
	from=parseFloat(document.getElementById(id).getAttribute('from'));
	
	year=parseFloat(year);
	
	if(year<from)
	{
		document.getElementById(id).value='';
		alert('The value of "year" is not valid.');
	}
}

function check_year1(e, id)
{	
   	var chCode1 = e.which || e.keyCode;
    	if (chCode1 > 31 && (chCode1 < 48 || chCode1 > 57))
        return false;

	year=""+document.getElementById(id).value+String.fromCharCode(chCode1);
	
	to=parseFloat(document.getElementById(id).getAttribute('to'));
	
	year=parseFloat(year);
	
	if(year>to)
        	return false;
	return true;
} 

function label_top(num)
{	
	table=document.getElementById(num+'_elemet_tableform_id_temp');
	td1=document.getElementById(num+'_label_sectionform_id_temp');
	td2=document.getElementById(num+'_element_sectionform_id_temp');
    var table_t = document.createElement('tbody');
    var new_td1 = document.createElement('td');
    	new_td1 = td1;
    var new_td2 = document.createElement('td');
    	new_td2 = td2;
    var tr1 = document.createElement('tr');
    var tr2 = document.createElement('tr');
	//table.innerHTML=" ";
 while (table.firstChild)
      table.removeChild(table.firstChild);
    tr1.appendChild(new_td1);
    tr2.appendChild(new_td2);
    table_t.appendChild(tr1);
    table_t.appendChild(tr2);
    table.appendChild(table_t);
}

function label_left(num)
{
	table=document.getElementById(num+'_elemet_tableform_id_temp');
	td1=document.getElementById(num+'_label_sectionform_id_temp');
	td2=document.getElementById(num+'_element_sectionform_id_temp');
       var table_t = document.createElement('tbody');
    var new_td1 = document.createElement('td');
    	new_td1 = td1;
    var new_td2 = document.createElement('td');
    	new_td2 = td2;
    var tr = document.createElement('tr');
	//table.innerHTML=" ";
 while (table.firstChild)
      table.removeChild(table.firstChild);
    tr.appendChild(new_td1);
    tr.appendChild(new_td2);
    table_t.appendChild(tr);
    table.appendChild(table_t);
}

function delete_value(id)
{
	ofontStyle=document.getElementById(id).className;
	if(ofontStyle=="input_deactive")
	{
		document.getElementById(id).value="";
		destroyChildren(document.getElementById(id));
		document.getElementById(id).setAttribute("class", "input_active");
		document.getElementById(id).className='input_active';
	}
}

function return_value(id)
{
	input=document.getElementById(id);
	if(input.value=="")
	{
		input.value=input.title;
		input.className='input_deactive';
		input.setAttribute("class", 'input_deactive');
	}
}

function change_value(id)
{
	input=document.getElementById(id);
	 
	tag=input.tagName;
	if(tag=="TEXTAREA")
	{
// destroyChildren(input)
	input.innerHTML=input.value;
	}
	else
	input.setAttribute("value", input.value);

}

function change_input_value(first_value, id)
{	
	input=document.getElementById(id);
	input.title=first_value;
	
if( window.getComputedStyle ) 
{
  ofontStyle = window.getComputedStyle(input,null).fontStyle;
} else if( input.currentStyle ) {
  ofontStyle = input.currentStyle.fontStyle;
}
	if(ofontStyle=="italic")
	{	
		input.value=first_value;
		input.setAttribute("value", first_value);
	}
}

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 close_window() {
  if (need_enable) {
    enable();
  }
  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 = "";
	alltypes = Array('customHTML', 'text', 'checkbox', 'radio', 'time_and_date', 'select', 'file_upload', 'captcha', 'map', 'button', 'page_break', 'section_break', 'paypal', 'survey');
  for (x = 0; x < 14; x++) {
      if (alltypes[x] != 'time_and_date' && alltypes[x] != 'select' && alltypes[x] != 'checkbox' && alltypes[x] != 'radio' && alltypes[x] != 'file_upload' && alltypes[x] != 'paypal' && alltypes[x] != 'survey') {
      document.getElementById('img_' + alltypes[x]).parentNode.style.backgroundColor = '';
    }
  }
}

function change_label(id, label) {
  label = label.replace(/(<([^>]+)>)/ig, "");
  document.getElementById(id).innerHTML = label;
  document.getElementById(id).value = label;
}

function change_label_1(id, label) {
  document.getElementById(id).value = label;
}

function change_label_price(id, label) {
  document.getElementById(id).innerHTML = label;
}

function change_value_price(id, label) {
  document.getElementById(id).value = label;
}

function change_func(id, label) {
  document.getElementById(id).setAttribute("onclick", label);
}

function change_in_value(id, label) {
  label = label.replace(/(<([^>]+)>)/ig, "");
  label = label.replace(/"/g, "&quot;");
	document.getElementById(id).setAttribute("value", label);
}

function change_size(size, num)
{
	document.getElementById(num+'_elementform_id_temp').style.width=size+'px';
	if(document.getElementById(num+'_element_input'))
		document.getElementById(num+'_element_input').style.width=size+'px';
	switch(size)
	{
		case '111':
		{
			document.getElementById(num+'_elementform_id_temp').setAttribute("rows", "2"); break;
		}
		case '222':
		{
			document.getElementById(num+'_elementform_id_temp').setAttribute("rows", "4");break;
		}
		case '444':
		{
			document.getElementById(num+'_elementform_id_temp').setAttribute("rows", "8");break;
		}
	}
}

function add_choise_price(type, num) {
  var q = 0;
  if (document.getElementById(num + '_hor')) {
    q = 1;
    flow_ver(num);
  }
  j++;
  if (type == 'radio' || type == 'checkbox') {
    element = 'input';
    var table = document.getElementById(num + '_table_little');
    var tr = document.createElement('tr');
    tr.setAttribute("id", num + "_element_tr" + j);
    var td = document.createElement('td');
    td.setAttribute("valign", "top");
    td.setAttribute("id", num + "_td_little" + j);
    td.setAttribute("idi", j);
    var adding = document.createElement(element);
    adding.setAttribute("type", type);
    adding.setAttribute("value", "");
    adding.setAttribute("id", num + "_elementform_id_temp" + j);
    if (type == 'checkbox') {
      adding.setAttribute("onClick", "set_checked('" + num + "','" + j + "','form_id_temp')");
      adding.setAttribute("name", num + "_elementform_id_temp" + j);
    }
		if (type == 'radio') {
      adding.setAttribute("onClick", "set_default('" + num + "','" + j + "','form_id_temp')");
      adding.setAttribute("name", num + "_elementform_id_temp");
    }
    var label_adding = document.createElement('label');
    label_adding.setAttribute("id", num + "_label_element" + j);
    label_adding.setAttribute("class", "ch_rad_label");
    label_adding.setAttribute("for",num+"_elementform_id_temp"+j);
    var adding_ch_label = document.createElement('input');
    adding_ch_label.setAttribute("type", "hidden");
    adding_ch_label.setAttribute("id", num+"_elementlabel_form_id_temp"+j);
    adding_ch_label.setAttribute("name", num+"_elementform_id_temp"+j+"_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 choices_td= document.getElementById('choices');
    var br = document.createElement('br');
    br.setAttribute("id", "br"+j);
    var el_choices = document.createElement('input');
    el_choices.setAttribute("id", "el_choices"+j);
    el_choices.setAttribute("type", "text");
    el_choices.setAttribute("value", "");
    el_choices.style.cssText =   "width:100px; margin:0; padding:0; border-width: 1px";
    el_choices.setAttribute("onKeyUp", "change_label('"+num+"_label_element"+j+"', this.value); change_label_1('"+num+"_elementlabel_form_id_temp"+j+"', this.value); ");
    var el_choices_remove = document.createElement('img');
    el_choices_remove.setAttribute("id", "el_choices"+j+"_remove");
    el_choices_remove.setAttribute("src", fmc_plugin_url+'/images/delete.png');
    el_choices_remove.style.cssText =  'cursor:pointer;vertical-align:middle; margin:3px';
    el_choices_remove.setAttribute("align", 'top');
    el_choices_remove.setAttribute("onClick", "remove_choise_price('"+j+"','"+num+"')");
    var el_choices_price = document.createElement('input');
    el_choices_price.setAttribute("id", "el_option_price"+j);
    el_choices_price.setAttribute("type", "text");
    el_choices_price.setAttribute("value", '');
    el_choices_price.style.cssText =   "width:50px; margin:1px; padding:0; border-width: 1px";
    el_choices_price.setAttribute("onKeyUp", "change_value_price('"+num+"_elementform_id_temp"+j+"', this.value)");
    el_choices_price.setAttribute("onKeyPress", "return check_isnum_point(event)");
    choices_td.appendChild(br);
    choices_td.appendChild(el_choices);
    choices_td.appendChild(el_choices_price);
    choices_td.appendChild(el_choices_remove);
		if (type == 'checkbox') {
      refresh_id_name(num, 'type_checkbox');
    }
    if (type == 'radio') {
      refresh_id_name(num, 'type_radio');
    }
    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"+j);
    select_.appendChild(option);
    var choices_td= document.getElementById('choices');
    var br = document.createElement('br');
    br.setAttribute("id", "br"+j);
    var el_choices = document.createElement('input');
    el_choices.setAttribute("id", "el_option"+j);
    el_choices.setAttribute("type", "text");
    el_choices.setAttribute("value", "");
    el_choices.style.cssText =   "width:100px; margin:1px; padding:0; border-width: 1px";
    el_choices.setAttribute("onKeyUp", "change_label_price('"+num+"_option"+j+"', this.value)");
    var el_choices_price = document.createElement('input');
    el_choices_price.setAttribute("id", "el_option_price"+j);
    el_choices_price.setAttribute("type", "text");
    el_choices_price.setAttribute("value", '');
    el_choices_price.style.cssText =   "width:50px; margin:1px; padding:0; border-width: 1px";
    el_choices_price.setAttribute("onKeyUp", "change_value_price('"+num+"_option"+j+"', this.value)");
    el_choices_price.setAttribute("onKeyPress", "return check_isnum_point(event)");
    var el_choices_remove = document.createElement('img');
    el_choices_remove.setAttribute("id", "el_option"+j+"_remove");
    el_choices_remove.setAttribute("src", fmc_plugin_url+'/images/delete.png');
    el_choices_remove.style.cssText = 'cursor:pointer; vertical-align:middle;  margin-left:4px;';
    el_choices_remove.setAttribute("align", 'top');
    el_choices_remove.setAttribute("onClick", "remove_option_price('"+j+"','"+num+"')");
    var el_choices_dis = document.createElement('input');
    el_choices_dis.setAttribute("type", 'checkbox');
    el_choices_dis.setAttribute("id", "el_option"+j+"_dis");
    el_choices_dis.setAttribute("onClick", "dis_option_price('"+num+"','"+j+"', this.checked)");
    el_choices_dis.style.cssText ="vertical-align: middle; margin-right:24px; margin-left:24px;";
    choices_td.appendChild(br);
    choices_td.appendChild(el_choices);
    choices_td.appendChild(el_choices_price);
    choices_td.appendChild(el_choices_dis);
    choices_td.appendChild(el_choices_remove);
  }
  if (q == 1) {
    flow_hor(num);
  }
}

function add_choise(type, num) {
	j++;
	if (type=='radio' || type=='checkbox') {
		var choices_td = document.getElementById('choices');
		var br = document.createElement('br');
		br.setAttribute("id", "br"+j);
		var el_choices = document.createElement('input');
		el_choices.setAttribute("id", "el_choices"+j);
		el_choices.setAttribute("type", "text");
		el_choices.setAttribute("value", "");
		el_choices.style.cssText =   "width:100px; margin:0; padding:0; border-width: 1px";
		el_choices.setAttribute("onKeyUp", "change_label('"+num+"_label_element"+j+"', this.value); change_in_value('"+num+"_elementform_id_temp"+j+"', this.value)");
		var el_choices_remove = document.createElement('img');
    el_choices_remove.setAttribute("id", "el_choices"+j+"_remove");
    el_choices_remove.setAttribute("src", fmc_plugin_url+'/images/delete.png');
    el_choices_remove.style.cssText =  'cursor:pointer;vertical-align:middle; margin:3px';
    el_choices_remove.setAttribute("align", 'top');
    el_choices_remove.setAttribute("onClick", "remove_choise('"+j+"','"+num+"','"+type+"')");
    choices_td.appendChild(br);
    choices_td.appendChild(el_choices);
    choices_td.appendChild(el_choices_remove);
		refresh_rowcol(num, type);
		if (type=='checkbox') {
			refresh_id_name(num, 'type_checkbox');
      refresh_attr(num, 'type_checkbox');
		}
		if (type == 'radio') {
			refresh_id_name(num, 'type_radio');
      refresh_attr(num, 'type_radio');
		}
	}
	if (type == 'select') {
		var select_ = document.getElementById(num+'_elementform_id_temp');
		var option = document.createElement('option');
    option.setAttribute("id", num+"_option"+j);
    select_.appendChild(option);
		var choices_td= document.getElementById('choices');
		var br = document.createElement('br');
		br.setAttribute("id", "br"+j);
		var el_choices = document.createElement('input');
    el_choices.setAttribute("id", "el_option"+j);
    el_choices.setAttribute("type", "text");
    el_choices.setAttribute("value", "");
    el_choices.style.cssText =   "width:100px; margin:0; padding:0; border-width: 1px";
    el_choices.setAttribute("onKeyUp", "change_label('"+num+"_option"+j+"', this.value)");
		var el_choices_remove = document.createElement('img');
    el_choices_remove.setAttribute("id", "el_option"+j+"_remove");
    el_choices_remove.setAttribute("src", fmc_plugin_url+'/images/delete.png');
    el_choices_remove.style.cssText = 'cursor:pointer; vertical-align:middle; margin:3px';
    el_choices_remove.setAttribute("align", 'top');
    el_choices_remove.setAttribute("onClick", "remove_option('"+j+"','"+num+"')");
		var el_choices_dis = document.createElement('input');
    el_choices_dis.setAttribute("type", 'checkbox');
    el_choices_dis.setAttribute("id", "el_option"+j+"_dis");
    el_choices_dis.setAttribute("onClick", "dis_option('"+num+"_option"+j+"', this.checked)");
    el_choices_dis.style.cssText = "vertical-align: middle; margin-left:24px; margin-right:24px;";
    choices_td.appendChild(br);
    choices_td.appendChild(el_choices);
    choices_td.appendChild(el_choices_dis);
    choices_td.appendChild(el_choices_remove);
  }
}

function refresh_rowcol(num, type) {
  if (document.getElementById('edit_for_rowcol').value) {
    document.getElementById(num+'_rowcol_numform_id_temp').value = document.getElementById('edit_for_rowcol').value;
    var table = document.getElementById(num+'_table_little');
    table.removeAttribute("for_hor");
		table.innerHTML = "";
    var choeices = 0;
    if (document.getElementById('edit_for_flow_vertical').checked == true) {
      var columns = document.getElementById('edit_for_rowcol').value;
      for (i = 0; i <= 100; i++) {
        if (document.getElementById('el_choices' + i)) {
          choeices++;
        }
      }
      element = 'input';
      rows = parseInt((choeices + 1) / columns);
      var gago = 0;
			var vaxo = 1;
			var tr_row = document.createElement('tr');
  		tr_row.setAttribute("id", num+"_element_tr0");
			for (i=0;i<=100;i++)	{
				if (document.getElementById('el_choices'+i)) {									
					if (gago >= columns) {
            gago=0;
            var tr_row = document.createElement('tr');
            tr_row.setAttribute("id", num+"_element_tr"+vaxo);	
            vaxo++;
					}
          var td = document.createElement('td');
          td.setAttribute("valign", "top");
          td.setAttribute("id", num+"_td_little"+i);
          td.setAttribute("idi", i);
							var adding = document.createElement(element);
							adding.setAttribute("type", type);
							adding.setAttribute("value", document.getElementById("el_choices"+i).value);
							adding.setAttribute("id", num+"_elementform_id_temp"+i);
							if(type=='checkbox')
							{
								if(document.getElementById(num+"_allow_otherform_id_temp").value=="yes" && document.getElementById("el_choices"+i).getAttribute('other')=='1')
								{
									adding.setAttribute("other", "1");
									adding.setAttribute("onclick", "if(set_checked('"+num+"','"+i+"','form_id_temp')) show_other_input('"+num+"','form_id_temp');");
								}
								else
									adding.setAttribute("onclick", "set_checked('"+num+"','"+i+"','form_id_temp')");
		
									adding.setAttribute("name", num+"_elementform_id_temp"+i);
							}
								
							if(type=='radio')
							{
							adding.setAttribute("name", num+"_elementform_id_temp");
								if(document.getElementById(num+"_allow_otherform_id_temp").value=="yes" && document.getElementById("el_choices"+i).getAttribute('other')=='1')
								{
									adding.setAttribute("other", "1");
									adding.setAttribute("onClick", "set_default('"+num+"','"+i+"','form_id_temp'); show_other_input('"+num+"','form_id_temp');");
									
								}
								else
								adding.setAttribute("onClick", "set_default('"+num+"','"+i+"','form_id_temp')");
							}
							
							
							
							var label_adding = document.createElement('label');
								label_adding.setAttribute("id", num+"_label_element"+i);
								label_adding.setAttribute("class", "ch_rad_label");
								label_adding.setAttribute("for",num+"_elementform_id_temp"+i);
								label_adding.innerHTML=document.getElementById("el_choices"+i).value;
								
								td.appendChild(adding);
								td.appendChild(label_adding);
								
							tr_row.appendChild(td);	
							table.appendChild(tr_row);	
					
					
					gago++;
					
			
				}
			

			
			}

			
		  }

	else{

			var rows = document.getElementById('edit_for_rowcol').value;

			for(i=0;i<=100;i++)	
			{
				if(document.getElementById('el_choices'+i))
				choeices++;
			} 

			element='input';
			columns = parseInt((choeices+1)/rows);

			
			var gago=0;
			var vaxo=0;
			for(i=0;i<=100;i++)	
			{
				if(document.getElementById('el_choices'+i))
				{
			
					if(gago < rows)
					{
						var tr_row = document.createElement('tr');
							tr_row.setAttribute("id", num+"_element_tr"+i);
							
					}
					  
							var td = document.createElement('td');
								td.setAttribute("valign", "top");
								td.setAttribute("id", num+"_td_little"+i);
								td.setAttribute("idi", i);
							
							
							var adding = document.createElement(element);
							adding.setAttribute("type", type);
							adding.setAttribute("value", document.getElementById("el_choices"+i).value);
							adding.setAttribute("id", num+"_elementform_id_temp"+i);
							if(type=='checkbox')
							{
								if(document.getElementById(num+"_allow_otherform_id_temp").value=="yes" && document.getElementById("el_choices"+i).getAttribute('other')=='1')
								{
									adding.setAttribute("other", "1");
									adding.setAttribute("onclick", "if(set_checked('"+num+"','"+i+"','form_id_temp')) show_other_input('"+num+"','form_id_temp');");
								}
								else
									adding.setAttribute("onclick", "set_checked('"+num+"','"+i+"','form_id_temp')");
		
									adding.setAttribute("name", num+"_elementform_id_temp"+i);
							}
								
							if(type=='radio')
							{
							adding.setAttribute("name", num+"_elementform_id_temp");
								if(document.getElementById(num+"_allow_otherform_id_temp").value=="yes" && document.getElementById("el_choices"+i).getAttribute('other')=='1')
								{
									adding.setAttribute("other", "1");
									adding.setAttribute("onClick", "set_default('"+num+"','"+i+"','form_id_temp'); show_other_input('"+num+"','form_id_temp')");
									
								}
								else
								adding.setAttribute("onClick", "set_default('"+num+"','"+i+"','form_id_temp')");
							}
							
							var label_adding = document.createElement('label');
								label_adding.setAttribute("id", num+"_label_element"+i);
								label_adding.setAttribute("class", "ch_rad_label");
								label_adding.setAttribute("for",num+"_elementform_id_temp"+i);
								label_adding.innerHTML=document.getElementById("el_choices"+i).value;
								td.appendChild(adding);
								td.appendChild(label_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");
		}
	}
else
{
document.getElementById(num+'_rowcol_numform_id_temp').value = '';

	var table = document.getElementById(num+'_table_little');
		table.innerHTML="";
	
	var tr0 = document.createElement('tr');
		tr0.setAttribute("id", num+"_hor");
		
		
		for(i=0;i<=100;i++)	
			{
				if(document.getElementById('el_choices'+i))
				{
		
		element='input';
	
	  if(document.getElementById('edit_for_flow_vertical').checked==true)
	  {
		var tr = document.createElement('tr');
			tr.setAttribute("id", num+"_element_tr"+i);
		var td = document.createElement('td');
			td.setAttribute("valign", "top");
			td.setAttribute("id", num+"_td_little"+i);
			td.setAttribute("idi", i);
		
		var adding = document.createElement(element);
		adding.setAttribute("type", type);
		adding.setAttribute("value", document.getElementById("el_choices"+i).value);
		adding.setAttribute("id", num+"_elementform_id_temp"+i);
		if(type=='checkbox')
							{
								if(document.getElementById(num+"_allow_otherform_id_temp").value=="yes" && document.getElementById("el_choices"+i).getAttribute('other')=='1')
								{
									adding.setAttribute("other", "1");
									adding.setAttribute("onclick", "if(set_checked('"+num+"','"+i+"','form_id_temp')) show_other_input('"+num+"','form_id_temp');");
								}
								else
									adding.setAttribute("onclick", "set_checked('"+num+"','"+i+"','form_id_temp')");
		
									adding.setAttribute("name", num+"_elementform_id_temp"+i);
							}
								
							if(type=='radio')
							{
							adding.setAttribute("name", num+"_elementform_id_temp");
								if(document.getElementById(num+"_allow_otherform_id_temp").value=="yes" && document.getElementById("el_choices"+i).getAttribute('other')=='1')
								{
									adding.setAttribute("other", "1");
									adding.setAttribute("onClick", "set_default('"+num+"','"+i+"','form_id_temp'); show_other_input('"+num+"','form_id_temp')");
									
								}
								else
								adding.setAttribute("onClick", "set_default('"+num+"','"+i+"','form_id_temp')");
							}
		
		
		var label_adding = document.createElement('label');
			label_adding.setAttribute("id", num+"_label_element"+i);
			label_adding.setAttribute("class", "ch_rad_label");
			label_adding.setAttribute("for",num+"_elementform_id_temp"+i);
			label_adding.innerHTML=document.getElementById("el_choices"+i).value;
		    td.appendChild(adding);
		    td.appendChild(label_adding);
		    tr.appendChild(td);
			table.appendChild(tr);
			}
			
		else
		{
			var td = document.createElement('td');
				td.setAttribute("valign", "top");
				td.setAttribute("id", num+"_td_little"+i);
				td.setAttribute("idi", i);
			
			var adding = document.createElement(element);
				adding.setAttribute("type", type);
				adding.setAttribute("value", document.getElementById("el_choices"+i).value);
				adding.setAttribute("id", num+"_elementform_id_temp"+i);
			
						if(type=='checkbox')
							{
								if(document.getElementById(num+"_allow_otherform_id_temp").value=="yes" && document.getElementById("el_choices"+i).getAttribute('other')=='1')
								{
									adding.setAttribute("other", "1");
									adding.setAttribute("onclick", "if(set_checked('"+num+"','"+i+"','form_id_temp')) show_other_input('"+num+"','form_id_temp');");
								}
								else
									adding.setAttribute("onclick", "set_checked('"+num+"','"+i+"','form_id_temp')");
		
									adding.setAttribute("name", num+"_elementform_id_temp"+i);
							}
								
							if(type=='radio')
							{
							adding.setAttribute("name", num+"_elementform_id_temp");
								if(document.getElementById(num+"_allow_otherform_id_temp").value=="yes" && document.getElementById("el_choices"+i).getAttribute('other')=='1')
								{
									adding.setAttribute("other", "1");
									adding.setAttribute("onClick", "set_default('"+num+"','"+i+"','form_id_temp'); show_other_input('"+num+"','form_id_temp')");	
								}
								else
								adding.setAttribute("onClick", "set_default('"+num+"','"+i+"','form_id_temp')");
							}
			
			
			var label_adding = document.createElement('label');
				label_adding.setAttribute("id", num+"_label_element"+i);
				label_adding.setAttribute("class", "ch_rad_label");
				label_adding.setAttribute("for",num+"_elementform_id_temp"+i);
				label_adding.innerHTML=document.getElementById("el_choices"+i).value;
				
				td.appendChild(adding);
				td.appendChild(label_adding);
				tr0.appendChild(td);
				table.appendChild(tr0);
		}
		    }
		}
}
}

function remove_choise(id, num, type) {
  var choices_td= document.getElementById('choices');
  var el_choices = document.getElementById('el_choices'+id);
  var el_choices_remove = document.getElementById('el_choices'+id+'_remove');
  var br = document.getElementById('br'+id);
  choices_td.removeChild(el_choices);
  choices_td.removeChild(el_choices_remove);
  choices_td.removeChild(br);
  refresh_rowcol(num, type);
  refresh_id_name(num, document.getElementById(num+'_typeform_id_temp').value );
}

function remove_choise_price(id, num) {
  var q = 0;
  if (document.getElementById(num + '_hor')) {
    q = 1;
    flow_ver(num);
  }
  j++;
  var table = document.getElementById(num + '_table_little');
  var tr = document.getElementById(num + '_element_tr' + id);
  table.removeChild(tr);
  var choices_td= document.getElementById('choices');
  var el_choices = document.getElementById('el_choices'+id);
  var el_choices_price = document.getElementById('el_option_price'+id);
  var el_choices_remove = document.getElementById('el_choices'+id+'_remove');
  var br = document.getElementById('br'+id);
  choices_td.removeChild(el_choices);
  choices_td.removeChild(el_choices_price);
  choices_td.removeChild(el_choices_remove);
  choices_td.removeChild(br);
  if (q == 1) {
    flow_hor(num);
  }
  refresh_id_name(num, document.getElementById(num+'_typeform_id_temp').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 el_choices = document.getElementById('el_option' + id);
  var el_choices_price = document.getElementById('el_option_price' + id);
  var el_choices_dis = document.getElementById('el_option' + id + '_dis');
  var el_choices_remove = document.getElementById('el_option' + id + '_remove');
  var br = document.getElementById('br' + id);
  choices_td.removeChild(el_choices);
  choices_td.removeChild(el_choices_price);
  choices_td.removeChild(el_choices_dis);
  choices_td.removeChild(el_choices_remove);
  choices_td.removeChild(br);
}

function add_grading_items(num){
	for(i=100;i>0;i--)
	{
		 if(document.getElementById("el_items"+i))
		 {
			break;
		 }
	}	

	 m=i+1;
  
	var choices_td= document.getElementById("items");
	
		var br = document.createElement('br');
		br.setAttribute("id", "britems"+m);
		var el_choices = document.createElement('input');
		el_choices.setAttribute("id", "el_items"+m);
		el_choices.setAttribute("type", "text");
		el_choices.setAttribute("value", "");
		el_choices.style.cssText =   "width:100px; margin:0; padding:0; border-width: 1px";
		el_choices.setAttribute("onKeyUp", "change_label('"+num+"_label_elementform_id_temp"+m+"', this.value); change_in_value('"+num+"_label_elementform_id_temp"+m+"', this.value)");
	
		var el_choices_remove = document.createElement('img');
			el_choices_remove.setAttribute("id", "el_items"+m+"_remove");
			el_choices_remove.setAttribute("src", fmc_plugin_url+'/images/delete.png');
			el_choices_remove.style.cssText =  'cursor:pointer;vertical-align:middle; margin:3px';
			el_choices_remove.setAttribute("align", 'top');
			el_choices_remove.setAttribute("onClick", "remove_grading_items('"+m+"','"+num+"')");
	
	    choices_td.appendChild(br);
	    choices_td.appendChild(el_choices);
	    choices_td.appendChild(el_choices_remove);
	
	
refresh_grading_items(num);
refresh_id_name(num, 'type_grading');

}

function sum_grading_values(a,b){} 

function refresh_grading_items(num){

	for(i=100;i>0;i--)
	{
		 if(document.getElementById("el_items"+i))
		 {
			break;
		 }
	}	
	 m=i;

	
var div = document.getElementById(num+'_elementform_id_temp');
	div.innerHTML='';
    

for(i=0;i<=m;i++)
{

	if(document.getElementById("el_items"+i))
	{
	
		var div_grading = document.createElement('div');
			div_grading.setAttribute("id", num+"_element_div"+i);
			div_grading.setAttribute("class", "grading");
	
		
		var input_item = document.createElement('input');
				input_item.setAttribute("id", num+"_elementform_id_temp"+i);
				input_item.setAttribute("name", num+"_elementform_id_temp"+i);
				input_item.setAttribute("onKeyPress", "return check_isnum_or_minus(event)");
				input_item.setAttribute("value", "");					
                input_item.setAttribute("size", "5");					
				input_item.setAttribute("onKeyUp", "sum_grading_values("+num+",'form_id_temp')");
				input_item.setAttribute("onChange", "sum_grading_values("+num+",'form_id_temp')");
				
		var label_item = document.createElement('label');
				label_item.setAttribute("id", num+"_label_elementform_id_temp"+i);
				label_item.setAttribute("class", "ch_rad_label");
				//label_item.setAttribute("for",num+"_elementform_id_temp"+i);	
				label_item.innerHTML = document.getElementById("el_items"+i).value;	
	  

		div_grading.appendChild(input_item);	
		div_grading.appendChild(label_item);
		div.appendChild(div_grading);
		
	}   
	
}
        var div_total = document.createElement('div');
			div_total.setAttribute("id", num+"_element_total_divform_id_temp");
			div_total.setAttribute("class", "grading_div");
		var Total = document.createTextNode("Total:");	
		var Seperator = document.createTextNode("/");	
		
		var span_total = document.createElement('span');
			span_total.setAttribute("id", num+"_total_elementform_id_temp");
			span_total.setAttribute("name", num+"_total_elementform_id_temp");
			span_total.innerHTML = document.getElementById(num+'_grading_totalform_id_temp').value;
		
		var span_gum = document.createElement('span');
			span_gum.setAttribute("id", num+"_sum_elementform_id_temp");	
			span_gum.setAttribute("name", num+"_sum_elementform_id_temp");	
			span_gum.innerHTML = 0;
 		 
		var span_of_text = document.createElement('span');
			span_of_text.setAttribute("id", num+"_text_elementform_id_temp");	
			span_of_text.setAttribute("name", num+"_text_elementform_id_temp");	
			span_of_text.innerHTML = "";
		 
	    div_total.appendChild(Total);
		div_total.appendChild(span_gum);
		div_total.appendChild(Seperator);
		div_total.appendChild(span_total);
		div_total.appendChild(span_of_text);
        div.appendChild(div_total);
                   
}

function remove_grading_items(id, num){
		var choices_td= document.getElementById("items");
		
		var el_choices = document.getElementById('el_items'+id);
		var el_choices_remove = document.getElementById('el_items'+id+'_remove');
		var br = document.getElementById('britems'+id);
		
		choices_td.removeChild(el_choices);
		choices_td.removeChild(el_choices_remove);
		choices_td.removeChild(br);

refresh_grading_items(num);
refresh_id_name(num, 'type_grading');
}




function add_to_matrix(type, num){
	for(i=100;i>0;i--)
	{
		 if(document.getElementById("el_rows"+i))
		 {
			break;
		 }
	}	
if(type=="rows")
{
	 m=i+1;
} 
else
	 m=i;

	for(i=100;i>0;i--)
	{
		 if(document.getElementById("el_columns"+i))
		 {
			break;
		 }
	}	
if(type=="columns")
{
	 n=i+1;
} 
else
n=i;
	
	 
 
	var choices_td= document.getElementById(type);
	if(type=="rows")
	{
		var br = document.createElement('br');
		br.setAttribute("id", "br"+type+m);
		var el_choices = document.createElement('input');
		el_choices.setAttribute("id", "el_"+type+m);
		el_choices.setAttribute("type", "text");
		el_choices.setAttribute("value", "");
		el_choices.style.cssText =   "width:100px; margin:0; padding:0; border-width: 1px";
		el_choices.setAttribute("onKeyUp", "change_label('"+num+"_label_elementform_id_temp"+m+"_0', this.value); change_in_value('"+num+"_label_elementform_id_temp"+m+"_0', this.value)");
	
		var el_choices_remove = document.createElement('img');
			el_choices_remove.setAttribute("id", "el_"+type+m+"_remove");
			el_choices_remove.setAttribute("src", fmc_plugin_url+'/images/delete.png');
			el_choices_remove.style.cssText =  'cursor:pointer;vertical-align:middle; margin:3px';
			el_choices_remove.setAttribute("align", 'top');
			el_choices_remove.setAttribute("onClick", "remove_rowcols('"+m+"','"+num+"','"+type+"')");
	
	    choices_td.appendChild(br);
	    choices_td.appendChild(el_choices);
	    choices_td.appendChild(el_choices_remove);
	}
	else
	{
		var br = document.createElement('br');
			br.setAttribute("id", "br"+type+n);
		var el_choices = document.createElement('input');
			el_choices.setAttribute("id", "el_"+type+n);
			el_choices.setAttribute("type", "text");
			el_choices.setAttribute("value", "");
			el_choices.style.cssText =   "width:100px; margin:0; padding:0; border-width: 1px";
			el_choices.setAttribute("onKeyUp", "change_label('"+num+"_label_elementform_id_temp"+"0_"+n+"', this.value); change_in_value('"+num+"_label_elementform_id_temp"+"0_"+n+"', this.value)");
	
		var el_choices_remove = document.createElement('img');
			el_choices_remove.setAttribute("id", "el_"+type+n+"_remove");
			el_choices_remove.setAttribute("src", fmc_plugin_url+'/images/delete.png');
			el_choices_remove.style.cssText =  'cursor:pointer;vertical-align:middle; margin:3px';
			el_choices_remove.setAttribute("align", 'top');
			el_choices_remove.setAttribute("onClick", "remove_rowcols('"+n+"','"+num+"','"+type+"')");
	
			choices_td.appendChild(br);
			choices_td.appendChild(el_choices);
			choices_td.appendChild(el_choices_remove);

	}	
refresh_matrix(num);


}


function refresh_matrix(num){

	for(i=100;i>0;i--)
	{
		 if(document.getElementById("el_rows"+i))
		 {
			break;
		 }
	}	
	 m=i;

	for(i=100;i>0;i--)
	{
		 if(document.getElementById("el_columns"+i))
		 {
			break;
		 }
	}	
	n=i;
	
	



var table = document.getElementById(num+'_table_little');
	table.innerHTML='';

	
		var tr0 = document.createElement('tr');
			tr0.setAttribute("id", num+"_element_tr0");
		
		table.appendChild(tr0);
		
		var td0 = document.createElement('td');
			td0.setAttribute("id", num+"_element_td0_0");		
			td0.innerHTML="";		
		tr0.appendChild(td0);


		for(k=1;k<=n;k++)
		{
			if(document.getElementById("el_columns"+k))
			{
			
				var td = document.createElement('td');
					td.setAttribute("id", num+"_element_td0_"+k);	
					td.setAttribute("class", "matrix_");

					
				var label_column = document.createElement('label');
						label_column.setAttribute("id", num+"_label_elementform_id_temp"+"0_"+k);
						label_column.setAttribute("name", num+"_label_elementform_id_temp"+"0_"+k);
						label_column.setAttribute("class", "ch_rad_label");
						label_column.setAttribute("for",num+"_elementform_id_temp"+k);	
						label_column.innerHTML=document.getElementById("el_columns"+k).value;	
                
			
						
						td.appendChild(label_column);
							
						tr0.appendChild(td);
						
						
			}
		}
		
                    

for(i=1;i<=m;i++)
{

	if(document.getElementById("el_rows"+i))
	{
		var tr = document.createElement('tr');
			tr.setAttribute("id", num+"_element_tr"+i);
		var td0 = document.createElement('td');
			td0.setAttribute("id", num+"_element_td"+i+"_0");		
			td0.setAttribute("class", "matrix_");	
			
		var label_row = document.createElement('label');
				label_row.setAttribute("id", num+"_label_elementform_id_temp"+i+"_0");
				label_row.setAttribute("class", "ch_rad_label");
				label_row.setAttribute("for",num+"_elementform_id_temp"+i);	
				label_row.innerHTML=document.getElementById("el_rows"+i).value;	
		
       

		
		td0.appendChild(label_row);	
		tr.appendChild(td0);
		
		table.appendChild(tr);
		
		for(k=1;k<=n;k++)
		{
			if(document.getElementById("el_columns"+k))
			{
				
				var td = document.createElement('td');
					td.setAttribute("id", num+"_element_td"+i+"_"+k);	
					td.style.cssText =   "text-align:center";

										
					

							
		if(document.getElementById("edit_for_select_input_type").value=="select"){
					var select_yes_no = document.createElement('select');
					    select_yes_no.setAttribute("id", num+"_select_yes_noform_id_temp"+i+"_"+k);
						select_yes_no.setAttribute("name", num+"_select_yes_noform_id_temp"+i+"_"+k);
					var option_yes_no1 = document.createElement('option');
						option_yes_no1.setAttribute("value", "");
                    Nothing = document.createTextNode(" ");
					
					var option_yes_no2 = document.createElement('option');
						option_yes_no2.setAttribute("value", "yes");
                    Yes = document.createTextNode("Yes");
					
					var option_yes_no3 = document.createElement('option');
						option_yes_no3.setAttribute("value", "no");
                    No = document.createTextNode("No");
                
				        option_yes_no1.appendChild(Nothing);
					    option_yes_no2.appendChild(Yes);
					    option_yes_no3.appendChild(No);
                        select_yes_no.appendChild(option_yes_no1);
					    select_yes_no.appendChild(option_yes_no2);
					    select_yes_no.appendChild(option_yes_no3);
					    td.appendChild(select_yes_no);
					}			
					else{		
					var input_of_matrix = document.createElement('input');
							input_of_matrix.setAttribute("id", num+"_input_elementform_id_temp"+i+"_"+k);
							input_of_matrix.setAttribute("align", "center"); 
							input_of_matrix.setAttribute("size", "14"); 							
							
							input_of_matrix.setAttribute("type", document.getElementById("edit_for_select_input_type").value);	
									
						
                    if(document.getElementById("edit_for_select_input_type").value=="radio"){
					   input_of_matrix.setAttribute("name", num+"_input_elementform_id_temp"+i);
					   input_of_matrix.setAttribute("value", i+"_"+k);
					   }
					else {
					    if(document.getElementById("edit_for_select_input_type").value=="checkbox"){
                          input_of_matrix.setAttribute("name", num+"_input_elementform_id_temp"+i+"_"+k);
                          input_of_matrix.setAttribute("value", 1);
					    }
					    else{
					      input_of_matrix.setAttribute("name", num+"_input_elementform_id_temp"+i+"_"+k);
                          input_of_matrix.setAttribute("value", '');
					    }
					}
							td.appendChild(input_of_matrix);
							
							}
						
								
				tr.appendChild(td);
			}
		}
	}   
}
               
}

function remove_rowcols(id, num, type)
{
		var choices_td= document.getElementById(type);
		
		var el_choices = document.getElementById('el_'+type+id);
		var el_choices_remove = document.getElementById('el_'+type+id+'_remove');
		var br = document.getElementById('br'+type+id);
		
		choices_td.removeChild(el_choices);
		choices_td.removeChild(el_choices_remove);
		choices_td.removeChild(br);

refresh_matrix(num);
}

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 el_choices = document.getElementById('el_option'+id);
  var el_choices_dis = document.getElementById('el_option'+id+'_dis');
  var el_choices_remove = document.getElementById('el_option'+id+'_remove');
  var br = document.getElementById('br'+id);
  choices_td.removeChild(el_choices);
  choices_td.removeChild(el_choices_dis);
  choices_td.removeChild(el_choices_remove);
  choices_td.removeChild(br);
}

function getIFrameDocument(aID){ 
var rv = null; 
// if contentDocument exists, W3C compliant (Mozilla) 
if (document.getElementById(aID) && document.getElementById(aID).contentDocument){
rv = document.getElementById(aID).contentDocument; 
} else if (document.getElementById(aID)) {
// IE 
rv = document.frames[aID].document; 
} 
return rv; 
}

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";
	document.getElementById('form_maker_editor').value = "";
	if (document.getElementById('show_table').lastChild) {
		var del1 = document.getElementById('show_table').lastChild;
		var del2 = document.getElementById('edit_table').lastChild;
		var main1 = document.getElementById('show_table');
		var main2 = document.getElementById('edit_table');
		main1.removeChild(del1);
		main2.removeChild(del2);
	}
}

function format_12(num, am_or_pm, w_hh, w_mm, w_ss) {
  tr_time1 = document.getElementById(num+'_tr_time1')
  tr_time2 = document.getElementById(num+'_tr_time2')
  var td1 = document.createElement('td');
  td1.setAttribute("id", num+"_am_pm_select");
  td1.setAttribute("class", "td_am_pm_select");
  var td2 = document.createElement('td');
  td2.setAttribute("id", num+"_am_pm_label");
  td2.setAttribute("class", "td_am_pm_select");
  var am_pm_select = document.createElement('select');
  am_pm_select.setAttribute("class", "am_pm_select");
  am_pm_select.setAttribute("name",  num+"_am_pmform_id_temp");
  am_pm_select.setAttribute("id",  num+"_am_pmform_id_temp");
  am_pm_select.setAttribute("onchange", "set_sel_am_pm(this)");
  var am_option = document.createElement('option');
  am_option.setAttribute("value", "am");
  am_option.innerHTML = "AM";
  var pm_option = document.createElement('option');
  pm_option.setAttribute("value", "pm");
  pm_option.innerHTML = "PM";
  if (am_or_pm == "pm") {
    pm_option.setAttribute("selected", "selected");
  }
  else {
    am_option.setAttribute("selected", "selected");
  }
  var am_pm_label = document.createElement('label');
  am_pm_label.setAttribute("class", "mini_label");
  am_pm_label.setAttribute("id", num+"_mini_label_am_pm");
  am_pm_label.innerHTML=w_mini_labels[3];
  am_pm_select.appendChild(am_option);
  am_pm_select.appendChild(pm_option);
  td1.appendChild(am_pm_select);
  td2.appendChild(am_pm_label);
  tr_time1.appendChild(td1);
  tr_time2.appendChild(td2);
  document.getElementById(num+'_hhform_id_temp').setAttribute("onKeyPress", "return check_hour(event, '"+num+"_hhform_id_temp',"+"'12'"+")");
  document.getElementById(num+'_hhform_id_temp').value=w_hh;
  document.getElementById(num+'_mmform_id_temp').value=w_mm;
  if (document.getElementById(num + '_ssform_id_temp')) {
    document.getElementById(num+'_ssform_id_temp').value = w_ss;
  }
  refresh_attr(num, 'type_time');
  jQuery(document).ready(function() {
    jQuery("label#"+num+"_mini_label_am_pm").click(function() {
      if (jQuery(this).children('input').length == 0) {
        var am_pm = "<input type='text' class='am_pm' size='4' style='outline:none; border:none; background:none;' value=\""+jQuery(this).text()+"\">";	
        jQuery(this).html(am_pm);				
        jQuery("input.am_pm").focus();
        jQuery("input.am_pm").blur(function() {
          var value = jQuery(this).val();
          jQuery("#"+num+"_mini_label_am_pm").text(value);
        });
      }	
    });		
	});	
}

function format_24(num) {
  tr_time1 = document.getElementById(num+'_tr_time1')
  td1 = document.getElementById(num+'_am_pm_select')
  tr_time2 = document.getElementById(num+'_tr_time2')
  td2 = document.getElementById(num+'_am_pm_label')
  tr_time1.removeChild(td1);
  tr_time2.removeChild(td2);
  document.getElementById(num+'_hhform_id_temp').setAttribute("onKeyPress", "return check_hour(event, '"+num+"_hhform_id_temp', '23')");
  document.getElementById(num+'_hhform_id_temp').value="";
  document.getElementById(num+'_mmform_id_temp').value="";
  if (document.getElementById(num + '_ssform_id_temp')) {
    document.getElementById(num + '_ssform_id_temp').value = "";
  }
}

function format_extended(num) {
  w_size=document.getElementById(num+'_element_firstform_id_temp').style.width;
  tr_name1 = document.getElementById(num+'_tr_name1');
  tr_name2 = document.getElementById(num+'_tr_name2');
  var td_name_input1 = document.createElement('td');
  td_name_input1.setAttribute("id", num+"_td_name_input_title");
  var td_name_input4 = document.createElement('td');
  td_name_input4.setAttribute("id", num+"_td_name_input_middle");
  var td_name_label1 = document.createElement('td');
  td_name_label1.setAttribute("id", num+"_td_name_label_title");
  td_name_label1.setAttribute("align", "left");
  var td_name_label4 = document.createElement('td');
  td_name_label4.setAttribute("id", num+"_td_name_label_middle");
  td_name_label4.setAttribute("align", "left");
  var title = document.createElement('input');
  title.setAttribute("type", 'text');
  title.setAttribute("class", "input_deactive");
  title.style.cssText = "margin: 0px 10px 0px 0px; padding: 0px; width:40px";
  title.setAttribute("id", num+"_element_titleform_id_temp");
  title.setAttribute("name", num+"_element_titleform_id_temp");
  title.setAttribute("value", '');
  title.setAttribute("title", '');
  title.setAttribute("onFocus", 'delete_value("'+num+'_element_titleform_id_temp")');
  title.setAttribute("onBlur", 'return_value("'+num+'_element_titleform_id_temp")');
  title.setAttribute("onChange", "change_value('"+num+"_element_titleform_id_temp')");
  var title_label = document.createElement('label');
  title_label.setAttribute("class", "mini_label");
  title_label.setAttribute("id", num+"_mini_label_title");
  title_label.innerHTML= w_mini_labels[0];
  var middle = document.createElement('input');
  middle.setAttribute("type", 'text');
  middle.setAttribute("class", "input_deactive");
  middle.style.cssText = "padding: 0px; width:"+w_size;
  middle.setAttribute("id", num+"_element_middleform_id_temp");
  middle.setAttribute("name", num+"_element_middleform_id_temp");
  middle.setAttribute("value", '');
  middle.setAttribute("title", '');
  middle.setAttribute("onFocus", 'delete_value("'+num+'_element_middleform_id_temp")');
  middle.setAttribute("onBlur", 'return_value("'+num+'_element_middleform_id_temp")');
  middle.setAttribute("onChange", "change_value('"+num+"_element_middleform_id_temp')");
  var middle_label = document.createElement('label');
  middle_label.setAttribute("class", "mini_label");
  middle_label.setAttribute("id", num+"_mini_label_middle");
  middle_label.innerHTML=w_mini_labels[3];
  first_input = document.getElementById(num+'_td_name_input_first');
  last_input = document.getElementById(num+'_td_name_input_last');
  first_label = document.getElementById(num+'_td_name_label_first');
  last_label = document.getElementById(num+'_td_name_label_last');
  td_name_input1.appendChild(title);
  td_name_input4.appendChild(middle);
  tr_name1.insertBefore(td_name_input1, first_input);
  tr_name1.insertBefore(td_name_input4, null);
  td_name_label1.appendChild(title_label);
  td_name_label4.appendChild(middle_label);
  tr_name2.insertBefore(td_name_label1, first_label);
  tr_name2.insertBefore(td_name_label4, null);
  var gic1 = document.createTextNode("-");
  var gic2 = document.createTextNode("-");
  var el_first_value_title = document.createElement('input');
  el_first_value_title.setAttribute("id", "el_first_value_title");
  el_first_value_title.setAttribute("type", "text");
  el_first_value_title.setAttribute("value", '');
  el_first_value_title.style.cssText = "width:50px; margin-left:4px; margin-right:4px";
  el_first_value_title.setAttribute("onKeyUp", "change_input_value(this.value,'"+num+"_element_titleform_id_temp')");
  var el_first_value_middle = document.createElement('input');
  el_first_value_middle.setAttribute("id", "el_first_value_middle");
  el_first_value_middle.setAttribute("type", "text");
  el_first_value_middle.setAttribute("value", '');
  el_first_value_middle.style.cssText = "width:100px; margin-left:4px";
  el_first_value_middle.setAttribute("onKeyUp", "change_input_value(this.value,'"+num+"_element_middleform_id_temp')");
  el_first_value_first = document.getElementById('el_first_value_first');
  parent=el_first_value_first.parentNode;
  parent.insertBefore(gic1, el_first_value_first);
  parent.insertBefore(el_first_value_title, gic1);
  parent.appendChild(gic2);
  parent.appendChild(el_first_value_middle);
  refresh_attr(num, 'type_name');
  jQuery(document).ready(function() {
    jQuery("label#"+num+"_mini_label_title").click(function() {
      if (jQuery(this).children('input').length == 0) {				
        var title = "<input type='text' class='title' size='10' 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("#"+num+"_mini_label_title").text(value);
        });
      }
    });
    jQuery("label#"+num+"_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("#"+num+"_mini_label_middle").text(value);
        });
      }
    });
	});
}

function format_normal(num) {
  tr_name1 = document.getElementById(num + '_tr_name1');
  tr_name2 = document.getElementById(num + '_tr_name2');
  td_name_input1 = document.getElementById(num + '_td_name_input_title');
  td_name_input4 = document.getElementById(num + '_td_name_input_middle');
  td_name_label1 = document.getElementById(num + '_td_name_label_title');
  td_name_label4 =document.getElementById(num + '_td_name_label_middle');		
  tr_name1.removeChild(td_name_input1);
  tr_name1.removeChild(td_name_input4);
  tr_name2.removeChild(td_name_label1);
  tr_name2.removeChild(td_name_label4);
  el_first_value_first = document.getElementById('el_first_value_first');
  parent = el_first_value_first.parentNode;
  parent.removeChild( document.getElementById('el_first_value_title').nextSibling);
  parent.removeChild( document.getElementById('el_first_value_title'));
  parent.removeChild( document.getElementById('el_first_value_middle').previousSibling);
  parent.removeChild( document.getElementById('el_first_value_middle'));
}

function type_section_break(i, w_editor) {
  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");
  document.getElementById("element_type").value="type_section_break";
	delete_last_child();
  // Edit table.
	oElement = document.getElementById('table_editor');
	var iReturnTop = 0;
	var iReturnLeft = 0;
	while (oElement != null) {
    iReturnTop += oElement.offsetTop;
    iReturnLeft += oElement.offsetLeft;
    oElement = oElement.offsetParent;
  }
  document.getElementById('main_editor').style.display="block";
  document.getElementById('main_editor').style.left=iReturnLeft + 195 + "px";
  document.getElementById('main_editor').style.top=iReturnTop + 70 + "px";
  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 = "600px";
  document.getElementById('edit_table').appendChild(div);				
}

function type_editor(i, w_editor){

    document.getElementById("element_type").value="type_editor";
	delete_last_child();
// edit table	
	oElement=document.getElementById('table_editor');
	var iReturnTop = 0;
	var iReturnLeft = 0;
	while( oElement != null ) 
	{
	iReturnTop += oElement.offsetTop;
	iReturnLeft += oElement.offsetLeft;
	oElement = oElement.offsetParent;
	}
	
		document.getElementById('main_editor').style.display="block";
		document.getElementById('main_editor').style.left=iReturnLeft+195+"px";
		document.getElementById('main_editor').style.top=iReturnTop+70+"px";
		
		
		
		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="600px";				
		document.getElementById('edit_table').appendChild(div);
		
		
}

function type_submit_reset(i, w_submit_title , w_reset_title , w_class, w_act, w_attr_name, w_attr_value){

    document.getElementById("element_type").value="type_submit_reset";
    
	delete_last_child();
// edit table	
	var edit_div  = document.createElement('div');
		edit_div.setAttribute("id", "edit_div");
		edit_div.setAttribute("style", "border-top:1px dotted black;padding:10px;  padding-top:0px; padding-bottom:0px; margin-top:10px;");
		
	var edit_main_table  = document.createElement('table');
		edit_main_table.setAttribute("id", "edit_main_table");
		edit_main_table.setAttribute("cellpadding", "0");
		edit_main_table.setAttribute("cellspacing", "0");
		
	var edit_main_tr1  = document.createElement('tr');
      		edit_main_tr1.setAttribute("valing", "top");
		
	var edit_main_tr2  = document.createElement('tr');
      		edit_main_tr2.setAttribute("valing", "top");
		
	var edit_main_tr3  = document.createElement('tr');
      		edit_main_tr3.setAttribute("valing", "top");
		
	var edit_main_tr4  = document.createElement('tr');
      		edit_main_tr4.setAttribute("valing", "top");
		
	var edit_main_tr5  = document.createElement('tr');
      		edit_main_tr5.setAttribute("valing", "top");
			
	var edit_main_tr6  = document.createElement('tr');
      		edit_main_tr6.setAttribute("valing", "top");

	var edit_main_tr7  = document.createElement('tr');
      		edit_main_tr7.setAttribute("valing", "top");

	var edit_main_td1 = document.createElement('td');
		edit_main_td1.style.cssText = "padding-top:10px";	
	var edit_main_td1_1 = document.createElement('td');
		edit_main_td1_1.style.cssText = "padding-top:10px";	
	var edit_main_td2 = document.createElement('td');
		edit_main_td2.style.cssText = "padding-top:10px";
	var edit_main_td2_1 = document.createElement('td');
		edit_main_td2_1.style.cssText = "padding-top:10px";

	var edit_main_td3 = document.createElement('td');
		edit_main_td3.style.cssText = "padding-top:10px";
	var edit_main_td3_1 = document.createElement('td');
		edit_main_td3_1.style.cssText = "padding-top:10px";
	var edit_main_td4 = document.createElement('td');
		edit_main_td4.style.cssText = "padding-top:10px";
	var edit_main_td4_1 = document.createElement('td');
		edit_main_td4_1.style.cssText = "padding-top:10px";
		
	var edit_main_td5 = document.createElement('td');
		edit_main_td5.style.cssText = "padding-top:10px";
	var edit_main_td5_1 = document.createElement('td');
		edit_main_td5_1.style.cssText = "padding-top:10px";
				
	var edit_main_td6 = document.createElement('td');
		edit_main_td6.style.cssText = "padding-top:10px";
	var edit_main_td6_1 = document.createElement('td');
		edit_main_td6_1.style.cssText = "padding-top:10px";
		  
	var edit_main_td7 = document.createElement('td');
		edit_main_td7.style.cssText = "padding-top:10px";
	var edit_main_td7_1 = document.createElement('td');
		edit_main_td7_1.style.cssText = "padding-top:10px";
		  
	var el_submit_title_label = document.createElement('label');
	                el_submit_title_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_submit_title_label.innerHTML = "Submit button label";
	
	var el_submit_title_textarea = document.createElement('input');
                el_submit_title_textarea.setAttribute("id", "edit_for_title");
                el_submit_title_textarea.setAttribute("type", "text");
                el_submit_title_textarea.style.cssText = "width:160px";
                el_submit_title_textarea.setAttribute("onKeyUp", "change_label('"+i+"_element_submitform_id_temp', this.value)");
		el_submit_title_textarea.value = w_submit_title;
	var el_submit_func_label = document.createElement('label');
	                el_submit_func_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_submit_func_label.innerHTML = "Submit function";
	var el_submit_func_textarea = document.createElement('input');
                el_submit_func_textarea.setAttribute("type", "text");
                el_submit_func_textarea.setAttribute("disabled", "disabled");
                el_submit_func_textarea.style.cssText = "width:160px";
		el_submit_func_textarea.value = "check_required('submit', 'form_id_temp')";

	var el_reset_title_label = document.createElement('label');
	                el_reset_title_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_reset_title_label.innerHTML = "Reset button label";
	
	var el_reset_title_textarea = document.createElement('input');
                el_reset_title_textarea.setAttribute("id", "edit_for_title");
                el_reset_title_textarea.setAttribute("type", "text");
                el_reset_title_textarea.style.cssText = "width:160px";
                el_reset_title_textarea.setAttribute("onKeyUp", "change_label('"+i+"_element_resetform_id_temp', this.value)");
		el_reset_title_textarea.value = w_reset_title;
	
	
	var el_reset_active = document.createElement('input');
                el_reset_active.setAttribute("type", "checkbox");
                el_reset_active.style.cssText = "";
				el_reset_active.setAttribute("onClick", "active_reset(this.checked, "+i+")");
	if(w_act)
				el_reset_active.setAttribute("checked", "checked");

				
	var el_reset_active_label = document.createElement('label');
	                el_reset_active_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
					el_reset_active_label.innerHTML = "Display Reset button";
	
	
	
	
	var el_reset_func_label = document.createElement('label');
	                el_reset_func_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_reset_func_label.innerHTML = "Reset function";
	var el_reset_func_textarea = document.createElement('input');
                el_reset_func_textarea.setAttribute("type", "text");
                el_reset_func_textarea.setAttribute("disabled", "disabled");
                el_reset_func_textarea.style.cssText = "width:160px";
		el_reset_func_textarea.value = "check_required('reset')";

	var el_style_label = document.createElement('label');
	        el_style_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_style_label.innerHTML = "Class name";
	
	var el_style_textarea = document.createElement('input');
                el_style_textarea.setAttribute("id", "element_style");
		el_style_textarea.setAttribute("type", "text");
		el_style_textarea.setAttribute("value", w_class);
                el_style_textarea.style.cssText = "width:200px;";
                el_style_textarea.setAttribute("onChange", "change_class(this.value,'"+i+"')");
	var el_attr_label = document.createElement('label');
	                el_attr_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_attr_label.innerHTML = "Additional Attributes";
	var el_attr_add = document.createElement('img');
                el_attr_add.setAttribute("id", "el_choices_add");
           	el_attr_add.setAttribute("src", fmc_plugin_url+'/images/add.png');
            	el_attr_add.style.cssText = 'cursor:pointer; margin-left:68px';
            	el_attr_add.setAttribute("title", 'add');
                el_attr_add.setAttribute("onClick", "add_attr("+i+", 'type_submit_reset')");
	var el_attr_table = document.createElement('table');
                el_attr_table.setAttribute("id", 'attributes');
                el_attr_table.setAttribute("border", '0');
        	el_attr_table.style.cssText = 'margin-left:0px';
	var el_attr_tr_label = document.createElement('tr');
                el_attr_tr_label.setAttribute("idi", '0');
	var el_attr_td_name_label = document.createElement('th');
            	el_attr_td_name_label.style.cssText = 'width:100px';
	var el_attr_td_value_label = document.createElement('th');
            	el_attr_td_value_label.style.cssText = 'width:100px';
	var el_attr_td_X_label = document.createElement('th');
            	el_attr_td_X_label.style.cssText = 'width:10px';
	var el_attr_name_label = document.createElement('label');
	                el_attr_name_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 11px";
			el_attr_name_label.innerHTML = "Name";
			
	var el_attr_value_label = document.createElement('label');
	                el_attr_value_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 11px";
			el_attr_value_label.innerHTML = "Value";
			
	el_attr_table.appendChild(el_attr_tr_label);
	el_attr_tr_label.appendChild(el_attr_td_name_label);
	el_attr_tr_label.appendChild(el_attr_td_value_label);
	el_attr_tr_label.appendChild(el_attr_td_X_label);
	el_attr_td_name_label.appendChild(el_attr_name_label);
	el_attr_td_value_label.appendChild(el_attr_value_label);
	
	n=w_attr_name.length;
	for(j=1; j<=n; j++)
	{	
		var el_attr_tr = document.createElement('tr');
			el_attr_tr.setAttribute("id", "attr_row_"+j);
			el_attr_tr.setAttribute("idi", j);
		var el_attr_td_name = document.createElement('td');
			el_attr_td_name.style.cssText = 'width:100px';
		var el_attr_td_value = document.createElement('td');
			el_attr_td_value.style.cssText = 'width:100px';
		
		var el_attr_td_X = document.createElement('td');
		var el_attr_name = document.createElement('input');
	
			el_attr_name.setAttribute("type", "text");
	
			el_attr_name.style.cssText = "width:100px";
			el_attr_name.setAttribute("value", w_attr_name[j-1]);
			el_attr_name.setAttribute("id", "attr_name"+j);
			el_attr_name.setAttribute("onChange", "change_attribute_name("+i+", this, 'type_submit_reset')");
			
		var el_attr_value = document.createElement('input');
	
			el_attr_value.setAttribute("type", "text");
	
			el_attr_value.style.cssText = "width:100px";
			el_attr_value.setAttribute("value", w_attr_value[j-1]);
			el_attr_value.setAttribute("id", "attr_value"+j);
			el_attr_value.setAttribute("onChange", "change_attribute_value("+i+", "+j+", 'type_submit_reset')");
	
		var el_attr_remove = document.createElement('img');
			el_attr_remove.setAttribute("id", "el_choices"+j+"_remove");
			el_attr_remove.setAttribute("src", fmc_plugin_url+'/images/delete.png');
			el_attr_remove.style.cssText = 'cursor:pointer; vertical-align:middle; margin:3px';
			el_attr_remove.setAttribute("align", 'top');
			el_attr_remove.setAttribute("onClick", "remove_attr("+j+", "+i+", 'type_submit_reset')");
		el_attr_table.appendChild(el_attr_tr);
		el_attr_tr.appendChild(el_attr_td_name);
		el_attr_tr.appendChild(el_attr_td_value);
		el_attr_tr.appendChild(el_attr_td_X);
		el_attr_td_name.appendChild(el_attr_name);
		el_attr_td_value.appendChild(el_attr_value);
		el_attr_td_X.appendChild(el_attr_remove);
		
	}

	var t  = document.getElementById('edit_table');
	
	var hr = document.createElement('hr');
	var br = document.createElement('br');
	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 br6 = document.createElement('br');
	var br7 = document.createElement('br');
	var br8 = document.createElement('br');
	var br9 = document.createElement('br');
	edit_main_td1.appendChild(el_submit_title_label);
	edit_main_td1.appendChild(br7);
	edit_main_td1.appendChild(el_submit_func_label);
	edit_main_td1_1.appendChild(el_submit_title_textarea);
	edit_main_td1_1.appendChild(br1);
	edit_main_td1_1.appendChild(el_submit_func_textarea);
	
	
	edit_main_td2.appendChild(el_reset_active_label);
	edit_main_td2.appendChild(br5);
	edit_main_td2.appendChild(el_reset_title_label);
	edit_main_td2.appendChild(br8);
	edit_main_td2.appendChild(el_reset_func_label);
	edit_main_td2_1.appendChild(el_reset_active);
	edit_main_td2_1.appendChild(br9);
	edit_main_td2_1.appendChild(el_reset_title_textarea);
	edit_main_td2_1.appendChild(br2);
	edit_main_td2_1.appendChild(el_reset_func_textarea);

	edit_main_td3.appendChild(el_style_label);
	edit_main_td3_1.appendChild(el_style_textarea);
	
	edit_main_td4.appendChild(el_attr_label);
	edit_main_td4.appendChild(el_attr_add);
	edit_main_td4.appendChild(br3);
	edit_main_td4.appendChild(el_attr_table);
	edit_main_td4.setAttribute("colspan", "2");

	edit_main_tr1.appendChild(edit_main_td1);
	edit_main_tr1.appendChild(edit_main_td1_1);
	edit_main_tr2.appendChild(edit_main_td2);
	edit_main_tr2.appendChild(edit_main_td2_1);
	edit_main_tr3.appendChild(edit_main_td3);
	edit_main_tr3.appendChild(edit_main_td3_1);
	
	edit_main_tr4.appendChild(edit_main_td4);
	edit_main_tr4.appendChild(edit_main_td4_1);
	edit_main_tr5.appendChild(edit_main_td5);
	edit_main_tr5.appendChild(edit_main_td5_1);
	edit_main_tr6.appendChild(edit_main_td6);
	edit_main_tr6.appendChild(edit_main_td6_1);

	edit_main_table.appendChild(edit_main_tr1);
	edit_main_table.appendChild(edit_main_tr2);
	edit_main_table.appendChild(edit_main_tr3);
	edit_main_table.appendChild(edit_main_tr4);
//	edit_main_table.appendChild(edit_main_tr5);
//	edit_main_table.appendChild(edit_main_tr6);
	edit_div.appendChild(edit_main_table);
	
	t.appendChild(edit_div);
	
//show table

	element='button';	type1='button';   	type2='button'; 
	var adding_type = document.createElement("input");
            adding_type.setAttribute("type", "hidden");
            adding_type.setAttribute("value", "type_submit_reset");
            adding_type.setAttribute("name", i+"_typeform_id_temp");
            adding_type.setAttribute("id", i+"_typeform_id_temp");
	    
	var adding_submit = document.createElement(element);
		    adding_submit.setAttribute("type", type1);
		
			adding_submit.setAttribute("class", "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("onClick", "check_required('submit', 'form_id_temp');");

	var adding_reset = document.createElement(element);
		    adding_reset.setAttribute("type", type2);
		
			adding_reset.setAttribute("class", "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("onClick", "check_required('reset');");
			adding_reset.innerHTML=w_reset_title;

     	var div = document.createElement('div');
      	    div.setAttribute("id", "main_div");
					
      	var table = document.createElement('table');
           	table.setAttribute("id", i+"_elemet_tableform_id_temp");
			
      	var tr = document.createElement('tr');
			
      	var td1 = document.createElement('td');
         	td1.setAttribute("valign", 'middle');
         	td1.setAttribute("align", 'left');
           	td1.setAttribute("id", i+"_label_sectionform_id_temp");
		td1.style.cssText = 'display:none';
			
      	var td2 = document.createElement('td');
        	td2.setAttribute("valign", 'middle');
         	td2.setAttribute("align", 'left');
           	td2.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 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');
      
      	td1.appendChild(label);
      	td2.appendChild(adding_type);
      	td2.appendChild(adding_submit);
      	td2.appendChild(adding_reset);
	
      	tr.appendChild(td1);
      	tr.appendChild(td2);
      	table.appendChild(tr);
      
      	div.appendChild(table);
      	div.appendChild(br3);
      	main_td.appendChild(div);
change_class(w_class, i);
refresh_attr(i, 'type_submit_reset');
}

function type_hidden(i, w_name, w_value, w_attr_name, w_attr_value){

    document.getElementById("element_type").value="type_hidden";
    
	delete_last_child();
// edit table	
	var edit_div  = document.createElement('div');
		edit_div.setAttribute("id", "edit_div");
		edit_div.setAttribute("style", "border-top:1px dotted black;padding:10px;  padding-top:0px; padding-bottom:0px; margin-top:10px;");
		
	var edit_main_table  = document.createElement('table');
		edit_main_table.setAttribute("id", "edit_main_table");
		edit_main_table.setAttribute("cellpadding", "0");
		edit_main_table.setAttribute("cellspacing", "0");
		
	var edit_main_tr1  = document.createElement('tr');
      		edit_main_tr1.setAttribute("valing", "top");
		
	var edit_main_tr2  = document.createElement('tr');
      		edit_main_tr2.setAttribute("valing", "top");
		
	var edit_main_tr3  = document.createElement('tr');
      		edit_main_tr3.setAttribute("valing", "top");
		
	var edit_main_tr4  = document.createElement('tr');
      		edit_main_tr4.setAttribute("valing", "top");
		
	var edit_main_tr5  = document.createElement('tr');
      		edit_main_tr5.setAttribute("valing", "top");
			
	var edit_main_tr6  = document.createElement('tr');
      		edit_main_tr6.setAttribute("valing", "top");

	var edit_main_tr7  = document.createElement('tr');
      		edit_main_tr7.setAttribute("valing", "top");

	var edit_main_td1 = document.createElement('td');
		edit_main_td1.style.cssText = "padding-top:10px";	
	var edit_main_td1_1 = document.createElement('td');
		edit_main_td1_1.style.cssText = "padding-top:10px";	
	var edit_main_td2 = document.createElement('td');
		edit_main_td2.style.cssText = "padding-top:10px";
	var edit_main_td2_1 = document.createElement('td');
		edit_main_td2_1.style.cssText = "padding-top:10px";

	var edit_main_td3 = document.createElement('td');
		edit_main_td3.style.cssText = "padding-top:10px";
	var edit_main_td3_1 = document.createElement('td');
		edit_main_td3_1.style.cssText = "padding-top:10px";
	var edit_main_td4 = document.createElement('td');
		edit_main_td4.style.cssText = "padding-top:10px";
	var edit_main_td4_1 = document.createElement('td');
		edit_main_td4_1.style.cssText = "padding-top:10px";
		
	var edit_main_td5 = document.createElement('td');
		edit_main_td5.style.cssText = "padding-top:10px";
	var edit_main_td5_1 = document.createElement('td');
		edit_main_td5_1.style.cssText = "padding-top:10px";
				
	var edit_main_td6 = document.createElement('td');
		edit_main_td6.style.cssText = "padding-top:10px";
	var edit_main_td6_1 = document.createElement('td');
		edit_main_td6_1.style.cssText = "padding-top:10px";
		  
	var edit_main_td7 = document.createElement('td');
		edit_main_td7.style.cssText = "padding-top:10px";
	var edit_main_td7_1 = document.createElement('td');
		edit_main_td7_1.style.cssText = "padding-top:10px";
	var el_field_id_label = document.createElement('label');
	                el_field_id_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_field_id_label.innerHTML = "Field Id";
	
	var el_field_id_input= document.createElement('input');
                el_field_id_input.setAttribute("type", "text");
                el_field_id_input.setAttribute("disabled", "disabled");
                el_field_id_input.setAttribute("value", i+"_elementform_id_temp");
                el_field_id_input.style.cssText = "margin-left: 41px; width:160px";

	var el_field_name_label = document.createElement('label');
	                el_field_name_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_field_name_label.innerHTML = "Field Name";
	
	var el_field_name_input= document.createElement('input');
                el_field_name_input.setAttribute("type", "text");
		
                el_field_name_input.setAttribute("value", w_name);
                el_field_name_input.style.cssText = "margin-left: 16px; width:160px";
				el_field_name_input.setAttribute("onKeyPress", "return check_isspacebar(event)");
                el_field_name_input.setAttribute("onChange", "change_field_name('"+i+"', this)");

	var el_field_value_label = document.createElement('label');
	                el_field_value_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_field_value_label.innerHTML = "Field Value";
	
	var el_field_value_input= document.createElement('input');
                el_field_value_input.setAttribute("type", "text");
                el_field_value_input.setAttribute("value", w_value);
                el_field_value_input.style.cssText = "margin-left: 16px; width:160px";
                el_field_value_input.setAttribute("onKeyUp", "change_field_value('"+i+"', this.value)");

	var el_attr_label = document.createElement('label');
	                el_attr_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_attr_label.innerHTML = "Additional Attributes";
	var el_attr_add = document.createElement('img');
                el_attr_add.setAttribute("id", "el_choices_add");
           	el_attr_add.setAttribute("src", fmc_plugin_url+'/images/add.png');
            	el_attr_add.style.cssText = 'cursor:pointer; margin-left:68px';
            	el_attr_add.setAttribute("title", 'add');
                el_attr_add.setAttribute("onClick", "add_attr("+i+", 'type_text')");
	var el_attr_table = document.createElement('table');
                el_attr_table.setAttribute("id", 'attributes');
                el_attr_table.setAttribute("border", '0');
        	el_attr_table.style.cssText = 'margin-left:0px';
	var el_attr_tr_label = document.createElement('tr');
                el_attr_tr_label.setAttribute("idi", '0');
	var el_attr_td_name_label = document.createElement('th');
            	el_attr_td_name_label.style.cssText = 'width:100px';
	var el_attr_td_value_label = document.createElement('th');
            	el_attr_td_value_label.style.cssText = 'width:100px';
	var el_attr_td_X_label = document.createElement('th');
            	el_attr_td_X_label.style.cssText = 'width:10px';
	var el_attr_name_label = document.createElement('label');
	                el_attr_name_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 11px";
			el_attr_name_label.innerHTML = "Name";
			
	var el_attr_value_label = document.createElement('label');
	                el_attr_value_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 11px";
			el_attr_value_label.innerHTML = "Value";
			
	el_attr_table.appendChild(el_attr_tr_label);
	el_attr_tr_label.appendChild(el_attr_td_name_label);
	el_attr_tr_label.appendChild(el_attr_td_value_label);
	el_attr_tr_label.appendChild(el_attr_td_X_label);
	el_attr_td_name_label.appendChild(el_attr_name_label);
	el_attr_td_value_label.appendChild(el_attr_value_label);
	
	n=w_attr_name.length;
	for(j=1; j<=n; j++)
	{	
		var el_attr_tr = document.createElement('tr');
			el_attr_tr.setAttribute("id", "attr_row_"+j);
			el_attr_tr.setAttribute("idi", j);
		var el_attr_td_name = document.createElement('td');
			el_attr_td_name.style.cssText = 'width:100px';
		var el_attr_td_value = document.createElement('td');
			el_attr_td_value.style.cssText = 'width:100px';
		
		var el_attr_td_X = document.createElement('td');
		var el_attr_name = document.createElement('input');
	
			el_attr_name.setAttribute("type", "text");
	
			el_attr_name.style.cssText = "width:100px";
			el_attr_name.setAttribute("value", w_attr_name[j-1]);
			el_attr_name.setAttribute("id", "attr_name"+j);
			el_attr_name.setAttribute("onChange", "change_attribute_name("+i+", this, 'type_text')");
			
		var el_attr_value = document.createElement('input');
	
			el_attr_value.setAttribute("type", "text");
	
			el_attr_value.style.cssText = "width:100px";
			el_attr_value.setAttribute("value", w_attr_value[j-1]);
			el_attr_value.setAttribute("id", "attr_value"+j);
			el_attr_value.setAttribute("onChange", "change_attribute_value("+i+", "+j+", 'type_text')");
	
		var el_attr_remove = document.createElement('img');
			el_attr_remove.setAttribute("id", "el_choices"+j+"_remove");
			el_attr_remove.setAttribute("src", fmc_plugin_url+'/images/delete.png');
			el_attr_remove.style.cssText = 'cursor:pointer; vertical-align:middle; margin:3px';
			el_attr_remove.setAttribute("align", 'top');
			el_attr_remove.setAttribute("onClick", "remove_attr("+j+", "+i+", 'type_text')");
		el_attr_table.appendChild(el_attr_tr);
		el_attr_tr.appendChild(el_attr_td_name);
		el_attr_tr.appendChild(el_attr_td_value);
		el_attr_tr.appendChild(el_attr_td_X);
		el_attr_td_name.appendChild(el_attr_name);
		el_attr_td_value.appendChild(el_attr_value);
		el_attr_td_X.appendChild(el_attr_remove);
		
	}

	var t  = document.getElementById('edit_table');
	
	var hr = document.createElement('hr');
	var br = document.createElement('br');
	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 br6 = document.createElement('br');
	edit_main_td1.appendChild(el_field_id_label);
	edit_main_td1.appendChild(el_field_id_input);
	edit_main_td2.appendChild(el_field_name_label);
	edit_main_td2.appendChild(el_field_name_input);
	edit_main_td3.appendChild(el_field_value_label);
	edit_main_td3.appendChild(el_field_value_input);
	edit_main_td4.appendChild(el_attr_label);
	edit_main_td4.appendChild(el_attr_add);
	edit_main_td4.appendChild(br3);
	edit_main_td4.appendChild(el_attr_table);
	edit_main_tr1.appendChild(edit_main_td1);
	edit_main_tr1.appendChild(edit_main_td1_1);
	edit_main_tr2.appendChild(edit_main_td2);
	edit_main_tr2.appendChild(edit_main_td2_1);
	edit_main_tr3.appendChild(edit_main_td3);
	edit_main_tr3.appendChild(edit_main_td3_1);
	
	edit_main_tr4.appendChild(edit_main_td4);
	edit_main_tr4.appendChild(edit_main_td4_1);
	edit_main_tr5.appendChild(edit_main_td5);
	edit_main_tr5.appendChild(edit_main_td5_1);
	edit_main_tr6.appendChild(edit_main_td6);
	edit_main_tr6.appendChild(edit_main_td6_1);

	edit_main_table.appendChild(edit_main_tr1);
	edit_main_table.appendChild(edit_main_tr2);
	edit_main_table.appendChild(edit_main_tr3);
	edit_main_table.appendChild(edit_main_tr4);
//	edit_main_table.appendChild(edit_main_tr5);
//	edit_main_table.appendChild(edit_main_tr6);
	edit_div.appendChild(edit_main_table);
	
	t.appendChild(edit_div);
	
//show table

	element='input';	type='hidden';  
	
	var adding_type = document.createElement("input");
            adding_type.setAttribute("type", "hidden");
            adding_type.setAttribute("value", "type_hidden");
            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("value", w_value);
            adding.setAttribute("id", i+"_elementform_id_temp");
            adding.setAttribute("name", w_name);

     	var div = document.createElement('div');
      	    div.setAttribute("id", "main_div");
					
      	var table = document.createElement('table');
           	table.setAttribute("id", i+"_elemet_tableform_id_temp");
           	table.setAttribute("cellpadding", '0');
           	table.setAttribute("cellspacing", '0');
			
      	var tr = document.createElement('tr');
			
      	var td1 = document.createElement('td');
         	td1.setAttribute("valign", 'middle');
         	td1.setAttribute("align", 'left');
           	td1.setAttribute("id", i+"_label_sectionform_id_temp");
		td1.style.cssText = 'display:none';
			
      	var td2 = document.createElement('td');
        	td2.setAttribute("valign", 'middle');
         	td2.setAttribute("align", 'left');
           	td2.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 label = document.createElement('span');
			label.setAttribute("id", i+"_element_labelform_id_temp");
			label.style.cssText = 'display:none';
			label.innerHTML = w_name;
      	var main_td  = document.getElementById('show_table');
      
      	td1.appendChild(label);
      	td2.appendChild(adding);
      	td2.appendChild(adding_type);
      	tr.appendChild(td1);
      	tr.appendChild(td2);
      	table.appendChild(tr);
      
      	div.appendChild(table);
      	div.appendChild(br3);
      	main_td.appendChild(div);
refresh_attr(i, 'type_text');
}

function type_button(i, w_title , w_func , w_class, w_attr_name, w_attr_value){
	document.getElementById("element_type").value="type_button";
	delete_last_child();
// edit table	
	var edit_div  = document.createElement('div');
		edit_div.setAttribute("id", "edit_div");
		edit_div.setAttribute("style", "border-top:1px dotted black;padding:10px;  padding-top:0px; padding-bottom:0px; margin-top:10px;");
		
	var edit_main_table  = document.createElement('table');
		edit_main_table.setAttribute("id", "edit_main_table");
		edit_main_table.setAttribute("cellpadding", "0");
		edit_main_table.setAttribute("cellspacing", "0");
		
	var edit_main_tr1  = document.createElement('tr');
      		edit_main_tr1.setAttribute("valing", "top");
		
	var edit_main_tr2  = document.createElement('tr');
      		edit_main_tr2.setAttribute("valing", "top");
		
	var edit_main_tr3  = document.createElement('tr');
      		edit_main_tr3.setAttribute("valing", "top");
		
	var edit_main_tr4  = document.createElement('tr');
      		edit_main_tr4.setAttribute("valing", "top");
		
	var edit_main_tr5  = document.createElement('tr');
      		edit_main_tr5.setAttribute("valing", "top");
			
	var edit_main_tr6  = document.createElement('tr');
      		edit_main_tr6.setAttribute("valing", "top");

	var edit_main_td1 = document.createElement('td');
		edit_main_td1.style.cssText = "padding-top:10px";	
	var edit_main_td1_1 = document.createElement('td');
		edit_main_td1_1.style.cssText = "padding-top:10px";		
	var edit_main_td2 = document.createElement('td');
		edit_main_td2.style.cssText = "padding-top:10px";
	var edit_main_td2_1 = document.createElement('td');
		edit_main_td2_1.style.cssText = "padding-top:10px";

	var edit_main_td3 = document.createElement('td');
		edit_main_td3.style.cssText = "padding-top:10px";
	var edit_main_td3_1 = document.createElement('td');
		edit_main_td3_1.style.cssText = "padding-top:10px";
	var edit_main_td4 = document.createElement('td');
		edit_main_td4.setAttribute("id", "buttons");
		edit_main_td4.setAttribute("colspan", "2");
	
	var edit_main_td5 = document.createElement('td');
		edit_main_td5.style.cssText = "padding-top:10px";
	var edit_main_td5_1 = document.createElement('td');
		edit_main_td5_1.style.cssText = "padding-top:10px";
				
	var edit_main_td6 = document.createElement('td');
		edit_main_td6.style.cssText = "padding-top:10px";
	var edit_main_td6_1 = document.createElement('td');
		edit_main_td6_1.style.cssText = "padding-top:10px";
		  

	var el_style_label = document.createElement('label');
	        el_style_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_style_label.innerHTML = "Class name";
	
	var el_style_textarea = document.createElement('input');
                el_style_textarea.setAttribute("id", "element_style");
				el_style_textarea.setAttribute("type", "text");
				el_style_textarea.setAttribute("value", w_class);
                el_style_textarea.style.cssText = "width:200px;";
                el_style_textarea.setAttribute("onChange", "change_class(this.value,'"+i+"')");
				
	var el_choices_add_label = document.createElement('label');
				el_choices_add_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
				el_choices_add_label.innerHTML = "Add a new button&nbsp;";
	var el_choices_add = document.createElement('img');
                el_choices_add.setAttribute("id", "el_choices_add");
           	el_choices_add.setAttribute("src", fmc_plugin_url+'/images/add.png');
            	el_choices_add.style.cssText = 'cursor:pointer;';
            	el_choices_add.setAttribute("title", 'add');
                el_choices_add.setAttribute("onClick", "add_button("+i+")");
	
				
	var el_attr_label = document.createElement('label');
				el_attr_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
				el_attr_label.innerHTML = "Additional Attributes";
	var el_attr_add = document.createElement('img');
                el_attr_add.setAttribute("id", "el_choices_add");
				el_attr_add.setAttribute("src", fmc_plugin_url+'/images/add.png');
            	el_attr_add.style.cssText = 'cursor:pointer; margin-left:68px';
            	el_attr_add.setAttribute("title", 'add');
                el_attr_add.setAttribute("onClick", "add_attr("+i+", 'type_checkbox')");
	var el_attr_table = document.createElement('table');
                el_attr_table.setAttribute("id", 'attributes');
                el_attr_table.setAttribute("border", '0');
        	el_attr_table.style.cssText = 'margin-left:0px';
	var el_attr_tr_label = document.createElement('tr');
                el_attr_tr_label.setAttribute("idi", '0');
	var el_attr_td_name_label = document.createElement('th');
            	el_attr_td_name_label.style.cssText = 'width:100px';
	var el_attr_td_value_label = document.createElement('th');
            	el_attr_td_value_label.style.cssText = 'width:100px';
	var el_attr_td_X_label = document.createElement('th');
            	el_attr_td_X_label.style.cssText = 'width:10px';
	var el_attr_name_label = document.createElement('label');
	                el_attr_name_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 11px";
			el_attr_name_label.innerHTML = "Name";
			
	var el_attr_value_label = document.createElement('label');
	                el_attr_value_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 11px";
			el_attr_value_label.innerHTML = "Value";
			
	el_attr_table.appendChild(el_attr_tr_label);
	el_attr_tr_label.appendChild(el_attr_td_name_label);
	el_attr_tr_label.appendChild(el_attr_td_value_label);
	el_attr_tr_label.appendChild(el_attr_td_X_label);
	el_attr_td_name_label.appendChild(el_attr_name_label);
	el_attr_td_value_label.appendChild(el_attr_value_label);
	
	n=w_attr_name.length;
	for(j=1; j<=n; j++)
	{	
		var el_attr_tr = document.createElement('tr');
			el_attr_tr.setAttribute("id", "attr_row_"+j);
			el_attr_tr.setAttribute("idi", j);
		var el_attr_td_name = document.createElement('td');
			el_attr_td_name.style.cssText = 'width:100px';
		var el_attr_td_value = document.createElement('td');
			el_attr_td_value.style.cssText = 'width:100px';
		
		var el_attr_td_X = document.createElement('td');
		var el_attr_name = document.createElement('input');
	
			el_attr_name.setAttribute("type", "text");
	
			el_attr_name.style.cssText = "width:100px";
			el_attr_name.setAttribute("value", w_attr_name[j-1]);
			el_attr_name.setAttribute("id", "attr_name"+j);
			el_attr_name.setAttribute("onChange", "change_attribute_name("+i+", this, 'type_checkbox')");
			
		var el_attr_value = document.createElement('input');
	
			el_attr_value.setAttribute("type", "text");
	
			el_attr_value.style.cssText = "width:100px";
			el_attr_value.setAttribute("value", w_attr_value[j-1]);
			el_attr_value.setAttribute("id", "attr_value"+j);
			el_attr_value.setAttribute("onChange", "change_attribute_value("+i+", "+j+", 'type_checkbox')");
	
		var el_attr_remove = document.createElement('img');
			el_attr_remove.setAttribute("id", "el_choices"+j+"_remove");
			el_attr_remove.setAttribute("src", fmc_plugin_url+'/images/delete.png');
			el_attr_remove.style.cssText = 'cursor:pointer; vertical-align:middle; margin:3px';
			el_attr_remove.setAttribute("align", 'top');
			el_attr_remove.setAttribute("onClick", "remove_attr("+j+", "+i+", 'type_checkbox')");
		el_attr_table.appendChild(el_attr_tr);
		el_attr_tr.appendChild(el_attr_td_name);
		el_attr_tr.appendChild(el_attr_td_value);
		el_attr_tr.appendChild(el_attr_td_X);
		el_attr_td_name.appendChild(el_attr_name);
		el_attr_td_value.appendChild(el_attr_value);
		el_attr_td_X.appendChild(el_attr_remove);
		
	}

	var t  = document.getElementById('edit_table');
	
	var br = document.createElement('br');
	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 br6 = document.createElement('br');
	
	
	edit_main_td1.appendChild(el_style_label);
	edit_main_td1_1.appendChild(el_style_textarea);
	edit_main_td2.appendChild(el_attr_label);
	edit_main_td2.appendChild(el_attr_add);
	edit_main_td2.appendChild(br3);
	edit_main_td2.appendChild(el_attr_table);
	edit_main_td2.setAttribute("colspan", "2");
	
	edit_main_td3.appendChild(el_choices_add_label);
	edit_main_td3_1.appendChild(el_choices_add);
	
	n=w_title.length;
	for(j=0; j<n; j++)
	{	
		var table_button = document.createElement('table');
			table_button.setAttribute("width", "100%");
			table_button.setAttribute("border", "0");
			table_button.setAttribute("id", "button_opt"+j);
			table_button.setAttribute("idi", j+1);
		var tr_button = document.createElement('tr');
		var tr_hr = document.createElement('tr');
		
		var td_button = document.createElement('td');
		var td_X = document.createElement('td');
		var td_hr = document.createElement('td');
		    td_hr.setAttribute("colspan", "3");
		tr_hr.appendChild(td_hr);
		tr_button.appendChild(td_button);
		tr_button.appendChild(td_X);
		table_button.appendChild(tr_hr);
		table_button.appendChild(tr_button);
		
		var br1 = document.createElement('br');
		
		var hr = document.createElement('hr');
		hr.setAttribute("id", "br"+j);


		var el_title_label = document.createElement('label');
	
			el_title_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
	
			el_title_label.innerHTML = "Button name";
		
		var el_title = document.createElement('input');
			el_title.setAttribute("id", "el_title"+j);
			el_title.setAttribute("type", "text");
			el_title.setAttribute("value", w_title[j]);
			el_title.style.cssText =   "width:100px;  margin-left:43px;  padding:0; border-width: 1px";
			el_title.setAttribute("onKeyUp", "change_label('"+i+"_elementform_id_temp"+j+"', this.value);");
	
		var el_func_label = document.createElement('label');
	
			el_func_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
	
			el_func_label.innerHTML = "OnClick function";
		
		var el_func = document.createElement('input');
			el_func.setAttribute("id", "el_func"+j);
			el_func.setAttribute("type", "text");
			el_func.setAttribute("value", w_func[j]);
			el_func.style.cssText =   "width:100px;  margin-left:20px;  padding:0; border-width: 1px";
			el_func.setAttribute("onKeyUp", "change_func('"+i+"_elementform_id_temp"+j+"', this.value);");
		var el_choices_remove = document.createElement('img');
			el_choices_remove.setAttribute("id", "el_button"+j+"_remove");
			el_choices_remove.setAttribute("src", fmc_plugin_url+'/images/delete.png');
			el_choices_remove.style.cssText = 'cursor:pointer; vertical-align:middle; margin:3px';
			el_choices_remove.setAttribute("align", 'top');
			el_choices_remove.setAttribute("onClick", "remove_button("+j+","+i+")");
			
		td_hr.appendChild(hr);
		td_button.appendChild(el_title_label);
		td_button.appendChild(el_title);
		td_button.appendChild(br1);
		td_button.appendChild(el_func_label);
		td_button.appendChild(el_func);
		td_X.appendChild(el_choices_remove);
		edit_main_td4.appendChild(table_button);
	
	}

	edit_main_tr1.appendChild(edit_main_td1);
	edit_main_tr1.appendChild(edit_main_td1_1);
	edit_main_tr2.appendChild(edit_main_td2);
	edit_main_tr2.appendChild(edit_main_td2_1);
	edit_main_tr3.appendChild(edit_main_td3);
	edit_main_tr3.appendChild(edit_main_td3_1);
	edit_main_tr4.appendChild(edit_main_td4);
	edit_main_tr6.appendChild(edit_main_td6);
	edit_main_tr6.appendChild(edit_main_td6_1);
	edit_main_tr5.appendChild(edit_main_td5);
	edit_main_tr5.appendChild(edit_main_td5_1);

	edit_main_table.appendChild(edit_main_tr1);

	edit_main_table.appendChild(edit_main_tr3);
	edit_main_table.appendChild(edit_main_tr4);
	edit_main_table.appendChild(edit_main_tr2);
//	edit_main_table.appendChild(edit_main_tr5);
//	edit_main_table.appendChild(edit_main_tr6);

	edit_div.appendChild(edit_main_table);
	
	t.appendChild(edit_div);
	
//show table

	element='button';	type='button'; 
	var adding_type = document.createElement("input");
            adding_type.setAttribute("type", "hidden");
            adding_type.setAttribute("value", "type_button");
            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");
//tbody sarqac
		
		
	var table = document.createElement('table');
		table.setAttribute("id", i+"_elemet_tableform_id_temp");
	
    var tr = document.createElement('tr');
      	var td1 = document.createElement('td');
         	td1.setAttribute("valign", 'middle');
         	td1.setAttribute("align", 'left');
           	td1.setAttribute("id", i+"_label_sectionform_id_temp");
		td1.style.cssText = 'display:none';
      	var td2 = document.createElement('td');
        	td2.setAttribute("valign", 'top');
         	td2.setAttribute("align", 'left');
           	td2.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');
	//	table_little -@ sarqaca tbody table_little darela table_little_t
      	var label = document.createElement('span');
			label.setAttribute("id", i+"_element_labelform_id_temp");
			label.innerHTML = "button_"+i;
			label.style.cssText = 'display:none';
	    
	n=w_title.length;
	for(j=0; j<n; j++)
	{      	
	
		var adding = document.createElement(element);
				adding.setAttribute("type", type);
				adding.setAttribute("id", i+"_elementform_id_temp"+j);
				adding.setAttribute("name", i+"_elementform_id_temp"+j);
				adding.setAttribute("value", w_title[j]);
				adding.innerHTML = w_title[j];
				adding.setAttribute("onclick", w_func[j]);
				
				
		td2.appendChild(adding);
	}			
      	var main_td  = document.getElementById('show_table');
	
      	td1.appendChild(label);
      
        td2.appendChild(adding_type);
      	tr.appendChild(td1);
      	tr.appendChild(td2);
      	table.appendChild(tr);
      

      	div.appendChild(table);
      	div.appendChild(br1);
      	main_td.appendChild(div);
change_class(w_class, i);
refresh_attr(i, 'type_checkbox');
}

function type_text(i, w_field_label, w_field_label_pos, w_size, w_first_val, w_title, w_required, w_unique, w_class, w_attr_name, w_attr_value) {

 	element_ids=[ 'option1', 'option2'];
    document.getElementById("element_type").value="type_text";
    
	delete_last_child();
// edit table	
	var edit_div  = document.createElement('div');
		edit_div.setAttribute("id", "edit_div");
		edit_div.setAttribute("style", "border-top:1px dotted black;padding:10px;  padding-top:0px; padding-bottom:0px; margin-top:10px;");
		
	var edit_main_table  = document.createElement('table');
		edit_main_table.setAttribute("id", "edit_main_table");
		edit_main_table.setAttribute("cellpadding", "0");
		edit_main_table.setAttribute("cellspacing", "0");
		edit_main_table.setAttribute("cellpadding", "0");
		edit_main_table.setAttribute("cellspacing", "0");
		
	var edit_main_tr1  = document.createElement('tr');
      		edit_main_tr1.setAttribute("valing", "top");
		
	var edit_main_tr2  = document.createElement('tr');
      		edit_main_tr2.setAttribute("valing", "top");
		
	var edit_main_tr3  = document.createElement('tr');
      		edit_main_tr3.setAttribute("valing", "top");
		
	var edit_main_tr4  = document.createElement('tr');
      		edit_main_tr4.setAttribute("valing", "top");
		
	var edit_main_tr5  = document.createElement('tr');
      		edit_main_tr5.setAttribute("valing", "top");
			
	var edit_main_tr6  = document.createElement('tr');
      		edit_main_tr6.setAttribute("valing", "top");

	var edit_main_tr7  = document.createElement('tr');
      		edit_main_tr7.setAttribute("valing", "top");
			
	var edit_main_tr8  = document.createElement('tr');
      		edit_main_tr8.setAttribute("valing", "top");

	var edit_main_tr9  = document.createElement('tr');
      		edit_main_tr9.setAttribute("valing", "top");

	var edit_main_td1 = document.createElement('td');
		edit_main_td1.style.cssText = "padding-top:10px";	
	var edit_main_td1_1 = document.createElement('td');
		edit_main_td1_1.style.cssText = "padding-top:10px";	
	var edit_main_td2 = document.createElement('td');
		edit_main_td2.style.cssText = "padding-top:10px";
	var edit_main_td2_1 = document.createElement('td');
		edit_main_td2_1.style.cssText = "padding-top:10px";

	var edit_main_td3 = document.createElement('td');
		edit_main_td3.style.cssText = "padding-top:10px";
	var edit_main_td3_1 = document.createElement('td');
		edit_main_td3_1.style.cssText = "padding-top:10px";
		
	var edit_main_td4 = document.createElement('td');
		edit_main_td4.style.cssText = "padding-top:10px";
	var edit_main_td4_1 = document.createElement('td');
		edit_main_td4_1.style.cssText = "padding-top:10px";
		
	var edit_main_td5 = document.createElement('td');
		edit_main_td5.style.cssText = "padding-top:10px";
	var edit_main_td5_1 = document.createElement('td');
		edit_main_td5_1.style.cssText = "padding-top:10px";
				
	var edit_main_td6 = document.createElement('td');
		edit_main_td6.style.cssText = "padding-top:10px";
	var edit_main_td6_1 = document.createElement('td');
		edit_main_td6_1.style.cssText = "padding-top:10px";
		
	var edit_main_td7 = document.createElement('td');
		edit_main_td7.style.cssText = "padding-top:10px";
	var edit_main_td7_1 = document.createElement('td');
		edit_main_td7_1.style.cssText = "padding-top:10px";
		  
	var edit_main_td8 = document.createElement('td');
		edit_main_td8.style.cssText = "padding-top:10px";
	var edit_main_td8_1 = document.createElement('td');
		edit_main_td8_1.style.cssText = "padding-top:10px";
		  
	var edit_main_td9 = document.createElement('td');
		edit_main_td9.style.cssText = "padding-top:10px";
	var edit_main_td9_1 = document.createElement('td');
		edit_main_td9_1.style.cssText = "padding-top:10px";
		  
	var el_label_label = document.createElement('label');
	                el_label_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_label_label.innerHTML = "Field label";
	
	var el_label_textarea = document.createElement('textarea');
                el_label_textarea.setAttribute("id", "edit_for_label");
                el_label_textarea.setAttribute("rows", "4");
                el_label_textarea.style.cssText = "width:200px";
                el_label_textarea.setAttribute("onKeyUp", "change_label('"+i+"_element_labelform_id_temp', this.value)");
		el_label_textarea.innerHTML = w_field_label;
		
	var el_label_position_label = document.createElement('label');
	        el_label_position_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_label_position_label.innerHTML = "Field label position";
	
	var el_label_position1 = document.createElement('input');
                el_label_position1.setAttribute("id", "edit_for_label_position_top");
                el_label_position1.setAttribute("type", "radio");
                el_label_position1.setAttribute("value", "left");
                
		el_label_position1.setAttribute("name", "edit_for_label_position");
                el_label_position1.setAttribute("onchange", "label_left("+i+")");
	Left = document.createTextNode("Left");
		
	var el_label_position2 = document.createElement('input');

                el_label_position2.setAttribute("id", "edit_for_label_position_left");
                el_label_position2.setAttribute("type", "radio");
                el_label_position2.setAttribute("value", "top");
                el_label_position2.setAttribute("name", "edit_for_label_position");
                el_label_position2.setAttribute("onchange", "label_top("+i+")");
	Top = document.createTextNode("Top");
		
	if(w_field_label_pos=="top")
				el_label_position2.setAttribute("checked", "checked");
	else
				el_label_position1.setAttribute("checked", "checked");

	var el_size_label = document.createElement('label');
	        el_size_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_size_label.innerHTML = "Field size(px) ";
	var el_size = document.createElement('input');
		   el_size.setAttribute("id", "edit_for_input_size");
		   el_size.setAttribute("type", "text");
		   el_size.setAttribute("value", w_size);
		 	 
			el_size.setAttribute("name", "edit_for_size");
			el_size.setAttribute("onKeyPress", "return check_isnum(event)");
            el_size.setAttribute("onKeyUp", "change_w_style('"+i+"_elementform_id_temp', this.value)");

	var el_first_value_label = document.createElement('label');
	        el_first_value_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_first_value_label.innerHTML = "Value if empty ";
	
	var el_first_value_input = document.createElement('input');
                el_first_value_input.setAttribute("id", "el_first_value_input");
                el_first_value_input.setAttribute("type", "text");
                el_first_value_input.setAttribute("value", w_title);
                el_first_value_input.style.cssText = "width:200px;";
                el_first_value_input.setAttribute("onKeyUp", "change_input_value(this.value,'"+i+"_elementform_id_temp')");
	
	var el_required_label = document.createElement('label');
	        el_required_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_required_label.innerHTML = "Required";
	
	var el_required = document.createElement('input');
                el_required.setAttribute("id", "el_send");
                el_required.setAttribute("type", "checkbox");
                el_required.setAttribute("value", "yes");
                el_required.setAttribute("onclick", "set_required('"+i+"_required')");
	if(w_required=="yes")
                el_required.setAttribute("checked", "checked");
			
	
	var el_unique_label = document.createElement('label');
	    el_unique_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_unique_label.innerHTML = "Allow only unique values";
	
	var el_unique = document.createElement('input');
                el_unique.setAttribute("id", "el_send");
                el_unique.setAttribute("type", "checkbox");
                el_unique.setAttribute("value", "yes");
                el_unique.setAttribute("onclick", "set_unique('"+i+"_uniqueform_id_temp')");
	if(w_unique=="yes")
                el_unique.setAttribute("checked", "checked");
				
				
				
	var el_style_label = document.createElement('label');
	        el_style_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_style_label.innerHTML = "Deactive Class name";
	
	var el_style_textarea = document.createElement('input');
                el_style_textarea.setAttribute("id", "element_style");
				el_style_textarea.setAttribute("type", "text");
				el_style_textarea.setAttribute("value", "input_deactive");
				el_style_textarea.setAttribute("disabled", "disabled");
                el_style_textarea.style.cssText = "width:200px;";
                el_style_textarea.setAttribute("onChange", "change_class(this.value,'"+i+"')");

	var el_style_label2 = document.createElement('label');
	    el_style_label2.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_style_label2.innerHTML = "Active Class name";
	
	var el_style_textarea2 = document.createElement('input');
                el_style_textarea2.setAttribute("id", "element_style");
				el_style_textarea2.setAttribute("type", "text");
				el_style_textarea2.setAttribute("value", "input_active");
				el_style_textarea2.setAttribute("disabled", "disabled");
                el_style_textarea2.style.cssText = "width:200px;";
                el_style_textarea2.setAttribute("onChange", "change_class(this.value,'"+i+"')");

	var el_attr_label = document.createElement('label');
	                el_attr_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_attr_label.innerHTML = "Additional Attributes";
			
	var el_attr_add = document.createElement('img');
                el_attr_add.setAttribute("id", "el_choices_add");
           	el_attr_add.setAttribute("src", fmc_plugin_url+'/images/add.png');
            	el_attr_add.style.cssText = 'cursor:pointer; margin-left:68px';
            	el_attr_add.setAttribute("title", 'add');
                el_attr_add.setAttribute("onClick", "add_attr("+i+", 'type_text')");
	var el_attr_table = document.createElement('table');
                el_attr_table.setAttribute("id", 'attributes');
                el_attr_table.setAttribute("border", '0');
        	el_attr_table.style.cssText = 'margin-left:0px';
	var el_attr_tr_label = document.createElement('tr');
                el_attr_tr_label.setAttribute("idi", '0');
	var el_attr_td_name_label = document.createElement('th');
            	el_attr_td_name_label.style.cssText = 'width:100px';
	var el_attr_td_value_label = document.createElement('th');
            	el_attr_td_value_label.style.cssText = 'width:100px';
	var el_attr_td_X_label = document.createElement('th');
            	el_attr_td_X_label.style.cssText = 'width:10px';
	var el_attr_name_label = document.createElement('label');
	                el_attr_name_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 11px";
			el_attr_name_label.innerHTML = "Name";
			
	var el_attr_value_label = document.createElement('label');
	                el_attr_value_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 11px";
			el_attr_value_label.innerHTML = "Value";
			
	el_attr_table.appendChild(el_attr_tr_label);
	el_attr_tr_label.appendChild(el_attr_td_name_label);
	el_attr_tr_label.appendChild(el_attr_td_value_label);
	el_attr_tr_label.appendChild(el_attr_td_X_label);
	el_attr_td_name_label.appendChild(el_attr_name_label);
	el_attr_td_value_label.appendChild(el_attr_value_label);
	
	n=w_attr_name.length;
	for(j=1; j<=n; j++)
	{	
		var el_attr_tr = document.createElement('tr');
			el_attr_tr.setAttribute("id", "attr_row_"+j);
			el_attr_tr.setAttribute("idi", j);
		var el_attr_td_name = document.createElement('td');
			el_attr_td_name.style.cssText = 'width:100px';
		var el_attr_td_value = document.createElement('td');
			el_attr_td_value.style.cssText = 'width:100px';
		
		var el_attr_td_X = document.createElement('td');
		var el_attr_name = document.createElement('input');
	
			el_attr_name.setAttribute("type", "text");
	
			el_attr_name.style.cssText = "width:100px";
			el_attr_name.setAttribute("value", w_attr_name[j-1]);
			el_attr_name.setAttribute("id", "attr_name"+j);
			el_attr_name.setAttribute("onChange", "change_attribute_name("+i+", this, 'type_text')");
			
		var el_attr_value = document.createElement('input');
	
			el_attr_value.setAttribute("type", "text");
	
			el_attr_value.style.cssText = "width:100px";
			el_attr_value.setAttribute("value", w_attr_value[j-1]);
			el_attr_value.setAttribute("id", "attr_value"+j);
			el_attr_value.setAttribute("onChange", "change_attribute_value("+i+", "+j+", 'type_text')");
	
		var el_attr_remove = document.createElement('img');
			el_attr_remove.setAttribute("id", "el_choices"+j+"_remove");
			el_attr_remove.setAttribute("src", fmc_plugin_url+'/images/delete.png');
			el_attr_remove.style.cssText = 'cursor:pointer; vertical-align:middle; margin:3px';
			el_attr_remove.setAttribute("align", 'top');
			el_attr_remove.setAttribute("onClick", "remove_attr("+j+", "+i+", 'type_text')");
		el_attr_table.appendChild(el_attr_tr);
		el_attr_tr.appendChild(el_attr_td_name);
		el_attr_tr.appendChild(el_attr_td_value);
		el_attr_tr.appendChild(el_attr_td_X);
		el_attr_td_name.appendChild(el_attr_name);
		el_attr_td_value.appendChild(el_attr_value);
		el_attr_td_X.appendChild(el_attr_remove);
		
	}

		
	var t  = document.getElementById('edit_table');
	
	var br = document.createElement('br');
	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 br6 = document.createElement('br');
	edit_main_td1.appendChild(el_label_label);
	edit_main_td1_1.appendChild(el_label_textarea);

	edit_main_td2.appendChild(el_label_position_label);
	edit_main_td2.appendChild(br1);
	edit_main_td2_1.appendChild(el_label_position1);
	edit_main_td2_1.appendChild(Left);
	edit_main_td2_1.appendChild(br2);
	edit_main_td2_1.appendChild(el_label_position2);
	edit_main_td2_1.appendChild(Top);
	
	edit_main_td3.appendChild(el_size_label);
	edit_main_td3_1.appendChild(el_size);
	
	edit_main_td4.appendChild(el_first_value_label);
	edit_main_td4_1.appendChild(el_first_value_input);
	
	edit_main_td5.appendChild(el_style_label);
	edit_main_td5_1.appendChild(el_style_textarea);
	
	edit_main_td9.appendChild(el_style_label2);
	edit_main_td9_1.appendChild(el_style_textarea2);
	
	
	
	
	edit_main_td6.appendChild(el_required_label);
	edit_main_td6_1.appendChild(el_required);
	edit_main_td8.appendChild(el_unique_label);
	edit_main_td8_1.appendChild(el_unique);
	
	edit_main_td7.appendChild(el_attr_label);
	edit_main_td7.appendChild(el_attr_add);
	edit_main_td7.appendChild(br6);
	edit_main_td7.appendChild(el_attr_table);
	edit_main_td7.setAttribute("colspan", "2");

	edit_main_tr1.appendChild(edit_main_td1);
	edit_main_tr1.appendChild(edit_main_td1_1);
	edit_main_tr2.appendChild(edit_main_td2);
	edit_main_tr2.appendChild(edit_main_td2_1);
	edit_main_tr3.appendChild(edit_main_td3);
	edit_main_tr3.appendChild(edit_main_td3_1);
	edit_main_tr4.appendChild(edit_main_td4);
	edit_main_tr4.appendChild(edit_main_td4_1);
	edit_main_tr5.appendChild(edit_main_td5);
	edit_main_tr5.appendChild(edit_main_td5_1);
	edit_main_tr6.appendChild(edit_main_td6);
	edit_main_tr6.appendChild(edit_main_td6_1);
	edit_main_tr8.appendChild(edit_main_td8);
	edit_main_tr8.appendChild(edit_main_td8_1);
	edit_main_tr7.appendChild(edit_main_td7);
	edit_main_tr9.appendChild(edit_main_td9);
	edit_main_tr9.appendChild(edit_main_td9_1);
	edit_main_table.appendChild(edit_main_tr1);
	edit_main_table.appendChild(edit_main_tr2);
	edit_main_table.appendChild(edit_main_tr3);
	edit_main_table.appendChild(edit_main_tr4);
	edit_main_table.appendChild(edit_main_tr5);
	edit_main_table.appendChild(edit_main_tr9);
	edit_main_table.appendChild(edit_main_tr6);
	edit_main_table.appendChild(edit_main_tr8);
	edit_main_table.appendChild(edit_main_tr7);
	edit_div.appendChild(edit_main_table);
	
	t.appendChild(edit_div);
	add_id_and_name(i, 'type_text');
	
//show table

	element='input';	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_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", type);
		
		if(w_title==w_first_val)
		{
			adding.style.cssText = "width:"+w_size+"px;";
			adding.setAttribute("class", "input_deactive");
		}
		else
		{
			adding.style.cssText = "width:"+w_size+"px;";
			adding.setAttribute("class", "input_active");
		}
			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("onFocus", 'delete_value("'+i+'_elementform_id_temp")');
			adding.setAttribute("onBlur", 'return_value("'+i+'_elementform_id_temp")');
			adding.setAttribute("onChange", 'change_value("'+i+'_elementform_id_temp")');
			
	 
     	var div = document.createElement('div');
      	    div.setAttribute("id", "main_div");
					
      	var table = document.createElement('table');
           	table.setAttribute("id", i+"_elemet_tableform_id_temp");
			
      	var tr = document.createElement('tr');
			
      	var td1 = document.createElement('td');
         	td1.setAttribute("valign", 'middle');
         	td1.setAttribute("align", 'left');
           	td1.setAttribute("id", i+"_label_sectionform_id_temp");
			
      	var td2 = document.createElement('td');
        	td2.setAttribute("valign", 'middle');
         	td2.setAttribute("align", 'left');
           	td2.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 label = document.createElement('span');
			label.setAttribute("id", i+"_element_labelform_id_temp");
			label.innerHTML = w_field_label;
			label.setAttribute("class", "label");
	    
      	var required = document.createElement('span');
			required.setAttribute("id", i+"_required_elementform_id_temp");
			required.innerHTML = "";
			required.setAttribute("class", "required");
	if(w_required=="yes")
			required.innerHTML = " *";
      	var main_td  = document.getElementById('show_table');
      
      	td1.appendChild(label);
      	td1.appendChild(required);
      	td2.appendChild(adding_type);
      	td2.appendChild(adding_required);
      	td2.appendChild(adding_unique);
      	td2.appendChild(adding);
      	tr.appendChild(td1);
      	tr.appendChild(td2);
      	table.appendChild(tr);
      
      	div.appendChild(table);
      	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');
}

function type_number(i, w_field_label, w_field_label_pos, w_size, w_first_val, w_title, w_required, w_unique, w_class, w_attr_name, w_attr_value) {

 	element_ids=[ 'option1', 'option2'];
    document.getElementById("element_type").value="type_number";
    
	delete_last_child();
// edit table	
	var edit_div  = document.createElement('div');
		edit_div.setAttribute("id", "edit_div");
		edit_div.setAttribute("style", "border-top:1px dotted black;padding:10px;  padding-top:0px; padding-bottom:0px; margin-top:10px;");
		
	var edit_main_table  = document.createElement('table');
		edit_main_table.setAttribute("id", "edit_main_table");
		edit_main_table.setAttribute("cellpadding", "0");
		edit_main_table.setAttribute("cellspacing", "0");
		
	var edit_main_tr1  = document.createElement('tr');
      		edit_main_tr1.setAttribute("valing", "top");
		
	var edit_main_tr2  = document.createElement('tr');
      		edit_main_tr2.setAttribute("valing", "top");
		
	var edit_main_tr3  = document.createElement('tr');
      		edit_main_tr3.setAttribute("valing", "top");
		
	var edit_main_tr4  = document.createElement('tr');
      		edit_main_tr4.setAttribute("valing", "top");
		
	var edit_main_tr5  = document.createElement('tr');
      		edit_main_tr5.setAttribute("valing", "top");
			
	var edit_main_tr6  = document.createElement('tr');
      		edit_main_tr6.setAttribute("valing", "top");

	var edit_main_tr7  = document.createElement('tr');
      		edit_main_tr7.setAttribute("valing", "top");

	var edit_main_tr8  = document.createElement('tr');
      		edit_main_tr8.setAttribute("valing", "top");

	var edit_main_td1 = document.createElement('td');
		edit_main_td1.style.cssText = "padding-top:10px";	
	var edit_main_td1_1 = document.createElement('td');
		edit_main_td1_1.style.cssText = "padding-top:10px";	
	var edit_main_td2 = document.createElement('td');
		edit_main_td2.style.cssText = "padding-top:10px";
	var edit_main_td2_1 = document.createElement('td');
		edit_main_td2_1.style.cssText = "padding-top:10px";

	var edit_main_td3 = document.createElement('td');
		edit_main_td3.style.cssText = "padding-top:10px";
	var edit_main_td3_1 = document.createElement('td');
		edit_main_td3_1.style.cssText = "padding-top:10px";
	var edit_main_td4 = document.createElement('td');
		edit_main_td4.style.cssText = "padding-top:10px";
	var edit_main_td4_1 = document.createElement('td');
		edit_main_td4_1.style.cssText = "padding-top:10px";
		
	var edit_main_td5 = document.createElement('td');
		edit_main_td5.style.cssText = "padding-top:10px";
	var edit_main_td5_1 = document.createElement('td');
		edit_main_td5_1.style.cssText = "padding-top:10px";
				
	var edit_main_td6 = document.createElement('td');
		edit_main_td6.style.cssText = "padding-top:10px";
	var edit_main_td6_1 = document.createElement('td');
		edit_main_td6_1.style.cssText = "padding-top:10px";
		
	var edit_main_td7 = document.createElement('td');
		edit_main_td7.style.cssText = "padding-top:10px";
	var edit_main_td7_1 = document.createElement('td');
		edit_main_td7_1.style.cssText = "padding-top:10px";
		  
	var edit_main_td8 = document.createElement('td');
		edit_main_td8.style.cssText = "padding-top:10px";
	var edit_main_td8_1 = document.createElement('td');
		edit_main_td8_1.style.cssText = "padding-top:10px";
		  
	var el_label_label = document.createElement('label');
	        el_label_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_label_label.innerHTML = "Field label";
	
	var el_label_textarea = document.createElement('textarea');
                el_label_textarea.setAttribute("id", "edit_for_label");
                el_label_textarea.setAttribute("rows", "4");
                el_label_textarea.style.cssText = "width:200px";
                el_label_textarea.setAttribute("onKeyUp", "change_label('"+i+"_element_labelform_id_temp', this.value)");
		el_label_textarea.innerHTML = w_field_label;
		
	var el_label_position_label = document.createElement('label');
	        el_label_position_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_label_position_label.innerHTML = "Field label position";
	
	var el_label_position1 = document.createElement('input');
                el_label_position1.setAttribute("id", "edit_for_label_position_top");
                el_label_position1.setAttribute("type", "radio");
                el_label_position1.setAttribute("value", "left");
                
				el_label_position1.setAttribute("name", "edit_for_label_position");
                el_label_position1.setAttribute("onchange", "label_left("+i+")");
	Left = document.createTextNode("Left");
		
	var el_label_position2 = document.createElement('input');

                el_label_position2.setAttribute("id", "edit_for_label_position_left");
                el_label_position2.setAttribute("type", "radio");
                el_label_position2.setAttribute("value", "top");
		
                el_label_position2.setAttribute("name", "edit_for_label_position");
                el_label_position2.setAttribute("onchange", "label_top("+i+")");
	Top = document.createTextNode("Top");
		
	if(w_field_label_pos=="top")
				el_label_position2.setAttribute("checked", "checked");
	else
				el_label_position1.setAttribute("checked", "checked");

	var el_size_label = document.createElement('label');
	        el_size_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_size_label.innerHTML = "Field size(px) ";
	var el_size = document.createElement('input');
		   el_size.setAttribute("id", "edit_for_input_size");
		   el_size.setAttribute("type", "text");
		   el_size.setAttribute("value", w_size);
		   
			el_size.setAttribute("name", "edit_for_size");
			el_size.setAttribute("onKeyPress", "return check_isnum_point(event)");
            el_size.setAttribute("onKeyUp", "change_w_style('"+i+"_elementform_id_temp', this.value)");

	var el_first_value_label = document.createElement('label');
	        el_first_value_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_first_value_label.innerHTML = "Value if empty ";
	
	var el_first_value_input = document.createElement('input');
                el_first_value_input.setAttribute("id", "el_first_value_input");
                el_first_value_input.setAttribute("type", "text");
                el_first_value_input.setAttribute("value", w_title);
                el_first_value_input.style.cssText = "width:200px;";
                el_first_value_input.setAttribute("onKeyUp", "change_input_value(this.value,'"+i+"_elementform_id_temp')");
	var el_required_label = document.createElement('label');
	        el_required_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_required_label.innerHTML = "Required";
	
	var el_required = document.createElement('input');
                el_required.setAttribute("id", "el_send");
                el_required.setAttribute("type", "checkbox");
                el_required.setAttribute("value", "yes");
                el_required.setAttribute("onclick", "set_required('"+i+"_required')");
	if(w_required=="yes")
                el_required.setAttribute("checked", "checked");
	
	var el_unique_label = document.createElement('label');
	    el_unique_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_unique_label.innerHTML = "Allow only unique values";
	
	var el_unique = document.createElement('input');
                el_unique.setAttribute("id", "el_send");
                el_unique.setAttribute("type", "checkbox");
                el_unique.setAttribute("value", "yes");
                el_unique.setAttribute("onclick", "set_unique('"+i+"_uniqueform_id_temp')");
	if(w_unique=="yes")
                el_unique.setAttribute("checked", "checked");
							
	var el_style_label = document.createElement('label');
	    el_style_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_style_label.innerHTML = "Class name";
	
	var el_style_textarea = document.createElement('input');
                el_style_textarea.setAttribute("id", "element_style");
		el_style_textarea.setAttribute("type", "text");
		el_style_textarea.setAttribute("value", w_class);
                el_style_textarea.style.cssText = "width:200px;";
                el_style_textarea.setAttribute("onChange", "change_class(this.value,'"+i+"')");

	var el_attr_label = document.createElement('label');
	                el_attr_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_attr_label.innerHTML = "Additional Attributes";
			
	var el_attr_add = document.createElement('img');
                el_attr_add.setAttribute("id", "el_choices_add");
           	el_attr_add.setAttribute("src", fmc_plugin_url+'/images/add.png');
            	el_attr_add.style.cssText = 'cursor:pointer; margin-left:68px';
            	el_attr_add.setAttribute("title", 'add');
                el_attr_add.setAttribute("onClick", "add_attr("+i+", 'type_text')");
	var el_attr_table = document.createElement('table');
                el_attr_table.setAttribute("id", 'attributes');
                el_attr_table.setAttribute("border", '0');
        	el_attr_table.style.cssText = 'margin-left:0px';
	var el_attr_tr_label = document.createElement('tr');
                el_attr_tr_label.setAttribute("idi", '0');
	var el_attr_td_name_label = document.createElement('th');
            	el_attr_td_name_label.style.cssText = 'width:100px';
	var el_attr_td_value_label = document.createElement('th');
            	el_attr_td_value_label.style.cssText = 'width:100px';
	var el_attr_td_X_label = document.createElement('th');
            	el_attr_td_X_label.style.cssText = 'width:10px';
	var el_attr_name_label = document.createElement('label');
	                el_attr_name_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 11px";
			el_attr_name_label.innerHTML = "Name";
			
	var el_attr_value_label = document.createElement('label');
	                el_attr_value_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 11px";
			el_attr_value_label.innerHTML = "Value";
			
	el_attr_table.appendChild(el_attr_tr_label);
	el_attr_tr_label.appendChild(el_attr_td_name_label);
	el_attr_tr_label.appendChild(el_attr_td_value_label);
	el_attr_tr_label.appendChild(el_attr_td_X_label);
	el_attr_td_name_label.appendChild(el_attr_name_label);
	el_attr_td_value_label.appendChild(el_attr_value_label);
	
	n=w_attr_name.length;
	for(j=1; j<=n; j++)
	{	
		var el_attr_tr = document.createElement('tr');
			el_attr_tr.setAttribute("id", "attr_row_"+j);
			el_attr_tr.setAttribute("idi", j);
		var el_attr_td_name = document.createElement('td');
			el_attr_td_name.style.cssText = 'width:100px';
		var el_attr_td_value = document.createElement('td');
			el_attr_td_value.style.cssText = 'width:100px';
		
		var el_attr_td_X = document.createElement('td');
		var el_attr_name = document.createElement('input');
	
			el_attr_name.setAttribute("type", "text");
	
			el_attr_name.style.cssText = "width:100px";
			el_attr_name.setAttribute("value", w_attr_name[j-1]);
			el_attr_name.setAttribute("id", "attr_name"+j);
			el_attr_name.setAttribute("onChange", "change_attribute_name("+i+", this, 'type_text')");
			
		var el_attr_value = document.createElement('input');
	
			el_attr_value.setAttribute("type", "text");
	
			el_attr_value.style.cssText = "width:100px";
			el_attr_value.setAttribute("value", w_attr_value[j-1]);
			el_attr_value.setAttribute("id", "attr_value"+j);
			el_attr_value.setAttribute("onChange", "change_attribute_value("+i+", "+j+", 'type_text')");
	
		var el_attr_remove = document.createElement('img');
			el_attr_remove.setAttribute("id", "el_choices"+j+"_remove");
			el_attr_remove.setAttribute("src", fmc_plugin_url+'/images/delete.png');
			el_attr_remove.style.cssText = 'cursor:pointer; vertical-align:middle; margin:3px';
			el_attr_remove.setAttribute("align", 'top');
			el_attr_remove.setAttribute("onClick", "remove_attr("+j+", "+i+", 'type_text')");
		el_attr_table.appendChild(el_attr_tr);
		el_attr_tr.appendChild(el_attr_td_name);
		el_attr_tr.appendChild(el_attr_td_value);
		el_attr_tr.appendChild(el_attr_td_X);
		el_attr_td_name.appendChild(el_attr_name);
		el_attr_td_value.appendChild(el_attr_value);
		el_attr_td_X.appendChild(el_attr_remove);
		
	}

		
	var t  = document.getElementById('edit_table');
	
	var br = document.createElement('br');
	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 br6 = document.createElement('br');
	edit_main_td1.appendChild(el_label_label);
	edit_main_td1_1.appendChild(el_label_textarea);

	edit_main_td2.appendChild(el_label_position_label);
	edit_main_td2_1.appendChild(el_label_position1);
	edit_main_td2_1.appendChild(Left);
	edit_main_td2_1.appendChild(br2);
	edit_main_td2_1.appendChild(el_label_position2);
	edit_main_td2_1.appendChild(Top);
	
	edit_main_td3.appendChild(el_size_label);
	edit_main_td3_1.appendChild(el_size);
	
	edit_main_td4.appendChild(el_first_value_label);
	edit_main_td4_1.appendChild(el_first_value_input);
	
	edit_main_td5.appendChild(el_style_label);
	edit_main_td5_1.appendChild(el_style_textarea);
	edit_main_td6.appendChild(el_required_label);
	edit_main_td6_1.appendChild(el_required);
				
	edit_main_td8.appendChild(el_unique_label);
	edit_main_td8_1.appendChild(el_unique);
	
	
	edit_main_td7.appendChild(el_attr_label);
	edit_main_td7.appendChild(el_attr_add);
	edit_main_td7.appendChild(br6);
	edit_main_td7.appendChild(el_attr_table);
	edit_main_td7.setAttribute("colspan", "2");

	edit_main_tr1.appendChild(edit_main_td1);
	edit_main_tr1.appendChild(edit_main_td1_1);
	edit_main_tr2.appendChild(edit_main_td2);
	edit_main_tr2.appendChild(edit_main_td2_1);
	edit_main_tr3.appendChild(edit_main_td3);
	edit_main_tr3.appendChild(edit_main_td3_1);
	edit_main_tr4.appendChild(edit_main_td4);
	edit_main_tr4.appendChild(edit_main_td4_1);
	edit_main_tr5.appendChild(edit_main_td5);
	edit_main_tr5.appendChild(edit_main_td5_1);
	edit_main_tr6.appendChild(edit_main_td6);
	edit_main_tr6.appendChild(edit_main_td6_1);
	edit_main_tr8.appendChild(edit_main_td8);
	edit_main_tr8.appendChild(edit_main_td8_1);
	edit_main_tr7.appendChild(edit_main_td7);
	edit_main_table.appendChild(edit_main_tr1);
	edit_main_table.appendChild(edit_main_tr2);
	edit_main_table.appendChild(edit_main_tr3);
	edit_main_table.appendChild(edit_main_tr4);
	edit_main_table.appendChild(edit_main_tr5);
	edit_main_table.appendChild(edit_main_tr6);
	edit_main_table.appendChild(edit_main_tr8);
	edit_main_table.appendChild(edit_main_tr7);
	edit_div.appendChild(edit_main_table);
	
	t.appendChild(edit_div);
	add_id_and_name(i, 'type_text');
	
//show table

	element='input';	type='text'; 
	var adding_type = document.createElement("input");
            adding_type.setAttribute("type", "hidden");
            adding_type.setAttribute("value", "type_number");
            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_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", type);
		
		if(w_title==w_first_val)
		{
			adding.style.cssText = "width:"+w_size+"px;";
			adding.setAttribute("class", "input_deactive");
		}
		else
		{
			adding.style.cssText = "width:"+w_size+"px;";
			adding.setAttribute("class", "input_active");
		}
			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("onKeyPress", "return check_isnum_point(event)");
			adding.setAttribute("onFocus", 'delete_value("'+i+'_elementform_id_temp")');
			adding.setAttribute("onBlur", 'return_value("'+i+'_elementform_id_temp")');
			adding.setAttribute("onChange", 'change_value("'+i+'_elementform_id_temp")');
			
	 
     	var div = document.createElement('div');
      	    div.setAttribute("id", "main_div");
					
      	var table = document.createElement('table');
           	table.setAttribute("id", i+"_elemet_tableform_id_temp");
			
      	var tr = document.createElement('tr');
			
      	var td1 = document.createElement('td');
         	td1.setAttribute("valign", 'middle');
         	td1.setAttribute("align", 'left');
           	td1.setAttribute("id", i+"_label_sectionform_id_temp");
			
      	var td2 = document.createElement('td');
        	td2.setAttribute("valign", 'middle');
         	td2.setAttribute("align", 'left');
           	td2.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 label = document.createElement('span');
			label.setAttribute("id", i+"_element_labelform_id_temp");
			label.innerHTML = w_field_label;
			label.setAttribute("class", "label");
	    
      	var required = document.createElement('span');
			required.setAttribute("id", i+"_required_elementform_id_temp");
			required.innerHTML = "";
			required.setAttribute("class", "required");
	if(w_required=="yes")
			required.innerHTML = " *";
      	var main_td  = document.getElementById('show_table');
      
      	td1.appendChild(label);
      	td1.appendChild(required);
      	td2.appendChild(adding_type);
      	td2.appendChild(adding_required);
      	td2.appendChild(adding_unique);
      	td2.appendChild(adding);
      	tr.appendChild(td1);
      	tr.appendChild(td2);
      	table.appendChild(tr);
      
      	div.appendChild(table);
      	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');
}

function type_password(i, w_field_label, w_field_label_pos, w_size, w_required, w_unique, w_class, w_attr_name, w_attr_value) {

    document.getElementById("element_type").value="type_password";

	delete_last_child();
// edit table	
	var edit_div  = document.createElement('div');
		edit_div.setAttribute("id", "edit_div");
		edit_div.setAttribute("style", "border-top:1px dotted black;padding:10px;  padding-top:0px; padding-bottom:0px; margin-top:10px;");
		
	var edit_main_table  = document.createElement('table');
		edit_main_table.setAttribute("id", "edit_main_table");
		edit_main_table.setAttribute("cellpadding", "0");
		edit_main_table.setAttribute("cellspacing", "0");
		
	var edit_main_tr1  = document.createElement('tr');
      		edit_main_tr1.setAttribute("valing", "top");
		
	var edit_main_tr2  = document.createElement('tr');
      		edit_main_tr2.setAttribute("valing", "top");
		
	var edit_main_tr3  = document.createElement('tr');
      		edit_main_tr3.setAttribute("valing", "top");
		
	var edit_main_tr4  = document.createElement('tr');
      		edit_main_tr4.setAttribute("valing", "top");
		
	var edit_main_tr5  = document.createElement('tr');
      		edit_main_tr5.setAttribute("valing", "top");
			
	var edit_main_tr6  = document.createElement('tr');
      		edit_main_tr6.setAttribute("valing", "top");

	var edit_main_tr7  = document.createElement('tr');
      		edit_main_tr7.setAttribute("valing", "top");

	var edit_main_td1 = document.createElement('td');
		edit_main_td1.style.cssText = "padding-top:10px";	
	var edit_main_td1_1 = document.createElement('td');
		edit_main_td1_1.style.cssText = "padding-top:10px";
	var edit_main_td2 = document.createElement('td');
		edit_main_td2.style.cssText = "padding-top:10px";
	var edit_main_td2_1 = document.createElement('td');
		edit_main_td2_1.style.cssText = "padding-top:10px";

	var edit_main_td3 = document.createElement('td');
		edit_main_td3.style.cssText = "padding-top:10px";
	var edit_main_td3_1 = document.createElement('td');
		edit_main_td3_1.style.cssText = "padding-top:10px";
		
	var edit_main_td4 = document.createElement('td');
		edit_main_td4.style.cssText = "padding-top:10px";
	var edit_main_td4_1 = document.createElement('td');
		edit_main_td4_1.style.cssText = "padding-top:10px";
		
	var edit_main_td5 = document.createElement('td');
		edit_main_td5.style.cssText = "padding-top:10px";
	var edit_main_td5_1 = document.createElement('td');
		edit_main_td5_1.style.cssText = "padding-top:10px";
				
	var edit_main_td6 = document.createElement('td');
		edit_main_td6.style.cssText = "padding-top:10px";
	var edit_main_td6_1 = document.createElement('td');
		edit_main_td6_1.style.cssText = "padding-top:10px";
		  
	var edit_main_td7 = document.createElement('td');
		edit_main_td7.style.cssText = "padding-top:10px";
	var edit_main_td7_1 = document.createElement('td');
		edit_main_td7_1.style.cssText = "padding-top:10px";
		  
	var el_label_label = document.createElement('label');
		        el_label_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_label_label.innerHTML = "Field label";
	
	var el_label_textarea = document.createElement('textarea');
                el_label_textarea.setAttribute("id", "edit_for_label");
                el_label_textarea.setAttribute("rows", "4");
                el_label_textarea.style.cssText = "width:200px;";
                el_label_textarea.setAttribute("onKeyUp", "change_label('"+i+"_element_labelform_id_temp', this.value)");
				el_label_textarea.innerHTML = w_field_label;
		
	var el_label_position_label = document.createElement('label');
			        el_label_position_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_label_position_label.innerHTML = "Field label position";
	
	var el_label_position1 = document.createElement('input');
                el_label_position1.setAttribute("id", "edit_for_label_position_top");
                el_label_position1.setAttribute("type", "radio");
                el_label_position1.setAttribute("value", "left");
                

                el_label_position1.setAttribute("name", "edit_for_label_position");
                el_label_position1.setAttribute("onchange", "label_left("+i+")");
		Left = document.createTextNode("Left");
		
	var el_label_position2 = document.createElement('input');
                el_label_position2.setAttribute("id", "edit_for_label_position_left");
                el_label_position2.setAttribute("type", "radio");
                el_label_position2.setAttribute("value", "top");
	

                el_label_position2.setAttribute("name", "edit_for_label_position");
                el_label_position2.setAttribute("onchange", "label_top("+i+")");
		Top = document.createTextNode("Top");
		
	if(w_field_label_pos=="top")
	
				el_label_position2.setAttribute("checked", "checked");
	else
				el_label_position1.setAttribute("checked", "checked");

	var el_size_label = document.createElement('label');
	        el_size_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_size_label.innerHTML = "Field size(px) ";
	
	var el_size = document.createElement('input');
		   el_size.setAttribute("id", "edit_for_input_size");
		   el_size.setAttribute("type", "text");
		   el_size.setAttribute("value", w_size);
		   
			el_size.setAttribute("name", "edit_for_size");
			el_size.setAttribute("onKeyPress", "return check_isnum(event)");
            el_size.setAttribute("onKeyUp", "change_w_style('"+i+"_elementform_id_temp', this.value)");

	var el_required_label = document.createElement('label');
	        el_required_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_required_label.innerHTML = "Required";
	
	var el_required = document.createElement('input');
                el_required.setAttribute("id", "el_send");
                el_required.setAttribute("type", "checkbox");
                el_required.setAttribute("value", "yes");
                el_required.setAttribute("onclick", "set_required('"+i+"_required')");
	if(w_required=="yes")
			
                el_required.setAttribute("checked", "checked");
			
	var el_unique_label = document.createElement('label');
	    el_unique_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_unique_label.innerHTML = "Allow only unique values";
	
	var el_unique = document.createElement('input');
                el_unique.setAttribute("id", "el_send");
                el_unique.setAttribute("type", "checkbox");
                el_unique.setAttribute("value", "yes");
                el_unique.setAttribute("onclick", "set_unique('"+i+"_uniqueform_id_temp')");
	if(w_unique=="yes")
                el_unique.setAttribute("checked", "checked");
				
	var el_style_label = document.createElement('label');
	        el_style_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_style_label.innerHTML = "Class name";
	
	var el_style_textarea = document.createElement('input');
                el_style_textarea.setAttribute("id", "element_style");
		el_style_textarea.setAttribute("type", "text");
		el_style_textarea.setAttribute("value", w_class);
                el_style_textarea.style.cssText = "width:200px;";
                el_style_textarea.setAttribute("onChange", "change_class(this.value,'"+i+"')");
	var el_attr_label = document.createElement('label');
	                el_attr_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_attr_label.innerHTML = "Additional Attributes";
	var el_attr_add = document.createElement('img');
                el_attr_add.setAttribute("id", "el_choices_add");
           	el_attr_add.setAttribute("src", fmc_plugin_url+'/images/add.png');
            	el_attr_add.style.cssText = 'cursor:pointer; margin-left:68px';
            	el_attr_add.setAttribute("title", 'add');
                el_attr_add.setAttribute("onClick", "add_attr("+i+", 'type_text')");
	var el_attr_table = document.createElement('table');
                el_attr_table.setAttribute("id", 'attributes');
                el_attr_table.setAttribute("border", '0');
        	el_attr_table.style.cssText = 'margin-left:0px';
	var el_attr_tr_label = document.createElement('tr');
                el_attr_tr_label.setAttribute("idi", '0');
	var el_attr_td_name_label = document.createElement('th');
            	el_attr_td_name_label.style.cssText = 'width:100px';
	var el_attr_td_value_label = document.createElement('th');
            	el_attr_td_value_label.style.cssText = 'width:100px';
	var el_attr_td_X_label = document.createElement('th');
            	el_attr_td_X_label.style.cssText = 'width:10px';
	var el_attr_name_label = document.createElement('label');
	                el_attr_name_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 11px";
			el_attr_name_label.innerHTML = "Name";
			
	var el_attr_value_label = document.createElement('label');
	                el_attr_value_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 11px";
			el_attr_value_label.innerHTML = "Value";
			
	el_attr_table.appendChild(el_attr_tr_label);
	el_attr_tr_label.appendChild(el_attr_td_name_label);
	el_attr_tr_label.appendChild(el_attr_td_value_label);
	el_attr_tr_label.appendChild(el_attr_td_X_label);
	el_attr_td_name_label.appendChild(el_attr_name_label);
	el_attr_td_value_label.appendChild(el_attr_value_label);
	
	n=w_attr_name.length;
	for(j=1; j<=n; j++)
	{	
		var el_attr_tr = document.createElement('tr');
			el_attr_tr.setAttribute("id", "attr_row_"+j);
			el_attr_tr.setAttribute("idi", j);
		var el_attr_td_name = document.createElement('td');
			el_attr_td_name.style.cssText = 'width:100px';
		var el_attr_td_value = document.createElement('td');
			el_attr_td_value.style.cssText = 'width:100px';
		
		var el_attr_td_X = document.createElement('td');
		var el_attr_name = document.createElement('input');
	
			el_attr_name.setAttribute("type", "text");
	
			el_attr_name.style.cssText = "width:100px";
			el_attr_name.setAttribute("value", w_attr_name[j-1]);
			el_attr_name.setAttribute("id", "attr_name"+j);
			el_attr_name.setAttribute("onChange", "change_attribute_name("+i+", this, 'type_text')");
			
		var el_attr_value = document.createElement('input');
	
			el_attr_value.setAttribute("type", "text");
	
			el_attr_value.style.cssText = "width:100px";
			el_attr_value.setAttribute("value", w_attr_value[j-1]);
			el_attr_value.setAttribute("id", "attr_value"+j);
			el_attr_value.setAttribute("onChange", "change_attribute_value("+i+", "+j+", 'type_text')");
	
		var el_attr_remove = document.createElement('img');
			el_attr_remove.setAttribute("id", "el_choices"+j+"_remove");
			el_attr_remove.setAttribute("src", fmc_plugin_url+'/images/delete.png');
			el_attr_remove.style.cssText = 'cursor:pointer; vertical-align:middle; margin:3px';
			el_attr_remove.setAttribute("align", 'top');
			el_attr_remove.setAttribute("onClick", "remove_attr("+j+", "+i+", 'type_text')");
		el_attr_table.appendChild(el_attr_tr);
		el_attr_tr.appendChild(el_attr_td_name);
		el_attr_tr.appendChild(el_attr_td_value);
		el_attr_tr.appendChild(el_attr_td_X);
		el_attr_td_name.appendChild(el_attr_name);
		el_attr_td_value.appendChild(el_attr_value);
		el_attr_td_X.appendChild(el_attr_remove);
		
	}

	var t  = document.getElementById('edit_table');
	
	var br = document.createElement('br');
	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 br6 = document.createElement('br');
	
	edit_main_td1.appendChild(el_label_label);
	edit_main_td1_1.appendChild(el_label_textarea);

	edit_main_td2.appendChild(el_label_position_label);
	edit_main_td2_1.appendChild(el_label_position1);
	edit_main_td2_1.appendChild(Left);
	edit_main_td2_1.appendChild(br2);
	edit_main_td2_1.appendChild(el_label_position2);
	edit_main_td2_1.appendChild(Top);
	
	edit_main_td3.appendChild(el_size_label);
	edit_main_td3_1.appendChild(el_size);
	
	edit_main_td4.appendChild(el_style_label);
	edit_main_td4_1.appendChild(el_style_textarea);
	
	edit_main_td5.appendChild(el_required_label);
	edit_main_td5_1.appendChild(el_required);
	
	edit_main_td7.appendChild(el_unique_label);
	edit_main_td7_1.appendChild(el_unique);

	edit_main_td6.appendChild(el_attr_label);
	edit_main_td6.appendChild(el_attr_add);
	edit_main_td6.appendChild(br3);
	edit_main_td6.appendChild(el_attr_table);
	edit_main_td6.setAttribute("colspan", "2");

	
	edit_main_tr1.appendChild(edit_main_td1);
	edit_main_tr1.appendChild(edit_main_td1_1);
	edit_main_tr2.appendChild(edit_main_td2);
	edit_main_tr2.appendChild(edit_main_td2_1);
	edit_main_tr3.appendChild(edit_main_td3);
	edit_main_tr3.appendChild(edit_main_td3_1);
	edit_main_tr4.appendChild(edit_main_td4);
	edit_main_tr4.appendChild(edit_main_td4_1);
	edit_main_tr5.appendChild(edit_main_td5);
	edit_main_tr5.appendChild(edit_main_td5_1);
	edit_main_tr6.appendChild(edit_main_td6);
	edit_main_tr7.appendChild(edit_main_td7);
	edit_main_tr7.appendChild(edit_main_td7_1);
	edit_main_table.appendChild(edit_main_tr1);
	edit_main_table.appendChild(edit_main_tr2);
	edit_main_table.appendChild(edit_main_tr3);
	edit_main_table.appendChild(edit_main_tr4);
	edit_main_table.appendChild(edit_main_tr5);
	edit_main_table.appendChild(edit_main_tr7);
	edit_main_table.appendChild(edit_main_tr6);
	edit_div.appendChild(edit_main_table);
	
	t.appendChild(edit_div);
	add_id_and_name(i, 'type_text');

//show table

	element='input';	type='password'; 
	var adding_type = document.createElement("input");
            adding_type.setAttribute("type", "hidden");
            adding_type.setAttribute("value", "type_password");
            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_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", type);
			adding.setAttribute("id", i+"_elementform_id_temp");
			adding.setAttribute("name", i+"_elementform_id_temp");
			adding.style.cssText = "width:"+w_size+"px;";
		
			
     	var div = document.createElement('div');
      	    div.setAttribute("id", "main_div");
		
	var table = document.createElement('table');
           	table.setAttribute("id", i+"_elemet_tableform_id_temp");
			
      	var tr = document.createElement('tr');
			
      	var td1 = document.createElement('td');
         	td1.setAttribute("valign", 'middle');
         	td1.setAttribute("align", 'left');
           	td1.setAttribute("id", i+"_label_sectionform_id_temp");
			
      	var td2 = document.createElement('td');
        	td2.setAttribute("valign", 'middle');
         	td2.setAttribute("align", 'left');
           	td2.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 label = document.createElement('span');
			label.setAttribute("id", i+"_element_labelform_id_temp");
			label.innerHTML = w_field_label;
			label.setAttribute("class", "label");
	    
      	var required = document.createElement('span');
			required.setAttribute("id", i+"_required_elementform_id_temp");
			required.innerHTML = "";
			required.setAttribute("class", "required");
	if(w_required=="yes")
			required.innerHTML = " *";
      	var main_td  = document.getElementById('show_table');
	
      
      	td1.appendChild(label);
      	td1.appendChild(required);
      	td2.appendChild(adding_type);
      	td2.appendChild(adding_required);
       	td2.appendChild(adding_unique);
     	td2.appendChild(adding);
      	tr.appendChild(td1);
      	tr.appendChild(td2);
      	table.appendChild(tr);
		
      	div.appendChild(table);
      	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');
}

function type_textarea(i, w_field_label, w_field_label_pos, w_size_w, w_size_h, w_first_val, w_title, w_required, w_unique, w_class, w_attr_name, w_attr_value){
    
	document.getElementById("element_type").value="type_textarea";

	delete_last_child();
// edit table	
	var edit_div  = document.createElement('div');
		edit_div.setAttribute("id", "edit_div");
		edit_div.setAttribute("style", "border-top:1px dotted black;padding:10px;  padding-top:0px; padding-bottom:0px; margin-top:10px;");
		
	var edit_main_table  = document.createElement('table');
		edit_main_table.setAttribute("id", "edit_main_table");
		edit_main_table.setAttribute("cellpadding", "0");
		edit_main_table.setAttribute("cellspacing", "0");
		
	var edit_main_tr1  = document.createElement('tr');
      		edit_main_tr1.setAttribute("valing", "top");
		
	var edit_main_tr2  = document.createElement('tr');
      		edit_main_tr2.setAttribute("valing", "top");
		
	var edit_main_tr3  = document.createElement('tr');
      		edit_main_tr3.setAttribute("valing", "top");
		
	var edit_main_tr4  = document.createElement('tr');
      		edit_main_tr4.setAttribute("valing", "top");
		
	var edit_main_tr5  = document.createElement('tr');
      		edit_main_tr5.setAttribute("valing", "top");
			
	var edit_main_tr6  = document.createElement('tr');
      		edit_main_tr6.setAttribute("valing", "top");
	var edit_main_tr7  = document.createElement('tr');
      		edit_main_tr7.setAttribute("valing", "top");

	var edit_main_tr8  = document.createElement('tr');
      		edit_main_tr8.setAttribute("valing", "top");

	var edit_main_td1 = document.createElement('td');
		edit_main_td1.style.cssText = "padding-top:10px";	
	var edit_main_td1_1 = document.createElement('td');
		edit_main_td1_1.style.cssText = "padding-top:10px";		
	var edit_main_td2 = document.createElement('td');
		edit_main_td2.style.cssText = "padding-top:10px";
	var edit_main_td2_1 = document.createElement('td');
		edit_main_td2_1.style.cssText = "padding-top:10px";

	var edit_main_td3 = document.createElement('td');
		edit_main_td3.style.cssText = "padding-top:10px";
	var edit_main_td3_1 = document.createElement('td');
		edit_main_td3_1.style.cssText = "padding-top:10px";
	var edit_main_td4 = document.createElement('td');
		edit_main_td4.style.cssText = "padding-top:10px";
	var edit_main_td4_1 = document.createElement('td');
		edit_main_td4_1.style.cssText = "padding-top:10px";
		
	var edit_main_td5 = document.createElement('td');
		edit_main_td5.style.cssText = "padding-top:10px";
	var edit_main_td5_1 = document.createElement('td');
		edit_main_td5_1.style.cssText = "padding-top:10px";
				
	var edit_main_td6 = document.createElement('td');
		edit_main_td6.style.cssText = "padding-top:10px";
	var edit_main_td6_1 = document.createElement('td');
		edit_main_td6_1.style.cssText = "padding-top:10px";

	var edit_main_td7 = document.createElement('td');
		edit_main_td7.style.cssText = "padding-top:10px";
	var edit_main_td7_1 = document.createElement('td');
		edit_main_td7_1.style.cssText = "padding-top:10px";
		  
	var edit_main_td8 = document.createElement('td');
		edit_main_td8.style.cssText = "padding-top:10px";
	var edit_main_td8_1 = document.createElement('td');
		edit_main_td8_1.style.cssText = "padding-top:10px";
		  
	var el_label_label = document.createElement('label');
			        el_label_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_label_label.innerHTML = "Field label";
	
	var el_label_textarea = document.createElement('textarea');
                el_label_textarea.setAttribute("id", "edit_for_label");
                el_label_textarea.setAttribute("rows", "4");
                el_label_textarea.style.cssText = "width:200px;";
                el_label_textarea.setAttribute("onKeyUp", "change_label('"+i+"_element_labelform_id_temp', this.value)");
				el_label_textarea.innerHTML = w_field_label;
		
	var el_label_position_label = document.createElement('label');
			        el_label_position_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_label_position_label.innerHTML = "Field label position";
	
	var el_label_position1 = document.createElement('input');
                el_label_position1.setAttribute("id", "edit_for_label_position_top");
                el_label_position1.setAttribute("type", "radio");
                el_label_position1.setAttribute("value", "left");
                

                el_label_position1.setAttribute("name", "edit_for_label_position");
                el_label_position1.setAttribute("onchange", "label_left("+i+")");
		Left = document.createTextNode("Left");
		
	var el_label_position2 = document.createElement('input');
                el_label_position2.setAttribute("id", "edit_for_label_position_left");
                el_label_position2.setAttribute("type", "radio");
                el_label_position2.setAttribute("value", "top");
	

                el_label_position2.setAttribute("name", "edit_for_label_position");
                el_label_position2.setAttribute("onchange", "label_top("+i+")");
		Top = document.createTextNode("Top");
		
	if(w_field_label_pos=="top")
				el_label_position2.setAttribute("checked", "checked");
	else
				el_label_position1.setAttribute("checked", "checked");

	var el_size_label = document.createElement('label');
	        el_size_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_size_label.innerHTML = "Field size(px) ";
		
	var el_size_w = document.createElement('input');
		   el_size_w.setAttribute("id", "edit_for_input_size");
		   el_size_w.setAttribute("type", "text");
		   el_size_w.setAttribute("value", w_size_w);
		   el_size_w.style.cssText = "margin-right:2px; width: 60px";
		   el_size_w.setAttribute("name", "edit_for_size");
		   el_size_w.setAttribute("onKeyPress", "return check_isnum(event)");
           el_size_w.setAttribute("onKeyUp", "change_w_style('"+i+"_elementform_id_temp', this.value)");
		   
		X = document.createTextNode("x");
		
	var el_size_h = document.createElement('input');
		   el_size_h.setAttribute("id", "edit_for_input_size");
		   el_size_h.setAttribute("type", "text");
		   el_size_h.setAttribute("value", w_size_h);
		   el_size_h.style.cssText = "margin-left:2px;  width:60px";
			el_size_h.setAttribute("name", "edit_for_size");
			el_size_h.setAttribute("onKeyPress", "return check_isnum(event)");
            el_size_h.setAttribute("onKeyUp", "change_h_style('"+i+"_elementform_id_temp', this.value)");
	var el_first_value_label = document.createElement('label');
	        el_first_value_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_first_value_label.innerHTML = "Value if empty";
	
	var el_first_value_input = document.createElement('input');
                el_first_value_input.setAttribute("id", "el_first_value_input");
                el_first_value_input.setAttribute("type", "text");
                el_first_value_input.setAttribute("value", w_title);
                el_first_value_input.style.cssText = "width:200px;";
                el_first_value_input.setAttribute("onKeyUp", "change_input_value(this.value,'"+i+"_elementform_id_temp')");
	var el_required_label = document.createElement('label');
	        el_required_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_required_label.innerHTML = "Required";
	
	var el_required = document.createElement('input');
                el_required.setAttribute("id", "el_send");
                el_required.setAttribute("type", "checkbox");
                el_required.setAttribute("value", "yes");
                el_required.setAttribute("onclick", "set_required('"+i+"_required')");
	if(w_required=="yes")
			    el_required.setAttribute("checked", "checked");
		
	var el_unique_label = document.createElement('label');
	    el_unique_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_unique_label.innerHTML = "Allow only unique values";
	
	var el_unique = document.createElement('input');
                el_unique.setAttribute("id", "el_send");
                el_unique.setAttribute("type", "checkbox");
                el_unique.setAttribute("value", "yes");
                el_unique.setAttribute("onclick", "set_unique('"+i+"_uniqueform_id_temp')");
	if(w_unique=="yes")
                el_unique.setAttribute("checked", "checked");
		
	var el_style_label = document.createElement('label');
	        el_style_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_style_label.innerHTML = "Class name";
	
	var el_style_textarea = document.createElement('input');
                el_style_textarea.setAttribute("id", "element_style");
				el_style_textarea.setAttribute("type", "text");
				el_style_textarea.setAttribute("value", w_class);
                el_style_textarea.style.cssText = "width:200px;";
                el_style_textarea.setAttribute("onChange", "change_class(this.value,'"+i+"')");

	var el_attr_label = document.createElement('label');
	                el_attr_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_attr_label.innerHTML = "Additional Attributes";
			
	var el_attr_add = document.createElement('img');
                el_attr_add.setAttribute("id", "el_choices_add");
           	el_attr_add.setAttribute("src", fmc_plugin_url+'/images/add.png');
            	el_attr_add.style.cssText = 'cursor:pointer; margin-left:68px';
            	el_attr_add.setAttribute("title", 'add');
                el_attr_add.setAttribute("onClick", "add_attr("+i+", 'type_text')");
	var el_attr_table = document.createElement('table');
                el_attr_table.setAttribute("id", 'attributes');
                el_attr_table.setAttribute("border", '0');
        	el_attr_table.style.cssText = 'margin-left:0px';
	var el_attr_tr_label = document.createElement('tr');
                el_attr_tr_label.setAttribute("idi", '0');
	var el_attr_td_name_label = document.createElement('th');
            	el_attr_td_name_label.style.cssText = 'width:100px';
	var el_attr_td_value_label = document.createElement('th');
            	el_attr_td_value_label.style.cssText = 'width:100px';
	var el_attr_td_X_label = document.createElement('th');
            	el_attr_td_X_label.style.cssText = 'width:10px';
	var el_attr_name_label = document.createElement('label');
	                el_attr_name_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 11px";
			el_attr_name_label.innerHTML = "Name";
			
	var el_attr_value_label = document.createElement('label');
	                el_attr_value_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 11px";
			el_attr_value_label.innerHTML = "Value";
			
	el_attr_table.appendChild(el_attr_tr_label);
	el_attr_tr_label.appendChild(el_attr_td_name_label);
	el_attr_tr_label.appendChild(el_attr_td_value_label);
	el_attr_tr_label.appendChild(el_attr_td_X_label);
	el_attr_td_name_label.appendChild(el_attr_name_label);
	el_attr_td_value_label.appendChild(el_attr_value_label);
	
	n=w_attr_name.length;
	for(j=1; j<=n; j++)
	{	
		var el_attr_tr = document.createElement('tr');
			el_attr_tr.setAttribute("id", "attr_row_"+j);
			el_attr_tr.setAttribute("idi", j);
		var el_attr_td_name = document.createElement('td');
			el_attr_td_name.style.cssText = 'width:100px';
		var el_attr_td_value = document.createElement('td');
			el_attr_td_value.style.cssText = 'width:100px';
		
		var el_attr_td_X = document.createElement('td');
		var el_attr_name = document.createElement('input');
	
			el_attr_name.setAttribute("type", "text");
	
			el_attr_name.style.cssText = "width:100px";
			el_attr_name.setAttribute("value", w_attr_name[j-1]);
			el_attr_name.setAttribute("id", "attr_name"+j);
			el_attr_name.setAttribute("onChange", "change_attribute_name("+i+", this, 'type_text')");
			
		var el_attr_value = document.createElement('input');
	
			el_attr_value.setAttribute("type", "text");
	
			el_attr_value.style.cssText = "width:100px";
			el_attr_value.setAttribute("value", w_attr_value[j-1]);
			el_attr_value.setAttribute("id", "attr_value"+j);
			el_attr_value.setAttribute("onChange", "change_attribute_value("+i+", "+j+", 'type_text')");
	
		var el_attr_remove = document.createElement('img');
			el_attr_remove.setAttribute("id", "el_choices"+j+"_remove");
			el_attr_remove.setAttribute("src", fmc_plugin_url+'/images/delete.png');
			el_attr_remove.style.cssText = 'cursor:pointer; vertical-align:middle; margin:3px';
			el_attr_remove.setAttribute("align", 'top');
			el_attr_remove.setAttribute("onClick", "remove_attr("+j+", "+i+", 'type_text')");
		el_attr_table.appendChild(el_attr_tr);
		el_attr_tr.appendChild(el_attr_td_name);
		el_attr_tr.appendChild(el_attr_td_value);
		el_attr_tr.appendChild(el_attr_td_X);
		el_attr_td_name.appendChild(el_attr_name);
		el_attr_td_value.appendChild(el_attr_value);
		el_attr_td_X.appendChild(el_attr_remove);
		
	}

	var t  = document.getElementById('edit_table');
	
	var br = document.createElement('br');
	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 br6 = document.createElement('br');
	
	edit_main_td1.appendChild(el_label_label);
	edit_main_td1_1.appendChild(el_label_textarea);

	edit_main_td2.appendChild(el_label_position_label);
	edit_main_td2_1.appendChild(el_label_position1);
	edit_main_td2_1.appendChild(Left);
	edit_main_td2_1.appendChild(br2);
	edit_main_td2_1.appendChild(el_label_position2);
	edit_main_td2_1.appendChild(Top);
	
	edit_main_td3.appendChild(el_size_label);
	
	edit_main_td3_1.appendChild(el_size_w);
	edit_main_td3_1.appendChild(X);
	edit_main_td3_1.appendChild(el_size_h);
	
	edit_main_td4.appendChild(el_first_value_label);
	edit_main_td4_1.appendChild(el_first_value_input);
	
	edit_main_td5.appendChild(el_style_label);
	edit_main_td5_1.appendChild(el_style_textarea);
	
	edit_main_td6.appendChild(el_required_label);
	edit_main_td6_1.appendChild(el_required);
	
	edit_main_td8.appendChild(el_unique_label);
	edit_main_td8_1.appendChild(el_unique);
	
	edit_main_td7.appendChild(el_attr_label);
	edit_main_td7.appendChild(el_attr_add);
	edit_main_td7.appendChild(br6);
	edit_main_td7.appendChild(el_attr_table);
	edit_main_td7.setAttribute("colspan", "2");

	
	edit_main_tr1.appendChild(edit_main_td1);
	edit_main_tr1.appendChild(edit_main_td1_1);
	edit_main_tr2.appendChild(edit_main_td2);
	edit_main_tr2.appendChild(edit_main_td2_1);
	edit_main_tr3.appendChild(edit_main_td3);
	edit_main_tr3.appendChild(edit_main_td3_1);
	edit_main_tr4.appendChild(edit_main_td4);
	edit_main_tr4.appendChild(edit_main_td4_1);
	edit_main_tr5.appendChild(edit_main_td5);
	edit_main_tr5.appendChild(edit_main_td5_1);
	edit_main_tr6.appendChild(edit_main_td6);
	edit_main_tr6.appendChild(edit_main_td6_1);
	edit_main_tr7.appendChild(edit_main_td7);
	edit_main_tr7.appendChild(edit_main_td7_1);
	edit_main_tr8.appendChild(edit_main_td8);
	edit_main_tr8.appendChild(edit_main_td8_1);
	edit_main_table.appendChild(edit_main_tr1);
	edit_main_table.appendChild(edit_main_tr2);
	edit_main_table.appendChild(edit_main_tr3);
	edit_main_table.appendChild(edit_main_tr4);
	edit_main_table.appendChild(edit_main_tr5);
	edit_main_table.appendChild(edit_main_tr6);
	edit_main_table.appendChild(edit_main_tr8);
	edit_main_table.appendChild(edit_main_tr7);
	edit_div.appendChild(edit_main_table);
	
	t.appendChild(edit_div);
	add_id_and_name(i, 'type_text');

//show table

	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_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 div = document.createElement('div');
      	div.setAttribute("id", "main_div");
			
		var table = document.createElement('table');
           	table.setAttribute("id", i+"_elemet_tableform_id_temp");
			
      	var tr = document.createElement('tr');
			
      	var td1 = document.createElement('td');
         	td1.setAttribute("valign", 'top');
         	td1.setAttribute("align", 'left');
           	td1.setAttribute("id", i+"_label_sectionform_id_temp");
			
      	var td2 = document.createElement('td');
        	td2.setAttribute("valign", 'top');
         	td2.setAttribute("align", 'left');
           	td2.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 label = document.createElement('span');
			label.setAttribute("id", i+"_element_labelform_id_temp");
			label.innerHTML = w_field_label;
			label.setAttribute("class", "label");
	    
      	var required = document.createElement('span');
			required.setAttribute("id", i+"_required_elementform_id_temp");
			required.innerHTML = "";
			required.setAttribute("class", "required");
	if(w_required=="yes")
			required.innerHTML = " *";
	var adding = document.createElement(element);
		if(w_title==w_first_val)
		{
			adding.style.cssText = "width:"+w_size_w+"px; height:"+w_size_h+"px;";
			adding.setAttribute("class", "input_deactive");
		}
		else
		{
			adding.style.cssText = "width:"+w_size_w+"px; height:"+w_size_h+"px;";
			adding.setAttribute("class", "input_active");
		}
		adding.setAttribute("id", i+"_elementform_id_temp");
		adding.setAttribute("name", i+"_elementform_id_temp");
		adding.setAttribute("title", w_title);
		adding.setAttribute("value",w_first_val);
		adding.setAttribute("onFocus", "delete_value('"+i+"_elementform_id_temp')");
		adding.setAttribute("onBlur", "return_value('"+i+"_elementform_id_temp')");
		adding.setAttribute("onChange", "change_value('"+i+"_elementform_id_temp')");
		adding.innerHTML=w_first_val;
		
			
		var main_td  = document.getElementById('show_table');
	
      
      	td1.appendChild(label);
      	td1.appendChild(required);
      	td2.appendChild(adding_type);
	
      	td2.appendChild(adding_required);
      	td2.appendChild(adding_unique);
      	td2.appendChild(adding);
      	tr.appendChild(td1);
      	tr.appendChild(td2);
      	table.appendChild(tr);
      
      	div.appendChild(table);
      	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');
}

function type_phone(i, w_field_label, w_field_label_pos, w_size, w_first_val, w_title, w_mini_labels, w_required, w_unique, w_class, w_attr_name, w_attr_value) {
	document.getElementById("element_type").value = "type_phone";
	delete_last_child();
  // edit table	
	var edit_div  = document.createElement('div');
		edit_div.setAttribute("id", "edit_div");
		edit_div.setAttribute("style", "border-top:1px dotted black;padding:10px;  padding-top:0px; padding-bottom:0px; margin-top:10px;");
		
	var edit_main_table  = document.createElement('table');
		edit_main_table.setAttribute("id", "edit_main_table");
		edit_main_table.setAttribute("cellpadding", "0");
		edit_main_table.setAttribute("cellspacing", "0");
		
	var edit_main_tr1  = document.createElement('tr');
      		edit_main_tr1.setAttribute("valing", "top");
		
	var edit_main_tr2  = document.createElement('tr');
      		edit_main_tr2.setAttribute("valing", "top");
		
	var edit_main_tr3  = document.createElement('tr');
      		edit_main_tr3.setAttribute("valing", "top");
		
	var edit_main_tr4  = document.createElement('tr');
      		edit_main_tr4.setAttribute("valing", "top");
		
	var edit_main_tr5  = document.createElement('tr');
      		edit_main_tr5.setAttribute("valing", "top");
			
	var edit_main_tr6  = document.createElement('tr');
      		edit_main_tr6.setAttribute("valing", "top");
		
	var edit_main_tr7  = document.createElement('tr');
      		edit_main_tr7.setAttribute("valing", "top");
		
	var edit_main_tr8  = document.createElement('tr');
      		edit_main_tr8.setAttribute("valing", "top");

	var edit_main_td1 = document.createElement('td');
		edit_main_td1.style.cssText = "padding-top:10px";	
	var edit_main_td1_1 = document.createElement('td');
		edit_main_td1_1.style.cssText = "padding-top:10px";		
	var edit_main_td2 = document.createElement('td');
		edit_main_td2.style.cssText = "padding-top:10px";
	var edit_main_td2_1 = document.createElement('td');
		edit_main_td2_1.style.cssText = "padding-top:10px";

	var edit_main_td3 = document.createElement('td');
		edit_main_td3.style.cssText = "padding-top:10px";
	var edit_main_td3_1 = document.createElement('td');
		edit_main_td3_1.style.cssText = "padding-top:10px";
	var edit_main_td4 = document.createElement('td');
		edit_main_td4.style.cssText = "padding-top:10px";
	var edit_main_td4_1 = document.createElement('td');
		edit_main_td4_1.style.cssText = "padding-top:10px";
		
	var edit_main_td5 = document.createElement('td');
		edit_main_td5.style.cssText = "padding-top:10px";
	var edit_main_td5_1 = document.createElement('td');
		edit_main_td5_1.style.cssText = "padding-top:10px";
				
	var edit_main_td6 = document.createElement('td');
		edit_main_td6.style.cssText = "padding-top:10px";
	var edit_main_td6_1 = document.createElement('td');
		edit_main_td6_1.style.cssText = "padding-top:10px";
		  
	var edit_main_td7 = document.createElement('td');
		edit_main_td7.style.cssText = "padding-top:10px";
	var edit_main_td7_1 = document.createElement('td');
		edit_main_td7_1.style.cssText = "padding-top:10px";
		  
	var edit_main_td8 = document.createElement('td');
		edit_main_td8.style.cssText = "padding-top:10px";
	var edit_main_td8_1 = document.createElement('td');
		edit_main_td8_1.style.cssText = "padding-top:10px";
		  
	var el_label_label = document.createElement('label');
			    el_label_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
				el_label_label.innerHTML = "Field label";
	
	var el_label_textarea = document.createElement('textarea');
                el_label_textarea.setAttribute("id", "edit_for_label");
                el_label_textarea.setAttribute("rows", "4");
                el_label_textarea.style.cssText = "width:200px;";
                el_label_textarea.setAttribute("onKeyUp", "change_label('"+i+"_element_labelform_id_temp', this.value)");
				el_label_textarea.innerHTML = w_field_label;
		
	var el_label_position_label = document.createElement('label');
			    el_label_position_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
				el_label_position_label.innerHTML = "Field label position";
	
	var el_label_position1 = document.createElement('input');
                el_label_position1.setAttribute("id", "edit_for_label_position_top");
                el_label_position1.setAttribute("type", "radio");
                el_label_position1.setAttribute("value", "left");
                
                el_label_position1.setAttribute("name", "edit_for_label_position");
                el_label_position1.setAttribute("onchange", "label_left("+i+")");
		Left = document.createTextNode("Left");
		
	var el_label_position2 = document.createElement('input');
                el_label_position2.setAttribute("id", "edit_for_label_position_left");
                el_label_position2.setAttribute("type", "radio");
                el_label_position2.setAttribute("value", "top");
				
                el_label_position2.setAttribute("name", "edit_for_label_position");
                el_label_position2.setAttribute("onchange", "label_top("+i+")");
		Top = document.createTextNode("Top");
		
	if(w_field_label_pos=="top")
				el_label_position2.setAttribute("checked", "checked");
	else
				el_label_position1.setAttribute("checked", "checked");

	var el_size_label = document.createElement('label');
	        el_size_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_size_label.innerHTML = "Field size(px) ";
	var el_size = document.createElement('input');
			el_size.setAttribute("id", "edit_for_input_size");
			el_size.setAttribute("type", "text");
			el_size.setAttribute("value", w_size);		
			el_size.setAttribute("name", "edit_for_size");
			el_size.setAttribute("onKeyPress", "return check_isnum(event)");
            el_size.setAttribute("onKeyUp", "change_w_style('"+i+"_element_lastform_id_temp', this.value);");

	var gic = document.createTextNode("-");

	var el_first_value_label = document.createElement('label');
	    el_first_value_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_first_value_label.innerHTML = "Value if empty ";
	
	var el_first_value_area = document.createElement('input');
                el_first_value_area.setAttribute("id", "el_first_value_area");
                el_first_value_area.setAttribute("type", "text");
                el_first_value_area.setAttribute("value", w_title[0]);
                el_first_value_area.style.cssText = "width:50px; margin-right:4px";
                el_first_value_area.setAttribute("onKeyUp", "change_input_value(this.value,'"+i+"_element_firstform_id_temp')");

	var el_first_value_phone = document.createElement('input');
                el_first_value_phone.setAttribute("id", "el_first_value_phone");
                el_first_value_phone.setAttribute("type", "text");
                el_first_value_phone.setAttribute("value", w_title[1]);
                el_first_value_phone.style.cssText = "width:100px; margin-left:4px";
                el_first_value_phone.setAttribute("onKeyUp", "change_input_value(this.value,'"+i+"_element_lastform_id_temp')");


	var el_required_label = document.createElement('label');
	        el_required_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_required_label.innerHTML = "Required";
	
	var el_required = document.createElement('input');
                el_required.setAttribute("id", "el_send");
                el_required.setAttribute("type", "checkbox");
                el_required.setAttribute("value", "yes");
                el_required.setAttribute("onclick", "set_required('"+i+"_required')");
	if(w_required=="yes")
                el_required.setAttribute("checked", "checked");	

	var el_unique_label = document.createElement('label');
				el_unique_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
				el_unique_label.innerHTML = "Allow only unique values";
	
	var el_unique = document.createElement('input');
                el_unique.setAttribute("id", "el_send");
                el_unique.setAttribute("type", "checkbox");
                el_unique.setAttribute("value", "yes");
                el_unique.setAttribute("onclick", "set_unique('"+i+"_uniqueform_id_temp')");
	if(w_unique=="yes")
                el_unique.setAttribute("checked", "checked");
				
	var el_style_label = document.createElement('label');
	        el_style_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_style_label.innerHTML = "Class name";
	
	var el_style_textarea = document.createElement('input');
                el_style_textarea.setAttribute("id", "element_style");
				el_style_textarea.setAttribute("type", "text");
				el_style_textarea.setAttribute("value", w_class);
                el_style_textarea.style.cssText = "width:200px;";
                el_style_textarea.setAttribute("onChange", "change_class(this.value,'"+i+"')");

	var el_attr_label = document.createElement('label');
	            el_attr_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
				el_attr_label.innerHTML = "Additional Attributes";
			
	var el_attr_add = document.createElement('img');
                el_attr_add.setAttribute("id", "el_choices_add");
				el_attr_add.setAttribute("src", fmc_plugin_url+'/images/add.png');
            	el_attr_add.style.cssText = 'cursor:pointer; margin-left:68px';
            	el_attr_add.setAttribute("title", 'add');
                el_attr_add.setAttribute("onClick", "add_attr("+i+", 'type_name')");
				
	var el_attr_table = document.createElement('table');
                el_attr_table.setAttribute("id", 'attributes');
                el_attr_table.setAttribute("border", '0');
				el_attr_table.style.cssText = 'margin-left:0px';
	var el_attr_tr_label = document.createElement('tr');
                el_attr_tr_label.setAttribute("idi", '0');
	var el_attr_td_name_label = document.createElement('th');
            	el_attr_td_name_label.style.cssText = 'width:100px';
	var el_attr_td_value_label = document.createElement('th');
            	el_attr_td_value_label.style.cssText = 'width:100px';
	var el_attr_td_X_label = document.createElement('th');
            	el_attr_td_X_label.style.cssText = 'width:10px';
	var el_attr_name_label = document.createElement('label');
	                el_attr_name_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 11px";
			el_attr_name_label.innerHTML = "Name";
			
	var el_attr_value_label = document.createElement('label');
	                el_attr_value_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 11px";
			el_attr_value_label.innerHTML = "Value";
			
	el_attr_table.appendChild(el_attr_tr_label);
	el_attr_tr_label.appendChild(el_attr_td_name_label);
	el_attr_tr_label.appendChild(el_attr_td_value_label);
	el_attr_tr_label.appendChild(el_attr_td_X_label);
	el_attr_td_name_label.appendChild(el_attr_name_label);
	el_attr_td_value_label.appendChild(el_attr_value_label);
	
	n=w_attr_name.length;
	for(j=1; j<=n; j++)
	{	
		var el_attr_tr = document.createElement('tr');
			el_attr_tr.setAttribute("id", "attr_row_"+j);
			el_attr_tr.setAttribute("idi", j);
		var el_attr_td_name = document.createElement('td');
			el_attr_td_name.style.cssText = 'width:100px';
		var el_attr_td_value = document.createElement('td');
			el_attr_td_value.style.cssText = 'width:100px';
		
		var el_attr_td_X = document.createElement('td');
		var el_attr_name = document.createElement('input');
	
			el_attr_name.setAttribute("type", "text");
	
			el_attr_name.style.cssText = "width:100px";
			el_attr_name.setAttribute("value", w_attr_name[j-1]);
			el_attr_name.setAttribute("id", "attr_name"+j);
			el_attr_name.setAttribute("onChange", "change_attribute_name("+i+", this, 'type_name')");
			
		var el_attr_value = document.createElement('input');
	
			el_attr_value.setAttribute("type", "text");
	
			el_attr_value.style.cssText = "width:100px";
			el_attr_value.setAttribute("value", w_attr_value[j-1]);
			el_attr_value.setAttribute("id", "attr_value"+j);
			el_attr_value.setAttribute("onChange", "change_attribute_value("+i+", "+j+", 'type_name')");
	
		var el_attr_remove = document.createElement('img');
			el_attr_remove.setAttribute("id", "el_choices"+j+"_remove");
			el_attr_remove.setAttribute("src", fmc_plugin_url+'/images/delete.png');
			el_attr_remove.style.cssText = 'cursor:pointer; vertical-align:middle; margin:3px';
			el_attr_remove.setAttribute("align", 'top');
			el_attr_remove.setAttribute("onClick", "remove_attr("+j+", "+i+", 'type_name')");
		el_attr_table.appendChild(el_attr_tr);
		el_attr_tr.appendChild(el_attr_td_name);
		el_attr_tr.appendChild(el_attr_td_value);
		el_attr_tr.appendChild(el_attr_td_X);
		el_attr_td_name.appendChild(el_attr_name);
		el_attr_td_value.appendChild(el_attr_value);
		el_attr_td_X.appendChild(el_attr_remove);
		
	}

		
	var t  = document.getElementById('edit_table');
	
	var br = document.createElement('br');
	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 br6 = document.createElement('br');
	
	edit_main_td1.appendChild(el_label_label);
	edit_main_td1_1.appendChild(el_label_textarea);

	edit_main_td2.appendChild(el_label_position_label);
	edit_main_td2_1.appendChild(el_label_position1);
	edit_main_td2_1.appendChild(Left);
	edit_main_td2_1.appendChild(br2);
	edit_main_td2_1.appendChild(el_label_position2);
	edit_main_td2_1.appendChild(Top);
	
	edit_main_td3.appendChild(el_first_value_label);
	edit_main_td3_1.appendChild(el_first_value_area);
	edit_main_td3_1.appendChild(gic);
	edit_main_td3_1.appendChild(el_first_value_phone);

	edit_main_td7.appendChild(el_size_label);
	edit_main_td7_1.appendChild(el_size);

  edit_main_td4.appendChild(el_style_label);
  edit_main_td4_1.appendChild(el_style_textarea);

	edit_main_td5.appendChild(el_required_label);
	edit_main_td5_1.appendChild(el_required);
	
	edit_main_td8.appendChild(el_unique_label);
	edit_main_td8_1.appendChild(el_unique);
	
	edit_main_td6.appendChild(el_attr_label);
	edit_main_td6.appendChild(el_attr_add);
	edit_main_td6.appendChild(br3);
	edit_main_td6.appendChild(el_attr_table);
	edit_main_td6.setAttribute("colspan", "2");
	
	edit_main_tr1.appendChild(edit_main_td1);
	edit_main_tr1.appendChild(edit_main_td1_1);
	edit_main_tr2.appendChild(edit_main_td2);
	edit_main_tr2.appendChild(edit_main_td2_1);
	edit_main_tr3.appendChild(edit_main_td3);
	edit_main_tr3.appendChild(edit_main_td3_1);
	edit_main_tr4.appendChild(edit_main_td4);
	edit_main_tr4.appendChild(edit_main_td4_1);
	edit_main_tr5.appendChild(edit_main_td5);
	edit_main_tr5.appendChild(edit_main_td5_1);
	edit_main_tr6.appendChild(edit_main_td6);
	edit_main_tr8.appendChild(edit_main_td8);
	edit_main_tr8.appendChild(edit_main_td8_1);
	edit_main_tr7.appendChild(edit_main_td7);
	edit_main_tr7.appendChild(edit_main_td7_1);
	edit_main_table.appendChild(edit_main_tr1);
	edit_main_table.appendChild(edit_main_tr2);
	edit_main_table.appendChild(edit_main_tr3);
	edit_main_table.appendChild(edit_main_tr7);
	edit_main_table.appendChild(edit_main_tr4);
	edit_main_table.appendChild(edit_main_tr5);
	edit_main_table.appendChild(edit_main_tr8);
	edit_main_table.appendChild(edit_main_tr6);
	edit_div.appendChild(edit_main_table);
	
	t.appendChild(edit_div);
	add_id_and_name(i, 'type_name');

//show table

	var adding_type = document.createElement("input");
            adding_type.setAttribute("type", "hidden");
            adding_type.setAttribute("value", "type_phone");
            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_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 div = document.createElement('div');
      	    div.setAttribute("id", "main_div");
					
      	var table = document.createElement('table');
           	table.setAttribute("id", i+"_elemet_tableform_id_temp");
        var div_for_editable_labels = document.createElement('div');
        div_for_editable_labels.setAttribute("style", "margin-left:4px; color:red;");
      	edit_labels = document.createTextNode("The labels of the fields are editable. Please, click the label to edit.");
        div_for_editable_labels.appendChild(edit_labels);

      	var tr = document.createElement('tr');
      	var td1 = document.createElement('td');
         	td1.setAttribute("valign", 'top');
         	td1.setAttribute("align", 'left');
           	td1.setAttribute("id", i+"_label_sectionform_id_temp");
			
      	var td2 = document.createElement('td');
        	td2.setAttribute("valign", 'top');
         	td2.setAttribute("align", 'left');
           	td2.setAttribute("id", i+"_element_sectionform_id_temp");
			
      	var table_name = document.createElement('table');
           	table_name.setAttribute("id", i+"_table_name");
           	table_name.setAttribute("cellpadding", '0');
           	table_name.setAttribute("cellspacing", '0');
			
      	var tr_name1 = document.createElement('tr');
           	tr_name1.setAttribute("id", i+"_tr_name1");
			
      	var tr_name2 = document.createElement('tr');
           	tr_name2.setAttribute("id", i+"_tr_name2");
			
      	var td_name_input1 = document.createElement('td');
           	td_name_input1.setAttribute("id", i+"_td_name_input_first");
			
      	var td_name_input2 = document.createElement('td');
           	td_name_input2.setAttribute("id", i+"_td_name_input_last");
		
      	var td_name_label1 = document.createElement('td');
           	td_name_label1.setAttribute("id", i+"_td_name_label_first");
           	td_name_label1.setAttribute("align", "left");
			
      	var td_name_label2 = document.createElement('td');
           	td_name_label2.setAttribute("id", i+"_td_name_label_last");
           	td_name_label2.setAttribute("align", "left");
			
      	var br1 = document.createElement('br');
      	var br2 = document.createElement('br');
     	var br3 = document.createElement('br');
      	var br4 = 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");
	    
      	var required = document.createElement('span');
			required.setAttribute("id", i+"_required_elementform_id_temp");
			required.innerHTML = "";
			required.setAttribute("class", "required");
	if(w_required=="yes")
			required.innerHTML = " *";	
			
	var first = document.createElement('input');
        first.setAttribute("type", 'text');
		
		if(w_title[0]==w_first_val[0])
			first.setAttribute("class", "input_deactive");
		else
			first.setAttribute("class", "input_active");
		
	    first.style.cssText = "width:50px";
	    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("onFocus", 'delete_value("'+i+'_element_firstform_id_temp")');
		first.setAttribute("onBlur", 'return_value("'+i+'_element_firstform_id_temp")');
	    first.setAttribute("onChange", "change_value('"+i+"_element_firstform_id_temp')");
		first.setAttribute("onKeyPress", "return check_isnum(event)");
		
	var gic = document.createElement('span');
	    gic.setAttribute("class", "wdform_line");
		gic.style.cssText = "margin: 0px 4px 0px 4px; padding: 0px;";
		gic.innerHTML = "-";	

	var first_label = document.createElement('label');
	    first_label.setAttribute("class", "mini_label");
	    first_label.setAttribute("id", i+"_mini_label_area_code");
	    first_label.innerHTML= w_mini_labels[0];
			
	var last = document.createElement('input');
        last.setAttribute("type", 'text');
		
 		if(w_title[1]==w_first_val[1])
			last.setAttribute("class", "input_deactive");
		else
			last.setAttribute("class", "input_active");
			
	    last.style.cssText = "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("onFocus", 'delete_value("'+i+'_element_lastform_id_temp")');
		last.setAttribute("onBlur", 'return_value("'+i+'_element_lastform_id_temp")');
		last.setAttribute("onChange", "change_value('"+i+"_element_lastform_id_temp')");
		last.setAttribute("onKeyPress", "return check_isnum(event)");

	var last_label = document.createElement('label');
		last_label.setAttribute("class", "mini_label");
		last_label.setAttribute("id", i+"_mini_label_phone_number");
		last_label.innerHTML=w_mini_labels[1];
			
      	var main_td  = document.getElementById('show_table');
      
      	td1.appendChild(label);
      	td1.appendChild(required );
		
      	td_name_input1.appendChild(first);
      	td_name_input1.appendChild(gic);
      	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);
		
       	td2.appendChild(adding_type);
       	td2.appendChild(adding_required);
       	td2.appendChild(adding_unique);
    	td2.appendChild(table_name);
      	tr.appendChild(td1);
      	tr.appendChild(td2);
      	table.appendChild(tr);
      
      	div.appendChild(table);
      	div.appendChild(br3);
        div.appendChild(div_for_editable_labels);
      	main_td.appendChild(div);
		
	if (w_field_label_pos == "top") {
    label_top(i);
  }
  change_class(w_class, i);
  refresh_attr(i, 'type_name');
  jQuery(document).ready(function() {
    jQuery("label#"+i+"_mini_label_area_code").click(function() {
    if (jQuery(this).children('input').length == 0) {
      var area_code = "<input type='text' class='area_code' size='10' style='outline:none; border:none; background:none;' value=\""+jQuery(this).text()+"\">";
      jQuery(this).html(area_code);
      jQuery("input.area_code").focus();
      jQuery("input.area_code").blur(function() {
        var value = jQuery(this).val();
        jQuery("#"+i+"_mini_label_area_code").text(value);
        });
      }
    });
    jQuery("label#"+i+"_mini_label_phone_number").click(function() {
      if (jQuery(this).children('input').length == 0) {
        var phone_number = "<input type='text' class='phone_number'  style='outline:none; border:none; background:none;' value=\""+jQuery(this).text()+"\">";
        jQuery(this).html(phone_number);
        jQuery("input.phone_number").focus();
        jQuery("input.phone_number").blur(function() {
          var value = jQuery(this).val();
          jQuery("#"+i+"_mini_label_phone_number").text(value);
        });
      }
    });
  });
}

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

	if(document.getElementById('el_range_'+type+'2').value!='')
	{
		if(document.getElementById('el_range_'+type+'1').value=='')
			s='0';			

		s=s+'.'+document.getElementById('el_range_'+type+'2').value;
	}
	
	document.getElementById(id+'_range_'+type+'form_id_temp').value=s;
}
function explode( delimiter, string ) {	
	var emptyArray = { 0: '' };

	if ( arguments.length != 2
		|| typeof arguments[0] == 'undefined'
		|| typeof arguments[1] == 'undefined' )
	{
		return null;
	}

	if ( delimiter === ''
		|| delimiter === false
		|| delimiter === null )
	{
		return false;
	}

	if ( typeof delimiter == 'function'
		|| typeof delimiter == 'object'
		|| typeof string == 'function'
		|| typeof string == 'object' )
	{
		return emptyArray;
	}

	if ( delimiter === true ) {
		delimiter = '1';
	}

	return string.toString().split ( delimiter.toString() );
}

function type_paypal_price(i, w_field_label, 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) {
	document.getElementById("element_type").value="type_paypal_price";

	delete_last_child();
// edit table	
	var edit_div  = document.createElement('div');
		edit_div.setAttribute("id", "edit_div");
		edit_div.setAttribute("style", "border-top:1px dotted black;padding:10px;  padding-top:0px; padding-bottom:0px; margin-top:10px;");
		
	var edit_main_table  = document.createElement('table');
		edit_main_table.setAttribute("id", "edit_main_table");
		edit_main_table.setAttribute("cellpadding", "0");
		edit_main_table.setAttribute("cellspacing", "0");
		
	var edit_main_tr1  = document.createElement('tr');
      		edit_main_tr1.setAttribute("valing", "top");
		
	var edit_main_tr2  = document.createElement('tr');
      		edit_main_tr2.setAttribute("valing", "top");
		
	var edit_main_tr3  = document.createElement('tr');
      		edit_main_tr3.setAttribute("valing", "top");
		
	var edit_main_tr4  = document.createElement('tr');
      		edit_main_tr4.setAttribute("valing", "top");
		
	var edit_main_tr5  = document.createElement('tr');
      		edit_main_tr5.setAttribute("valing", "top");
			
	var edit_main_tr6  = document.createElement('tr');
      		edit_main_tr6.setAttribute("valing", "top");
		
	var edit_main_tr7  = document.createElement('tr');
      		edit_main_tr7.setAttribute("valing", "top");
		
	var edit_main_tr8  = document.createElement('tr');
      		edit_main_tr8.setAttribute("valing", "top");

	var edit_main_tr9  = document.createElement('tr');
      		edit_main_tr9.setAttribute("valing", "top");

	var edit_main_td1 = document.createElement('td');
		edit_main_td1.style.cssText = "padding-top:10px";	
	var edit_main_td1_1 = document.createElement('td');
		edit_main_td1_1.style.cssText = "padding-top:10px";		
	var edit_main_td2 = document.createElement('td');
		edit_main_td2.style.cssText = "padding-top:10px";
	var edit_main_td2_1 = document.createElement('td');
		edit_main_td2_1.style.cssText = "padding-top:10px";

	var edit_main_td3 = document.createElement('td');
		edit_main_td3.style.cssText = "padding-top:10px";
	var edit_main_td3_1 = document.createElement('td');
		edit_main_td3_1.style.cssText = "padding-top:10px; line-height:20px";
	var edit_main_td4 = document.createElement('td');
		edit_main_td4.style.cssText = "padding-top:10px";
	var edit_main_td4_1 = document.createElement('td');
		edit_main_td4_1.style.cssText = "padding-top:10px";
		
	var edit_main_td5 = document.createElement('td');
		edit_main_td5.style.cssText = "padding-top:10px";
	var edit_main_td5_1 = document.createElement('td');
		edit_main_td5_1.style.cssText = "padding-top:10px";
				
	var edit_main_td6 = document.createElement('td');
		edit_main_td6.style.cssText = "padding-top:10px";
	var edit_main_td6_1 = document.createElement('td');
		edit_main_td6_1.style.cssText = "padding-top:10px";
		  
	var edit_main_td7 = document.createElement('td');
		edit_main_td7.style.cssText = "padding-top:10px";
	var edit_main_td7_1 = document.createElement('td');
		edit_main_td7_1.style.cssText = "padding-top:10px";
		  
	var edit_main_td8 = document.createElement('td');
		edit_main_td8.style.cssText = "padding-top:10px";
	var edit_main_td8_1 = document.createElement('td');
		edit_main_td8_1.style.cssText = "padding-top:10px";
		  
	var edit_main_td9 = document.createElement('td');
		edit_main_td9.style.cssText = "padding-top:10px";
	var edit_main_td9_1 = document.createElement('td');
		edit_main_td9_1.style.cssText = "padding-top:10px";
		  
	var el_label_label = document.createElement('label');
			        el_label_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_label_label.innerHTML = "Field label";
	
	var el_label_textarea = document.createElement('textarea');
                el_label_textarea.setAttribute("id", "edit_for_label");
                el_label_textarea.setAttribute("rows", "4");
                el_label_textarea.style.cssText = "width:200px;";
                el_label_textarea.setAttribute("onKeyUp", "change_label('"+i+"_element_labelform_id_temp', this.value)");
				el_label_textarea.innerHTML = w_field_label;
		
	var el_label_position_label = document.createElement('label');
			        el_label_position_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_label_position_label.innerHTML = "Field label position";
	
	var el_label_position1 = document.createElement('input');
                el_label_position1.setAttribute("id", "edit_for_label_position_top");
                el_label_position1.setAttribute("type", "radio");
                el_label_position1.setAttribute("value", "left");
                

                el_label_position1.setAttribute("name", "edit_for_label_position");
                el_label_position1.setAttribute("onchange", "label_left("+i+")");
		Left = document.createTextNode("Left");
		
	var el_label_position2 = document.createElement('input');
                el_label_position2.setAttribute("id", "edit_for_label_position_left");
                el_label_position2.setAttribute("type", "radio");
                el_label_position2.setAttribute("value", "top");
	

                el_label_position2.setAttribute("name", "edit_for_label_position");
                el_label_position2.setAttribute("onchange", "label_top("+i+")");
		Top = document.createTextNode("Top");
		
	if(w_field_label_pos=="top")
	
				el_label_position2.setAttribute("checked", "checked");
	else

				el_label_position1.setAttribute("checked", "checked");

	w_range_minarray=explode('.', w_range_min);
	w_range_maxarray=explode('.', w_range_max);
				
	var el_range_label = document.createElement('label');
	    el_range_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_range_label.innerHTML = "Range ";
	
	var min = document.createTextNode("Min");
	
	var el_range_min1 = document.createElement('input');
        el_range_min1.setAttribute("id", "el_range_min1");
        el_range_min1.setAttribute("type", "text");
	if(w_range_minarray[0])
        el_range_min1.setAttribute("value", w_range_minarray[0]);
        el_range_min1.style.cssText = "width:60px; margin-right:4px;margin-left:8px";
		el_range_min1.setAttribute("onKeyPress", "return check_isnum(event)");
        el_range_min1.setAttribute("onChange", "change_input_range('min', '"+i+"')");

	var ket_min = document.createTextNode(".");

	var el_range_min2 = document.createElement('input');
        el_range_min2.setAttribute("id", "el_range_min2");
        el_range_min2.setAttribute("type", "text");
	if(w_range_minarray[1])
        el_range_min2.setAttribute("value", w_range_minarray[1]);
        el_range_min2.style.cssText = "width:30px; margin-left:4px";
		el_range_min2.setAttribute("onKeyPress", "return check_isnum(event)");
        el_range_min2.setAttribute("onChange", "change_input_range('min', '"+i+"')");

	var max = document.createTextNode("Max");
	
	var el_range_max1 = document.createElement('input');
        el_range_max1.setAttribute("id", "el_range_max1");
        el_range_max1.setAttribute("type", "text");
	if(w_range_maxarray[0])
        el_range_max1.setAttribute("value", w_range_maxarray[0]);
        el_range_max1.style.cssText = "width:60px; margin-right:4px;margin-left:4px";
		el_range_max1.setAttribute("onKeyPress", "return check_isnum(event)");
        el_range_max1.setAttribute("onChange", "change_input_range('max', '"+i+"')");

	var ket_max = document.createTextNode(".");

	var el_range_max2 = document.createElement('input');
        el_range_max2.setAttribute("id", "el_range_max2");
        el_range_max2.setAttribute("type", "text");
	if(w_range_maxarray[1])
        el_range_max2.setAttribute("value", w_range_maxarray[1]);
        el_range_max2.style.cssText = "width:30px; margin-left:4px";
		el_range_max2.setAttribute("onKeyPress", "return check_isnum(event)");
        el_range_max2.setAttribute("onChange", "change_input_range('max', '"+i+"')");


	var gic = document.createTextNode("-");

	var el_first_value_label = document.createElement('label');
	    el_first_value_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_first_value_label.innerHTML = "Value if empty ";
	
	var el_first_value_first = document.createElement('input');
                el_first_value_first.setAttribute("id", "el_first_value_first");
                el_first_value_first.setAttribute("type", "text");
                el_first_value_first.setAttribute("value", w_title[0]);
                el_first_value_first.style.cssText = "width:80px; margin-right:4px";
                el_first_value_first.setAttribute("onKeyUp", "change_input_value(this.value,'"+i+"_element_dollarsform_id_temp')");

	var el_first_value_last = document.createElement('input');
                el_first_value_last.setAttribute("id", "el_first_value_last");
                el_first_value_last.setAttribute("type", "text");
                el_first_value_last.setAttribute("value", w_title[1]);
                el_first_value_last.style.cssText = "width:80px; margin-left:4px; margin-right:4px";
                el_first_value_last.setAttribute("onKeyUp", "change_input_value(this.value,'"+i+"_element_centsform_id_temp')");

	var el_size_label = document.createElement('label');
	        el_size_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_size_label.innerHTML = "Field size(px) ";
	var el_size = document.createElement('input');
			el_size.setAttribute("id", "edit_for_input_size");
			el_size.setAttribute("type", "text");
			el_size.setAttribute("value", w_size);
			el_size.setAttribute("name", "edit_for_size");
			el_size.setAttribute("onKeyPress", "return check_isnum(event)");
            el_size.setAttribute("onKeyUp", "change_w_style('"+i+"_element_dollarsform_id_temp', this.value);");

	var el_required_label = document.createElement('label');
	        el_required_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_required_label.innerHTML = "Required";
	
	var el_required = document.createElement('input');
                el_required.setAttribute("id", "el_send");
                el_required.setAttribute("type", "checkbox");
                el_required.setAttribute("value", "yes");
                el_required.setAttribute("onclick", "set_required('"+i+"_required')");
	if(w_required=="yes")
                el_required.setAttribute("checked", "checked");	

				
	var el_hide_cents_label = document.createElement('label');
	    el_hide_cents_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_hide_cents_label.innerHTML = "Hide Cents";
	
	var el_hide_cents = document.createElement('input');
                el_hide_cents.setAttribute("id", "el_send");
                el_hide_cents.setAttribute("type", "checkbox");
                el_hide_cents.setAttribute("value", "yes");
                el_hide_cents.setAttribute("onclick", "hide_show_cents(this.checked, "+i+")");
	if(w_hide_cents=="yes")
                el_hide_cents.setAttribute("checked", "checked");	

				
	var el_style_label = document.createElement('label');
	        el_style_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_style_label.innerHTML = "Class name";
	
	var el_style_textarea = document.createElement('input');
                el_style_textarea.setAttribute("id", "element_style");
				el_style_textarea.setAttribute("type", "text");
				el_style_textarea.setAttribute("value", w_class);
                el_style_textarea.style.cssText = "width:200px;";
                el_style_textarea.setAttribute("onChange", "change_class(this.value,'"+i+"')");

	var el_attr_label = document.createElement('label');
	                el_attr_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_attr_label.innerHTML = "Additional Attributes";
	var el_attr_add = document.createElement('img');
                el_attr_add.setAttribute("id", "el_choices_add");
           	el_attr_add.setAttribute("src", fmc_plugin_url+'/images/add.png');
            	el_attr_add.style.cssText = 'cursor:pointer; margin-left:68px';
            	el_attr_add.setAttribute("title", 'add');
                el_attr_add.setAttribute("onClick", "add_attr("+i+", 'type_paypal_price')");
	var el_attr_table = document.createElement('table');
                el_attr_table.setAttribute("id", 'attributes');
                el_attr_table.setAttribute("border", '0');
        	el_attr_table.style.cssText = 'margin-left:0px';
	var el_attr_tr_label = document.createElement('tr');
                el_attr_tr_label.setAttribute("idi", '0');
	var el_attr_td_name_label = document.createElement('th');
            	el_attr_td_name_label.style.cssText = 'width:100px';
	var el_attr_td_value_label = document.createElement('th');
            	el_attr_td_value_label.style.cssText = 'width:100px';
	var el_attr_td_X_label = document.createElement('th');
            	el_attr_td_X_label.style.cssText = 'width:10px';
	var el_attr_name_label = document.createElement('label');
	                el_attr_name_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 11px";
			el_attr_name_label.innerHTML = "Name";
			
	var el_attr_value_label = document.createElement('label');
	                el_attr_value_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 11px";
			el_attr_value_label.innerHTML = "Value";
			
	el_attr_table.appendChild(el_attr_tr_label);
	el_attr_tr_label.appendChild(el_attr_td_name_label);
	el_attr_tr_label.appendChild(el_attr_td_value_label);
	el_attr_tr_label.appendChild(el_attr_td_X_label);
	el_attr_td_name_label.appendChild(el_attr_name_label);
	el_attr_td_value_label.appendChild(el_attr_value_label);
	
	n=w_attr_name.length;
	for(j=1; j<=n; j++)
	{	
		var el_attr_tr = document.createElement('tr');
			el_attr_tr.setAttribute("id", "attr_row_"+j);
			el_attr_tr.setAttribute("idi", j);
		var el_attr_td_name = document.createElement('td');
			el_attr_td_name.style.cssText = 'width:100px';
		var el_attr_td_value = document.createElement('td');
			el_attr_td_value.style.cssText = 'width:100px';
		
		var el_attr_td_X = document.createElement('td');
		var el_attr_name = document.createElement('input');
	
			el_attr_name.setAttribute("type", "text");
	
			el_attr_name.style.cssText = "width:100px";
			el_attr_name.setAttribute("value", w_attr_name[j-1]);
			el_attr_name.setAttribute("id", "attr_name"+j);
			el_attr_name.setAttribute("onChange", "change_attribute_name("+i+", this, 'type_paypal_price')");
			
		var el_attr_value = document.createElement('input');
	
			el_attr_value.setAttribute("type", "text");
	
			el_attr_value.style.cssText = "width:100px";
			el_attr_value.setAttribute("value", w_attr_value[j-1]);
			el_attr_value.setAttribute("id", "attr_value"+j);
			el_attr_value.setAttribute("onChange", "change_attribute_value("+i+", "+j+", 'type_paypal_price')");
	
		var el_attr_remove = document.createElement('img');
			el_attr_remove.setAttribute("id", "el_choices"+j+"_remove");
			el_attr_remove.setAttribute("src", fmc_plugin_url+'/images/delete.png');
			el_attr_remove.style.cssText = 'cursor:pointer; vertical-align:middle; margin:3px';
			el_attr_remove.setAttribute("align", 'top');
			el_attr_remove.setAttribute("onClick", "remove_attr("+j+", "+i+", 'type_paypal_price')");
		el_attr_table.appendChild(el_attr_tr);
		el_attr_tr.appendChild(el_attr_td_name);
		el_attr_tr.appendChild(el_attr_td_value);
		el_attr_tr.appendChild(el_attr_td_X);
		el_attr_td_name.appendChild(el_attr_name);
		el_attr_td_value.appendChild(el_attr_value);
		el_attr_td_X.appendChild(el_attr_remove);
		
	}

		
	var t  = document.getElementById('edit_table');
	
	var br = document.createElement('br');
	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 br6 = document.createElement('br');
	
	edit_main_td1.appendChild(el_label_label);
	edit_main_td1_1.appendChild(el_label_textarea);

	edit_main_td2.appendChild(el_label_position_label);
	edit_main_td2_1.appendChild(el_label_position1);
	edit_main_td2_1.appendChild(Left);
	edit_main_td2_1.appendChild(br2);
	edit_main_td2_1.appendChild(el_label_position2);
	edit_main_td2_1.appendChild(Top);
	
	edit_main_td3.appendChild(el_range_label);
	edit_main_td3_1.appendChild(min);
	edit_main_td3_1.appendChild(el_range_min1);
	edit_main_td3_1.appendChild(ket_min);
	edit_main_td3_1.appendChild(el_range_min2);
	edit_main_td3_1.appendChild(br);
	edit_main_td3_1.appendChild(max);
	edit_main_td3_1.appendChild(el_range_max1);
	edit_main_td3_1.appendChild(ket_max);
	edit_main_td3_1.appendChild(el_range_max2);

	edit_main_td9.appendChild(el_first_value_label);
	edit_main_td9_1.appendChild(el_first_value_first);
	edit_main_td9_1.appendChild(gic);
	edit_main_td9_1.appendChild(el_first_value_last);
	
	
	
	edit_main_td7.appendChild(el_size_label);
	edit_main_td7_1.appendChild(el_size);
	
	
	edit_main_td4.appendChild(el_style_label);
	edit_main_td4_1.appendChild(el_style_textarea);
	
	edit_main_td5.appendChild(el_required_label);
	edit_main_td5_1.appendChild(el_required);
	
	edit_main_td8.appendChild(el_hide_cents_label);
	edit_main_td8_1.appendChild(el_hide_cents);
	
	
	edit_main_td6.appendChild(el_attr_label);
	edit_main_td6.appendChild(el_attr_add);
	edit_main_td6.appendChild(br3);
	edit_main_td6.appendChild(el_attr_table);
	edit_main_td6.setAttribute("colspan", "2");
	
	edit_main_tr1.appendChild(edit_main_td1);
	edit_main_tr1.appendChild(edit_main_td1_1);
	edit_main_tr2.appendChild(edit_main_td2);
	edit_main_tr2.appendChild(edit_main_td2_1);
	edit_main_tr3.appendChild(edit_main_td3);
	edit_main_tr3.appendChild(edit_main_td3_1);
	edit_main_tr7.appendChild(edit_main_td7);
	edit_main_tr7.appendChild(edit_main_td7_1);
	edit_main_tr4.appendChild(edit_main_td4);
	edit_main_tr4.appendChild(edit_main_td4_1);
	edit_main_tr5.appendChild(edit_main_td5);
	edit_main_tr5.appendChild(edit_main_td5_1);
	edit_main_tr6.appendChild(edit_main_td6);
	edit_main_tr6.appendChild(edit_main_td6_1);
	edit_main_tr8.appendChild(edit_main_td8);
	edit_main_tr8.appendChild(edit_main_td8_1);
	edit_main_tr9.appendChild(edit_main_td9);
	edit_main_tr9.appendChild(edit_main_td9_1);
	edit_main_table.appendChild(edit_main_tr1);
	edit_main_table.appendChild(edit_main_tr2);
	edit_main_table.appendChild(edit_main_tr3);
	edit_main_table.appendChild(edit_main_tr9);
	edit_main_table.appendChild(edit_main_tr7);
	edit_main_table.appendChild(edit_main_tr4);
	edit_main_table.appendChild(edit_main_tr5);
	edit_main_table.appendChild(edit_main_tr8);
	edit_main_table.appendChild(edit_main_tr6);
	edit_div.appendChild(edit_main_table);
	
	t.appendChild(edit_div);
	add_id_and_name(i, 'type_name');
	
//show table

	var adding_type = document.createElement("input");
            adding_type.setAttribute("type", "hidden");
            adding_type.setAttribute("value", "type_paypal_price");
            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_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 table = document.createElement('table');
           	table.setAttribute("id", i+"_elemet_tableform_id_temp");
        var div_for_editable_labels = document.createElement('div');
        div_for_editable_labels.setAttribute("style", "margin-left:4px; color:red;");
      	edit_labels = document.createTextNode("The labels of the fields are editable. Please, click the label to edit.");
        div_for_editable_labels.appendChild(edit_labels);
			
      	var tr = document.createElement('tr');
			
      	var td1 = document.createElement('td');
         	td1.setAttribute("valign", 'top');
         	td1.setAttribute("align", 'left');
           	td1.setAttribute("id", i+"_label_sectionform_id_temp");
			
      	var td2 = document.createElement('td');
        	td2.setAttribute("valign", 'top');
         	td2.setAttribute("align", 'left');
           	td2.setAttribute("id", i+"_element_sectionform_id_temp");
			
      	var table_price = document.createElement('table');
           	table_price.setAttribute("id", i+"_table_price");
           	table_price.setAttribute("cellpadding", '0');
           	table_price.setAttribute("cellspacing", '0');
			
      	var tr_price1 = document.createElement('tr');
           	tr_price1.setAttribute("id", i+"_tr_price1");
			
      	var tr_price2 = document.createElement('tr');
           	tr_price2.setAttribute("id", i+"_tr_price2");
			
      	var td_name_currency = document.createElement('td');
           	td_name_currency.setAttribute("id", i+"_td_name_currency");
			
      	var td_name_dollars = document.createElement('td');
           	td_name_dollars.setAttribute("id", i+"_td_name_dollars");
			
       	var td_name_ket = document.createElement('td');
           	td_name_ket.setAttribute("id", i+"_td_name_divider");
		
     	var td_name_cents = document.createElement('td');
           	td_name_cents.setAttribute("id", i+"_td_name_cents");
			
      	var td_name_label_currency = document.createElement('td');
			
      	var td_name_label_dollars = document.createElement('td');
           	td_name_label_dollars.setAttribute("align", "left");
			
      	var td_name_label_ket = document.createElement('td');
           	td_name_label_ket.setAttribute("id", i+"_td_name_label_divider");
			
      	var td_name_label_cents = document.createElement('td');
	        td_name_label_cents.setAttribute("align", "left");
           	td_name_label_cents.setAttribute("id", i+"_td_name_label_cents");
		
      	var br1 = document.createElement('br');
      	var br2 = document.createElement('br');
     	var br3 = document.createElement('br');
      	var br4 = 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");
	    
    var required = document.createElement('span');
		required.setAttribute("id", i+"_required_elementform_id_temp");
		required.innerHTML = "";
		required.setAttribute("class", "required");
		
	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="<!--repstart-->&nbsp;$&nbsp;<!--repend-->";

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

	var dollars = document.createElement('input');
        dollars.setAttribute("type", 'text');
		if(w_title[0]==w_first_val[0])
			dollars.setAttribute("class", "input_deactive");
		else
			dollars.setAttribute("class", "input_active");
		
	    dollars.style.cssText = "width:"+w_size+"px";
	    dollars.setAttribute("id", i+"_element_dollarsform_id_temp");
	    dollars.setAttribute("name", i+"_element_dollarsform_id_temp");
		dollars.setAttribute("value", w_first_val[0]);
		dollars.setAttribute("title", w_title[0]);
		dollars.setAttribute("onFocus", 'delete_value("'+i+'_element_dollarsform_id_temp")');
		dollars.setAttribute("onBlur", 'return_value("'+i+'_element_dollarsform_id_temp")');
	    dollars.setAttribute("onChange", "change_value('"+i+"_element_dollarsform_id_temp')");
		dollars.setAttribute("onKeyPress", "return check_isnum(event)");
    dollars.setAttribute("onKeyUp", "change_value_for_total('"+i+"','form_id_temp')");
			
	var dollars_label = document.createElement('label');
	    dollars_label.setAttribute("class", "mini_label");
	    dollars_label.setAttribute("id", i+"_mini_label_dollars");
      dollars_label.innerHTML = w_mini_labels[0];
		
	
	var ket = document.createElement('span');
        ket.setAttribute("class", 'wdform_colon');
		ket.style.cssText = "font-style:bold; vertical-align:middle";
		ket.innerHTML="&nbsp;.&nbsp;";

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

	var cents = document.createElement('input');
        cents.setAttribute("type", 'text');
		
		if(w_title[1]==w_first_val[1])
			cents.setAttribute("class", "input_deactive");
		else
			cents.setAttribute("class", "input_active");
			
		cents.style.cssText = "width:30px";
		cents.setAttribute("id", i+"_element_centsform_id_temp");
	   	cents.setAttribute("name", i+"_element_centsform_id_temp");
		cents.setAttribute("value", w_first_val[1]);
		cents.setAttribute("title", w_title[1]);
		cents.setAttribute("onFocus", 'delete_value("'+i+'_element_centsform_id_temp")');
		cents.setAttribute("onBlur", 'return_value("'+i+'_element_centsform_id_temp"); add_0("'+i+'_element_centsform_id_temp")');
		cents.setAttribute("onChange", "change_value('"+i+"_element_centsform_id_temp')");
		cents.setAttribute("onKeyPress", "return check_isnum_interval(event,'"+i+"_element_centsform_id_temp',0,99)");
    cents.setAttribute("onKeyUp", "change_value_for_total('"+i+"','form_id_temp')");

    var cents_label = document.createElement('label');
		cents_label.setAttribute("class", "mini_label");
		cents_label.setAttribute("id", i + "_mini_label_cents");
		cents_label.innerHTML = w_mini_labels[1];
			
    var main_td  = document.getElementById('show_table');
      
      	td1.appendChild(label);
      	td1.appendChild(required );
		
      	td_name_currency.appendChild(currency);
      	td_name_dollars.appendChild(dollars);
      	td_name_ket.appendChild(ket);
      	td_name_cents.appendChild(cents);
		
      	tr_price1.appendChild(td_name_currency);
      	tr_price1.appendChild(td_name_dollars);
      	tr_price1.appendChild(td_name_ket);
      	tr_price1.appendChild(td_name_cents);
		
      	td_name_label_currency.appendChild(currency_label);
      	td_name_label_dollars.appendChild(dollars_label);
      	td_name_label_ket.appendChild(ket_label);
      	td_name_label_cents.appendChild(cents_label);
		
      	tr_price2.appendChild(td_name_label_currency);
      	tr_price2.appendChild(td_name_label_dollars);
      	tr_price2.appendChild(td_name_label_ket);
      	tr_price2.appendChild(td_name_label_cents);

      	table_price.appendChild(tr_price1);
      	table_price.appendChild(tr_price2);
		
       	td2.appendChild(adding_type);
       	td2.appendChild(adding_required);
       	td2.appendChild(adding_range_min);
       	td2.appendChild(adding_range_max);
    	td2.appendChild(table_price);
      	tr.appendChild(td1);
      	tr.appendChild(td2);
      	table.appendChild(tr);
      
      	div.appendChild(table);
      	div.appendChild(br3);
        div.appendChild(div_for_editable_labels);
      	main_td.appendChild(div);
		
	if(w_field_label_pos=="top")
				label_top(i);
				
	if(w_hide_cents=="yes")				
		hide_show_cents(true, i)
  jQuery(document).ready(function() {
    jQuery("label#"+i+"_mini_label_dollars").click(function() {
      if (jQuery(this).children('input').length == 0) {
        var dollars = "<input type='text' class='dollars' style='outline:none; border:none; background:none;' value=\""+jQuery(this).text()+"\">";
          jQuery(this).html(dollars);
          jQuery(dollars).focus();	
          jQuery("input.dollars").blur(function() {
            var value = jQuery(this).val();
            jQuery("#"+i+"_mini_label_dollars").text(value);
          });
      }
    });
    jQuery("label#"+i+"_mini_label_cents").click(function() {
      if (jQuery(this).children('input').length == 0) {
        var cents = "<input type='text' class='cents'  style='outline:none; border:none; background:none;' value=\""+jQuery(this).text()+"\">";
        jQuery(this).html(cents);
        jQuery("input.cents").focus();
        jQuery("input.cents").blur(function() {
          var value = jQuery(this).val();
          jQuery("#"+i+"_mini_label_cents").text(value);
        });
      }
    });
	});
  change_class(w_class, i);
  refresh_attr(i, 'type_paypal_price');
}

function hide_show_cents(hide, id) {
  td_divider = document.getElementById(id+"_td_name_divider");
  td_cents = document.getElementById(id+"_td_name_cents");
  td_divider_label = document.getElementById(id+"_td_name_label_divider");
  td_cents_label = document.getElementById(id+"_td_name_label_cents");
  change_input_value('', id + '_element_centsform_id_temp');
  document.getElementById("el_first_value_last").value = "";
  document.getElementById(id+'_element_centsform_id_temp').value = "";
  if (hide) {
    td_divider.style.display = "none";
    td_cents.style.display = "none";
    td_divider_label.style.display = "none";
    td_cents_label.style.display = "none";
  }
  else {
    td_divider.style.display = "";
    td_cents.style.display = "";
    td_divider_label.style.display = "";
    td_cents_label.style.display = "";
  }
}

function type_name(i, w_field_label, w_field_label_pos, 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) {
	document.getElementById("element_type").value="type_name";

	delete_last_child();
// edit table	
	var edit_div  = document.createElement('div');
		edit_div.setAttribute("id", "edit_div");
		edit_div.setAttribute("style", "border-top:1px dotted black;padding:10px;  padding-top:0px; padding-bottom:0px; margin-top:10px;");
		
	var edit_main_table  = document.createElement('table');
		edit_main_table.setAttribute("id", "edit_main_table");
		edit_main_table.setAttribute("cellpadding", "0");
		edit_main_table.setAttribute("cellspacing", "0");
		
	var edit_main_tr1  = document.createElement('tr');
      		edit_main_tr1.setAttribute("valing", "top");
		
	var edit_main_tr2  = document.createElement('tr');
      		edit_main_tr2.setAttribute("valing", "top");
		
	var edit_main_tr3  = document.createElement('tr');
      		edit_main_tr3.setAttribute("valing", "top");
		
	var edit_main_tr4  = document.createElement('tr');
      		edit_main_tr4.setAttribute("valing", "top");
		
	var edit_main_tr5  = document.createElement('tr');
      		edit_main_tr5.setAttribute("valing", "top");
			
	var edit_main_tr6  = document.createElement('tr');
      		edit_main_tr6.setAttribute("valing", "top");
		
	var edit_main_tr7  = document.createElement('tr');
      		edit_main_tr7.setAttribute("valing", "top");
		
	var edit_main_tr8  = document.createElement('tr');
      		edit_main_tr8.setAttribute("valing", "top");

	var edit_main_tr9  = document.createElement('tr');
      		edit_main_tr9.setAttribute("valing", "top");

	var edit_main_td1 = document.createElement('td');
		edit_main_td1.style.cssText = "padding-top:10px";	
	var edit_main_td1_1 = document.createElement('td');
		edit_main_td1_1.style.cssText = "padding-top:10px";		
	var edit_main_td2 = document.createElement('td');
		edit_main_td2.style.cssText = "padding-top:10px";
	var edit_main_td2_1 = document.createElement('td');
		edit_main_td2_1.style.cssText = "padding-top:10px";

	var edit_main_td3 = document.createElement('td');
		edit_main_td3.style.cssText = "padding-top:10px";
	var edit_main_td3_1 = document.createElement('td');
		edit_main_td3_1.style.cssText = "padding-top:10px";
	var edit_main_td4 = document.createElement('td');
		edit_main_td4.style.cssText = "padding-top:10px";
	var edit_main_td4_1 = document.createElement('td');
		edit_main_td4_1.style.cssText = "padding-top:10px";
		
	var edit_main_td5 = document.createElement('td');
		edit_main_td5.style.cssText = "padding-top:10px";
	var edit_main_td5_1 = document.createElement('td');
		edit_main_td5_1.style.cssText = "padding-top:10px";
				
	var edit_main_td6 = document.createElement('td');
		edit_main_td6.style.cssText = "padding-top:10px";
	var edit_main_td6_1 = document.createElement('td');
		edit_main_td6_1.style.cssText = "padding-top:10px";
		  
	var edit_main_td7 = document.createElement('td');
		edit_main_td7.style.cssText = "padding-top:10px";
	var edit_main_td7_1 = document.createElement('td');
		edit_main_td7_1.style.cssText = "padding-top:10px";
		  
	var edit_main_td8 = document.createElement('td');
		edit_main_td8.style.cssText = "padding-top:10px";
	var edit_main_td8_1 = document.createElement('td');
		edit_main_td8_1.style.cssText = "padding-top:10px";
		  
	var edit_main_td9 = document.createElement('td');
		edit_main_td9.style.cssText = "padding-top:10px";
	var edit_main_td9_1 = document.createElement('td');
		edit_main_td9_1.style.cssText = "padding-top:10px";
		  
	var el_label_label = document.createElement('label');
			        el_label_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_label_label.innerHTML = "Field label";
	
	var el_label_textarea = document.createElement('textarea');
                el_label_textarea.setAttribute("id", "edit_for_label");
                el_label_textarea.setAttribute("rows", "4");
                el_label_textarea.style.cssText = "width:200px;";
                el_label_textarea.setAttribute("onKeyUp", "change_label('"+i+"_element_labelform_id_temp', this.value)");
				el_label_textarea.innerHTML = w_field_label;
		
	var el_label_position_label = document.createElement('label');
			        el_label_position_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_label_position_label.innerHTML = "Field label position";
	
	var el_label_position1 = document.createElement('input');
                el_label_position1.setAttribute("id", "edit_for_label_position_top");
                el_label_position1.setAttribute("type", "radio");
                el_label_position1.setAttribute("value", "left");
                

                el_label_position1.setAttribute("name", "edit_for_label_position");
                el_label_position1.setAttribute("onchange", "label_left("+i+")");
		Left = document.createTextNode("Left");
		
	var el_label_position2 = document.createElement('input');
                el_label_position2.setAttribute("id", "edit_for_label_position_left");
                el_label_position2.setAttribute("type", "radio");
                el_label_position2.setAttribute("value", "top");
	

                el_label_position2.setAttribute("name", "edit_for_label_position");
                el_label_position2.setAttribute("onchange", "label_top("+i+")");
		Top = document.createTextNode("Top");
		
	if(w_field_label_pos=="top")
	
				el_label_position2.setAttribute("checked", "checked");
	else

				el_label_position1.setAttribute("checked", "checked");

	var gic = document.createTextNode("-");

	var el_first_value_label = document.createElement('label');
	    el_first_value_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_first_value_label.innerHTML = "Value if empty ";
	
	var el_first_value_first = document.createElement('input');
                el_first_value_first.setAttribute("id", "el_first_value_first");
                el_first_value_first.setAttribute("type", "text");
                el_first_value_first.setAttribute("value", w_title[0]);
                el_first_value_first.style.cssText = "width:80px; margin-left:4px; margin-right:4px";
                el_first_value_first.setAttribute("onKeyUp", "change_input_value(this.value,'"+i+"_element_firstform_id_temp')");

	var el_first_value_last = document.createElement('input');
                el_first_value_last.setAttribute("id", "el_first_value_last");
                el_first_value_last.setAttribute("type", "text");
                el_first_value_last.setAttribute("value", w_title[1]);
                el_first_value_last.style.cssText = "width:80px; margin-left:4px; margin-right:4px";
                el_first_value_last.setAttribute("onKeyUp", "change_input_value(this.value,'"+i+"_element_lastform_id_temp')");

	var el_size_label = document.createElement('label');
	        el_size_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_size_label.innerHTML = "Field size(px) ";
	var el_size = document.createElement('input');
			el_size.setAttribute("id", "edit_for_input_size");
			el_size.setAttribute("type", "text");
			el_size.setAttribute("value", w_size);
			
			el_size.setAttribute("name", "edit_for_size");
			el_size.setAttribute("onKeyPress", "return check_isnum(event)");
            el_size.setAttribute("onKeyUp", "change_w_style('"+i+"_element_firstform_id_temp', this.value); change_w_style('"+i+"_element_lastform_id_temp', this.value); change_w_style('"+i+"_element_middleform_id_temp', this.value)");


	var el_format_label = document.createElement('label');
	        el_format_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_format_label.innerHTML = "Name Format";
	
	var el_format_normal = document.createElement('input');
                el_format_normal.setAttribute("id", "el_format_normal");
                el_format_normal.setAttribute("type", "radio");
                el_format_normal.setAttribute("value", "normal");
		el_format_normal.setAttribute("name", "edit_for_name_format");
                el_format_normal.setAttribute("onchange", "format_normal("+i+")");
		el_format_normal.setAttribute("checked", "checked");
		Normal = document.createTextNode("Normal");
		
	var el_format_extended = document.createElement('input');
                el_format_extended.setAttribute("id", "el_format_extended");
                el_format_extended.setAttribute("type", "radio");
                el_format_extended.setAttribute("value", "extended");
		el_format_extended.setAttribute("name", "edit_for_name_format");
                el_format_extended.setAttribute("onchange", "format_extended("+i+")");
		Extended = document.createTextNode("Extended");
		
	if(w_name_format=="normal")
	
				el_format_normal.setAttribute("checked", "checked");
	else
				el_format_extended.setAttribute("checked", "checked");

	var el_required_label = document.createElement('label');
	        el_required_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_required_label.innerHTML = "Required";
	
	var el_required = document.createElement('input');
                el_required.setAttribute("id", "el_send");
                el_required.setAttribute("type", "checkbox");
                el_required.setAttribute("value", "yes");
                el_required.setAttribute("onclick", "set_required('"+i+"_required')");
	if(w_required=="yes")
                el_required.setAttribute("checked", "checked");	

	var el_unique_label = document.createElement('label');
	    el_unique_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_unique_label.innerHTML = "Allow only unique values";
	
	var el_unique = document.createElement('input');
                el_unique.setAttribute("id", "el_send");
                el_unique.setAttribute("type", "checkbox");
                el_unique.setAttribute("value", "yes");
                el_unique.setAttribute("onclick", "set_unique('"+i+"_uniqueform_id_temp')");
	if(w_unique=="yes")
                el_unique.setAttribute("checked", "checked");
				
	var el_style_label = document.createElement('label');
	        el_style_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_style_label.innerHTML = "Class name";
	
	var el_style_textarea = document.createElement('input');
                el_style_textarea.setAttribute("id", "element_style");
				el_style_textarea.setAttribute("type", "text");
				el_style_textarea.setAttribute("value", w_class);
                el_style_textarea.style.cssText = "width:200px;";
                el_style_textarea.setAttribute("onChange", "change_class(this.value,'"+i+"')");

	var el_attr_label = document.createElement('label');
	                el_attr_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_attr_label.innerHTML = "Additional Attributes";
	var el_attr_add = document.createElement('img');
                el_attr_add.setAttribute("id", "el_choices_add");
           	el_attr_add.setAttribute("src", fmc_plugin_url+'/images/add.png');
            	el_attr_add.style.cssText = 'cursor:pointer; margin-left:68px';
            	el_attr_add.setAttribute("title", 'add');
                el_attr_add.setAttribute("onClick", "add_attr("+i+", 'type_name')");
	var el_attr_table = document.createElement('table');
                el_attr_table.setAttribute("id", 'attributes');
                el_attr_table.setAttribute("border", '0');
        	el_attr_table.style.cssText = 'margin-left:0px';
	var el_attr_tr_label = document.createElement('tr');
                el_attr_tr_label.setAttribute("idi", '0');
	var el_attr_td_name_label = document.createElement('th');
            	el_attr_td_name_label.style.cssText = 'width:100px';
	var el_attr_td_value_label = document.createElement('th');
            	el_attr_td_value_label.style.cssText = 'width:100px';
	var el_attr_td_X_label = document.createElement('th');
            	el_attr_td_X_label.style.cssText = 'width:10px';
	var el_attr_name_label = document.createElement('label');
	                el_attr_name_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 11px";
			el_attr_name_label.innerHTML = "Name";
			
	var el_attr_value_label = document.createElement('label');
	                el_attr_value_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 11px";
			el_attr_value_label.innerHTML = "Value";
			
	el_attr_table.appendChild(el_attr_tr_label);
	el_attr_tr_label.appendChild(el_attr_td_name_label);
	el_attr_tr_label.appendChild(el_attr_td_value_label);
	el_attr_tr_label.appendChild(el_attr_td_X_label);
	el_attr_td_name_label.appendChild(el_attr_name_label);
	el_attr_td_value_label.appendChild(el_attr_value_label);
	
	n=w_attr_name.length;
	for(j=1; j<=n; j++)
	{	
		var el_attr_tr = document.createElement('tr');
			el_attr_tr.setAttribute("id", "attr_row_"+j);
			el_attr_tr.setAttribute("idi", j);
		var el_attr_td_name = document.createElement('td');
			el_attr_td_name.style.cssText = 'width:100px';
		var el_attr_td_value = document.createElement('td');
			el_attr_td_value.style.cssText = 'width:100px';
		
		var el_attr_td_X = document.createElement('td');
		var el_attr_name = document.createElement('input');
	
			el_attr_name.setAttribute("type", "text");
	
			el_attr_name.style.cssText = "width:100px";
			el_attr_name.setAttribute("value", w_attr_name[j-1]);
			el_attr_name.setAttribute("id", "attr_name"+j);
			el_attr_name.setAttribute("onChange", "change_attribute_name("+i+", this, 'type_name')");
			
		var el_attr_value = document.createElement('input');
	
			el_attr_value.setAttribute("type", "text");
	
			el_attr_value.style.cssText = "width:100px";
			el_attr_value.setAttribute("value", w_attr_value[j-1]);
			el_attr_value.setAttribute("id", "attr_value"+j);
			el_attr_value.setAttribute("onChange", "change_attribute_value("+i+", "+j+", 'type_name')");
	
		var el_attr_remove = document.createElement('img');
			el_attr_remove.setAttribute("id", "el_choices"+j+"_remove");
			el_attr_remove.setAttribute("src", fmc_plugin_url+'/images/delete.png');
			el_attr_remove.style.cssText = 'cursor:pointer; vertical-align:middle; margin:3px';
			el_attr_remove.setAttribute("align", 'top');
			el_attr_remove.setAttribute("onClick", "remove_attr("+j+", "+i+", 'type_name')");
		el_attr_table.appendChild(el_attr_tr);
		el_attr_tr.appendChild(el_attr_td_name);
		el_attr_tr.appendChild(el_attr_td_value);
		el_attr_tr.appendChild(el_attr_td_X);
		el_attr_td_name.appendChild(el_attr_name);
		el_attr_td_value.appendChild(el_attr_value);
		el_attr_td_X.appendChild(el_attr_remove);
		
	}

		
	var t  = document.getElementById('edit_table');
	
	var br = document.createElement('br');
	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 br6 = document.createElement('br');
	
	edit_main_td1.appendChild(el_label_label);
	edit_main_td1_1.appendChild(el_label_textarea);

	edit_main_td2.appendChild(el_label_position_label);
	edit_main_td2_1.appendChild(el_label_position1);
	edit_main_td2_1.appendChild(Left);
	edit_main_td2_1.appendChild(br2);
	edit_main_td2_1.appendChild(el_label_position2);
	edit_main_td2_1.appendChild(Top);
	
	edit_main_td9.appendChild(el_first_value_label);
	edit_main_td9_1.appendChild(el_first_value_first);
	edit_main_td9_1.appendChild(gic);
	edit_main_td9_1.appendChild(el_first_value_last);
	
	
	
	edit_main_td7.appendChild(el_size_label);
	edit_main_td7_1.appendChild(el_size);
	
	edit_main_td3.appendChild(el_format_label);

	edit_main_td3_1.appendChild(el_format_normal);
	edit_main_td3_1.appendChild(Normal);
	edit_main_td3_1.appendChild(br6);
	edit_main_td3_1.appendChild(el_format_extended);
	edit_main_td3_1.appendChild(Extended);
	
	edit_main_td4.appendChild(el_style_label);
	edit_main_td4_1.appendChild(el_style_textarea);
	
	edit_main_td5.appendChild(el_required_label);
	edit_main_td5_1.appendChild(el_required);
	
	edit_main_td8.appendChild(el_unique_label);
	edit_main_td8_1.appendChild(el_unique);
	
	edit_main_td6.appendChild(el_attr_label);
	edit_main_td6.appendChild(el_attr_add);
	edit_main_td6.appendChild(br3);
	edit_main_td6.appendChild(el_attr_table);
	edit_main_td6.setAttribute("colspan", "2");
	
	edit_main_tr1.appendChild(edit_main_td1);
	edit_main_tr1.appendChild(edit_main_td1_1);
	edit_main_tr2.appendChild(edit_main_td2);
	edit_main_tr2.appendChild(edit_main_td2_1);
	edit_main_tr7.appendChild(edit_main_td7);
	edit_main_tr7.appendChild(edit_main_td7_1);
	edit_main_tr3.appendChild(edit_main_td3);
	edit_main_tr3.appendChild(edit_main_td3_1);
	edit_main_tr4.appendChild(edit_main_td4);
	edit_main_tr4.appendChild(edit_main_td4_1);
	edit_main_tr5.appendChild(edit_main_td5);
	edit_main_tr5.appendChild(edit_main_td5_1);
	edit_main_tr6.appendChild(edit_main_td6);
	edit_main_tr6.appendChild(edit_main_td6_1);
	edit_main_tr8.appendChild(edit_main_td8);
	edit_main_tr8.appendChild(edit_main_td8_1);
	edit_main_tr9.appendChild(edit_main_td9);
	edit_main_tr9.appendChild(edit_main_td9_1);
	edit_main_table.appendChild(edit_main_tr1);
	edit_main_table.appendChild(edit_main_tr2);
	edit_main_table.appendChild(edit_main_tr9);
	edit_main_table.appendChild(edit_main_tr7);
	edit_main_table.appendChild(edit_main_tr3);
	edit_main_table.appendChild(edit_main_tr4);
	edit_main_table.appendChild(edit_main_tr5);
	edit_main_table.appendChild(edit_main_tr8);
	edit_main_table.appendChild(edit_main_tr6);
	edit_div.appendChild(edit_main_table);
	
	t.appendChild(edit_div);
	add_id_and_name(i, 'type_name');
	
//show table

	var adding_type = document.createElement("input");
            adding_type.setAttribute("type", "hidden");
            adding_type.setAttribute("value", "type_name");
            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_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 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;");
			edit_labels = document.createTextNode("The labels of the fields are editable. Please, click the label to edit.");
      div_for_editable_labels.appendChild(edit_labels);
					
      	var table = document.createElement('table');
           	table.setAttribute("id", i+"_elemet_tableform_id_temp");

			
      	var tr = document.createElement('tr');
			
      	var td1 = document.createElement('td');
         	td1.setAttribute("valign", 'top');
         	td1.setAttribute("align", 'left');
           	td1.setAttribute("id", i+"_label_sectionform_id_temp");
			
      	var td2 = document.createElement('td');
        	td2.setAttribute("valign", 'top');
         	td2.setAttribute("align", 'left');
           	td2.setAttribute("id", i+"_element_sectionform_id_temp");
			
      	var table_name = document.createElement('table');
           	table_name.setAttribute("id", i+"_table_name");
           	table_name.setAttribute("cellpadding", '0');
           	table_name.setAttribute("cellspacing", '0');
			
      	var tr_name1 = document.createElement('tr');
           	tr_name1.setAttribute("id", i+"_tr_name1");
			
      	var tr_name2 = document.createElement('tr');
           	tr_name2.setAttribute("id", i+"_tr_name2");
			
      	var td_name_input1 = document.createElement('td');
           	td_name_input1.setAttribute("id", i+"_td_name_input_first");
			
      	var td_name_input2 = document.createElement('td');
           	td_name_input2.setAttribute("id", i+"_td_name_input_last");
		
      	var td_name_label1 = document.createElement('td');
           	td_name_label1.setAttribute("id", i+"_td_name_label_first");
           	td_name_label1.setAttribute("align", "left");
			
      	var td_name_label2 = document.createElement('td');
           	td_name_label2.setAttribute("id", i+"_td_name_label_last");
           	td_name_label2.setAttribute("align", "left");
			
      	var br1 = document.createElement('br');
      	var br2 = document.createElement('br');
     	var br3 = document.createElement('br');
      	var br4 = 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");
	    
      	var required = document.createElement('span');
			required.setAttribute("id", i+"_required_elementform_id_temp");
			required.innerHTML = "";
			required.setAttribute("class", "required");
	if(w_required=="yes")
			required.innerHTML = " *";			
	var first = document.createElement('input');
        first.setAttribute("type", 'text');
		if(w_title[0]==w_first_val[0])
			first.setAttribute("class", "input_deactive");
		else
			first.setAttribute("class", "input_active");
		
	    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("onFocus", 'delete_value("'+i+'_element_firstform_id_temp")');
		first.setAttribute("onBlur", 'return_value("'+i+'_element_firstform_id_temp")');
	    first.setAttribute("onChange", "change_value('"+i+"_element_firstform_id_temp')");
			
	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');
		
 		if(w_title[1]==w_first_val[1])
			last.setAttribute("class", "input_deactive");
		else
			last.setAttribute("class", "input_active");
			
		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("onFocus", 'delete_value("'+i+'_element_lastform_id_temp")');
		last.setAttribute("onBlur", 'return_value("'+i+'_element_lastform_id_temp")');
		last.setAttribute("onChange", "change_value('"+i+"_element_lastform_id_temp')");


	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');
      
      	td1.appendChild(label);
      	td1.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);
		
       	td2.appendChild(adding_type);
       	td2.appendChild(adding_required);
       	td2.appendChild(adding_unique);
    	td2.appendChild(table_name);
      	tr.appendChild(td1);
      	tr.appendChild(td2);
      	table.appendChild(tr);
      
      	div.appendChild(table);
      	div.appendChild(br3);
        div.appendChild(div_for_editable_labels);
      	main_td.appendChild(div);
		
	if(w_field_label_pos=="top")
				label_top(i);
	
	if(w_name_format=="extended")
				format_extended(i);
  change_class(w_class, i);
  refresh_attr(i, 'type_name');
  jQuery(document).ready(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);
        });
      }
    });
    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);
        });
      }
    });
	});
}

function type_address(i, w_field_label, w_field_label_pos, w_size, w_mini_labels, w_disabled_fields, w_required, w_class, w_attr_name, w_attr_value) {
	document.getElementById("element_type").value="type_address";

	delete_last_child();
// edit table	
	var edit_div  = document.createElement('div');
		edit_div.setAttribute("id", "edit_div");
		edit_div.setAttribute("style", "border-top:1px dotted black;padding:10px;  padding-top:0px; padding-bottom:0px; margin-top:10px;");
		
	var edit_main_table  = document.createElement('table');
		edit_main_table.setAttribute("id", "edit_main_table");
		edit_main_table.setAttribute("cellpadding", "0");
		edit_main_table.setAttribute("cellspacing", "0");
		
	var edit_main_tr1  = document.createElement('tr');
      		edit_main_tr1.setAttribute("valing", "top");
		
	var edit_main_tr2  = document.createElement('tr');
      		edit_main_tr2.setAttribute("valing", "top");
		
	var edit_main_tr3  = document.createElement('tr');
      		edit_main_tr3.setAttribute("valing", "top");
		
	var edit_main_tr4  = document.createElement('tr');
      		edit_main_tr4.setAttribute("valing", "top");
		
	var edit_main_tr5  = document.createElement('tr');
      		edit_main_tr5.setAttribute("valing", "top");
			
	var edit_main_tr6  = document.createElement('tr');
      		edit_main_tr6.setAttribute("valing", "top");
		
	var edit_main_tr7  = document.createElement('tr');
      		edit_main_tr7.setAttribute("valing", "top");
		
	var edit_main_tr8  = document.createElement('tr');
      		edit_main_tr8.setAttribute("valing", "top");

	var edit_main_td1 = document.createElement('td');
		edit_main_td1.style.cssText = "padding-top:10px";	
	var edit_main_td1_1 = document.createElement('td');
		edit_main_td1_1.style.cssText = "padding-top:10px";		
	var edit_main_td2 = document.createElement('td');
		edit_main_td2.style.cssText = "padding-top:10px";
	var edit_main_td2_1 = document.createElement('td');
		edit_main_td2_1.style.cssText = "padding-top:10px";

	var edit_main_td3 = document.createElement('td');
		edit_main_td3.style.cssText = "padding-top:10px";
	var edit_main_td3_1 = document.createElement('td');
		edit_main_td3_1.style.cssText = "padding-top:10px";
	var edit_main_td4 = document.createElement('td');
		edit_main_td4.style.cssText = "padding-top:10px";
	var edit_main_td4_1 = document.createElement('td');
		edit_main_td4_1.style.cssText = "padding-top:10px";
		
	var edit_main_td5 = document.createElement('td');
		edit_main_td5.style.cssText = "padding-top:10px";
	var edit_main_td5_1 = document.createElement('td');
		edit_main_td5_1.style.cssText = "padding-top:10px";
				
	var edit_main_td6 = document.createElement('td');
		edit_main_td6.style.cssText = "padding-top:10px";
	var edit_main_td6_1 = document.createElement('td');
		edit_main_td6_1.style.cssText = "padding-top:10px";
		  
	var edit_main_td7 = document.createElement('td');
		edit_main_td7.style.cssText = "padding-top:10px";
	var edit_main_td7_1 = document.createElement('td');
		edit_main_td7_1.style.cssText = "padding-top:10px";
		  
	var edit_main_td8 = document.createElement('td');
		edit_main_td8.style.cssText = "padding-top:10px";
	var edit_main_td8_1 = document.createElement('td');
		edit_main_td8_1.style.cssText = "padding-top:10px";
		  
	var el_label_label = document.createElement('label');
			        el_label_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_label_label.innerHTML = "Field label";
	
	var el_label_textarea = document.createElement('textarea');
                el_label_textarea.setAttribute("id", "edit_for_label");
                el_label_textarea.setAttribute("rows", "4");
                el_label_textarea.style.cssText = "width:200px;";
                el_label_textarea.setAttribute("onKeyUp", "change_label('"+i+"_element_labelform_id_temp', this.value)");
				el_label_textarea.innerHTML = w_field_label;
		
	var el_label_position_label = document.createElement('label');
			        el_label_position_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_label_position_label.innerHTML = "Field label position";
	
	var el_label_position1 = document.createElement('input');
                el_label_position1.setAttribute("id", "edit_for_label_position_top");
                el_label_position1.setAttribute("type", "radio");
                el_label_position1.setAttribute("value", "left");
                

                el_label_position1.setAttribute("name", "edit_for_label_position");
                el_label_position1.setAttribute("onchange", "label_left("+i+")");
		Left = document.createTextNode("Left");
		
	var el_label_position2 = document.createElement('input');
                el_label_position2.setAttribute("id", "edit_for_label_position_left");
                el_label_position2.setAttribute("type", "radio");
                el_label_position2.setAttribute("value", "top");
	

                el_label_position2.setAttribute("name", "edit_for_label_position");
                el_label_position2.setAttribute("onchange", "label_top("+i+")");
		Top = document.createTextNode("Top");
		
	if(w_field_label_pos=="top")
	
				el_label_position2.setAttribute("checked", "checked");
	else

				el_label_position1.setAttribute("checked", "checked");

	var el_size_label = document.createElement('label');
	        el_size_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_size_label.innerHTML = "Overall size(px) ";
	var el_size = document.createElement('input');
		   el_size.setAttribute("id", "edit_for_input_size");
		   el_size.setAttribute("type", "text");
		   el_size.setAttribute("value", w_size);
		   
			el_size.setAttribute("name", "edit_for_size");
			el_size.setAttribute("onKeyPress", "return check_isnum(event)");
            el_size.setAttribute("onKeyUp", "change_w_style('"+i+"_div_address', this.value);");
  var el_disable_field_label = document.createElement('label');
	        el_disable_field_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_disable_field_label.innerHTML = "Disable Field(s)";
	
	
	var el_disable_address1 = document.createElement('input');
            el_disable_address1.setAttribute("id", "el_street1");
            el_disable_address1.setAttribute("type", "checkbox");
            el_disable_address1.setAttribute("value", "no");
            el_disable_address1.setAttribute("onclick", "disable_fields('"+i+"','street1')");
	if(w_disabled_fields[0]=="yes")
                el_disable_address1.setAttribute("checked", "checked");	
	
	var el_disable_address2 = document.createElement('input');
            el_disable_address2.setAttribute("id", "el_street2");
            el_disable_address2.setAttribute("type", "checkbox");
            el_disable_address2.setAttribute("value", "no");
            el_disable_address2.setAttribute("onclick", "disable_fields('"+i+"','street2')");
	if(w_disabled_fields[1]=="yes")
                el_disable_address2.setAttribute("checked", "checked");	
	
	var el_disable_city = document.createElement('input');
            el_disable_city.setAttribute("id", "el_city");
            el_disable_city.setAttribute("type", "checkbox");
            el_disable_city.setAttribute("value", "no");
            el_disable_city.setAttribute("onclick", "disable_fields('"+i+"','city')");
	if(w_disabled_fields[2]=="yes")
                el_disable_city.setAttribute("checked", "checked");	
	
	var el_disable_state = document.createElement('input');
            el_disable_state.setAttribute("id", "el_state");
            el_disable_state.setAttribute("type", "checkbox");
            el_disable_state.setAttribute("value", "no");
            el_disable_state.setAttribute("onclick", "disable_fields('"+i+"','state')");
	if(w_disabled_fields[3]=="yes")
                el_disable_state.setAttribute("checked", "checked");	
	
	var el_disable_postal = document.createElement('input');
            el_disable_postal.setAttribute("id", "el_postal");
            el_disable_postal.setAttribute("type", "checkbox");
            el_disable_postal.setAttribute("value", "no");
            el_disable_postal.setAttribute("onclick", "disable_fields('"+i+"','postal')");
	if(w_disabled_fields[4]=="yes")
                el_disable_postal.setAttribute("checked", "checked");
	
	var el_disable_country = document.createElement('input');
                el_disable_country.setAttribute("id", "el_country");
                el_disable_country.setAttribute("type", "checkbox");
                el_disable_country.setAttribute("value", "no");
                el_disable_country.setAttribute("onclick", "disable_fields('"+i+"','country')");
	if(w_disabled_fields[5]=="yes")
                el_disable_country.setAttribute("checked", "checked");

	var el_required_label = document.createElement('label');
	        el_required_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_required_label.innerHTML = "Required";
	
	var el_required = document.createElement('input');
                el_required.setAttribute("id", "el_send");
                el_required.setAttribute("type", "checkbox");
                el_required.setAttribute("value", "yes");
                el_required.setAttribute("onclick", "set_required('"+i+"_required')");
	if(w_required=="yes")
                el_required.setAttribute("checked", "checked");	

	var el_style_label = document.createElement('label');
	        el_style_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_style_label.innerHTML = "Class name";
	
	var el_style_textarea = document.createElement('input');
                el_style_textarea.setAttribute("id", "element_style");
				el_style_textarea.setAttribute("type", "text");
				el_style_textarea.setAttribute("value", w_class);
                el_style_textarea.style.cssText = "width:200px;";
                el_style_textarea.setAttribute("onChange", "change_class(this.value,'"+i+"')");

	var el_attr_label = document.createElement('label');
	                el_attr_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_attr_label.innerHTML = "Additional Attributes";
	var el_attr_add = document.createElement('img');
                el_attr_add.setAttribute("id", "el_choices_add");
           	el_attr_add.setAttribute("src", fmc_plugin_url+'/images/add.png');
            	el_attr_add.style.cssText = 'cursor:pointer; margin-left:68px';
            	el_attr_add.setAttribute("title", 'add');
                el_attr_add.setAttribute("onClick", "add_attr("+i+", 'type_address')");
	var el_attr_table = document.createElement('table');
                el_attr_table.setAttribute("id", 'attributes');
                el_attr_table.setAttribute("border", '0');
        	el_attr_table.style.cssText = 'margin-left:0px';
	var el_attr_tr_label = document.createElement('tr');
                el_attr_tr_label.setAttribute("idi", '0');
	var el_attr_td_name_label = document.createElement('th');
            	el_attr_td_name_label.style.cssText = 'width:100px';
	var el_attr_td_value_label = document.createElement('th');
            	el_attr_td_value_label.style.cssText = 'width:100px';
	var el_attr_td_X_label = document.createElement('th');
            	el_attr_td_X_label.style.cssText = 'width:10px';
	var el_attr_name_label = document.createElement('label');
	                el_attr_name_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 11px";
			el_attr_name_label.innerHTML = "Name";
			
	var el_attr_value_label = document.createElement('label');
	                el_attr_value_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 11px";
			el_attr_value_label.innerHTML = "Value";
			
	el_attr_table.appendChild(el_attr_tr_label);
	el_attr_tr_label.appendChild(el_attr_td_name_label);
	el_attr_tr_label.appendChild(el_attr_td_value_label);
	el_attr_tr_label.appendChild(el_attr_td_X_label);
	el_attr_td_name_label.appendChild(el_attr_name_label);
	el_attr_td_value_label.appendChild(el_attr_value_label);
	
	n=w_attr_name.length;
	for(j=1; j<=n; j++)
	{	
		var el_attr_tr = document.createElement('tr');
			el_attr_tr.setAttribute("id", "attr_row_"+j);
			el_attr_tr.setAttribute("idi", j);
		var el_attr_td_name = document.createElement('td');
			el_attr_td_name.style.cssText = 'width:100px';
		var el_attr_td_value = document.createElement('td');
			el_attr_td_value.style.cssText = 'width:100px';
		
		var el_attr_td_X = document.createElement('td');
		var el_attr_name = document.createElement('input');
	
			el_attr_name.setAttribute("type", "text");
	
			el_attr_name.style.cssText = "width:100px";
			el_attr_name.setAttribute("value", w_attr_name[j-1]);
			el_attr_name.setAttribute("id", "attr_name"+j);
			el_attr_name.setAttribute("onChange", "change_attribute_name("+i+", this, 'type_address')");
			
		var el_attr_value = document.createElement('input');
	
			el_attr_value.setAttribute("type", "text");
	
			el_attr_value.style.cssText = "width:100px";
			el_attr_value.setAttribute("value", w_attr_value[j-1]);
			el_attr_value.setAttribute("id", "attr_value"+j);
			el_attr_value.setAttribute("onChange", "change_attribute_value("+i+", "+j+", 'type_address')");
	
		var el_attr_remove = document.createElement('img');
			el_attr_remove.setAttribute("id", "el_choices"+j+"_remove");
			el_attr_remove.setAttribute("src", fmc_plugin_url+'/images/delete.png');
			el_attr_remove.style.cssText = 'cursor:pointer; vertical-align:middle; margin:3px';
			el_attr_remove.setAttribute("align", 'top');
			el_attr_remove.setAttribute("onClick", "remove_attr("+j+", "+i+", 'type_address')");
		el_attr_table.appendChild(el_attr_tr);
		el_attr_tr.appendChild(el_attr_td_name);
		el_attr_tr.appendChild(el_attr_td_value);
		el_attr_tr.appendChild(el_attr_td_X);
		el_attr_td_name.appendChild(el_attr_name);
		el_attr_td_value.appendChild(el_attr_value);
		el_attr_td_X.appendChild(el_attr_remove);
		
	}
  var el_street1 = document.createTextNode(w_mini_labels[0]);
	var el_street2 = document.createTextNode(w_mini_labels[1]);
	var el_city = document.createTextNode(w_mini_labels[2]);
	var el_state = document.createTextNode(w_mini_labels[3]);
	var el_postal = document.createTextNode(w_mini_labels[4]);
	var el_country = document.createTextNode(w_mini_labels[5]);
	
	var el_street1_label = document.createElement('label');
		el_street1_label.setAttribute("id", "el_street1_label");
	
	var el_street2_label = document.createElement('label');
		el_street2_label.setAttribute("id", "el_street2_label");
	
	var el_city_label = document.createElement('label');
		el_city_label.setAttribute("id", "el_city_label");
	
	var el_state_label = document.createElement('label');
		el_state_label.setAttribute("id", "el_state_label");
	
	var el_postal_label = document.createElement('label');
		el_postal_label.setAttribute("id", "el_postal_label");
	
	var el_country_label = document.createElement('label');
		el_country_label.setAttribute("id", "el_country_label");
	
	el_street1_label.appendChild(el_street1);
	el_street2_label.appendChild(el_street2);
	el_city_label.appendChild(el_city);
	el_state_label.appendChild(el_state);
	el_postal_label.appendChild(el_postal);
	el_country_label.appendChild(el_country);
	var br_ = document.createElement('br');
	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 t  = document.getElementById('edit_table');
	
	var br = document.createElement('br');
	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 br6 = document.createElement('br');
	
	edit_main_td1.appendChild(el_label_label);
	edit_main_td1_1.appendChild(el_label_textarea);

	edit_main_td2.appendChild(el_label_position_label);
	edit_main_td2_1.appendChild(el_label_position1);
	edit_main_td2_1.appendChild(Left);
	edit_main_td2_1.appendChild(br2);
	edit_main_td2_1.appendChild(el_label_position2);
	edit_main_td2_1.appendChild(Top);
	
	edit_main_td7.appendChild(el_size_label);
	edit_main_td7_1.appendChild(el_size);
	
	/*edit_main_td3.appendChild(el_format_label);
	edit_main_td3.appendChild(br5);
	edit_main_td3.appendChild(el_format_normal);
	edit_main_td3.appendChild(Normal);
	edit_main_td3.appendChild(br6);
	edit_main_td3.appendChild(el_format_extended);
	edit_main_td3.appendChild(Extended);*/
	
	edit_main_td4.appendChild(el_style_label);
	edit_main_td4_1.appendChild(el_style_textarea);
	
	edit_main_td5.appendChild(el_required_label);
	edit_main_td5_1.appendChild(el_required);
	
  edit_main_td8.appendChild(el_disable_field_label);
	edit_main_td8_1.appendChild(el_disable_address1);
	edit_main_td8_1.appendChild(el_street1_label);
	edit_main_td8_1.appendChild(br_);
	edit_main_td8_1.appendChild(el_disable_address2);
	edit_main_td8_1.appendChild(el_street2_label);
	edit_main_td8_1.appendChild(br1_);
	edit_main_td8_1.appendChild(el_disable_city);
	edit_main_td8_1.appendChild(el_city_label);
	edit_main_td8_1.appendChild(br2_);
	edit_main_td8_1.appendChild(el_disable_state);
	edit_main_td8_1.appendChild(el_state_label);
	edit_main_td8_1.appendChild(br3_);
	edit_main_td8_1.appendChild(el_disable_postal);
	edit_main_td8_1.appendChild(el_postal_label);
	edit_main_td8_1.appendChild(br4_);
	edit_main_td8_1.appendChild(el_disable_country);
	edit_main_td8_1.appendChild(el_country_label);
	edit_main_td8_1.appendChild(br5_);
	
	edit_main_td6.appendChild(el_attr_label);
	edit_main_td6.appendChild(el_attr_add);
	edit_main_td6.appendChild(br3);
	edit_main_td6.appendChild(el_attr_table);
	edit_main_td6.setAttribute("colspan", "2");
	
	edit_main_tr1.appendChild(edit_main_td1);
	edit_main_tr1.appendChild(edit_main_td1_1);
	edit_main_tr2.appendChild(edit_main_td2);
	edit_main_tr2.appendChild(edit_main_td2_1);
	edit_main_tr7.appendChild(edit_main_td7);
	edit_main_tr7.appendChild(edit_main_td7_1);
	//edit_main_tr3.appendChild(edit_main_td3);
	edit_main_tr4.appendChild(edit_main_td4);
	edit_main_tr4.appendChild(edit_main_td4_1);
	edit_main_tr5.appendChild(edit_main_td5);
	edit_main_tr5.appendChild(edit_main_td5_1);
	edit_main_tr6.appendChild(edit_main_td6);
	edit_main_tr6.appendChild(edit_main_td6_1);
	edit_main_tr8.appendChild(edit_main_td8);
	edit_main_tr8.appendChild(edit_main_td8_1);
	edit_main_table.appendChild(edit_main_tr1);
	edit_main_table.appendChild(edit_main_tr2);
	edit_main_table.appendChild(edit_main_tr7);
	//edit_main_table.appendChild(edit_main_tr3);
	edit_main_table.appendChild(edit_main_tr4);
	edit_main_table.appendChild(edit_main_tr8);
	edit_main_table.appendChild(edit_main_tr5);
	edit_main_table.appendChild(edit_main_tr6);
	edit_div.appendChild(edit_main_table);
	
	t.appendChild(edit_div);
	add_id_and_name(i, 'type_address');

//show table

	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_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_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("postal", w_disabled_fields[4]);
  adding_country.setAttribute("country", w_disabled_fields[5]);
	    
     	var div = document.createElement('div');
      	    div.setAttribute("id", "main_div");
					
      	var table = document.createElement('table');
           	table.setAttribute("id", i+"_elemet_tableform_id_temp");
  var div_for_editable_labels = document.createElement('div');
  div_for_editable_labels.setAttribute("style", "margin-left:4px; color:red;");
  edit_labels = document.createTextNode("The labels of the fields are editable. Please, click the label to edit.");
  div_for_editable_labels.appendChild(edit_labels);
			
      	var tr = document.createElement('tr');
			
      	var td1 = document.createElement('td');
         	td1.setAttribute("valign", 'top');
         	td1.setAttribute("align", 'left');
           	td1.setAttribute("id", i+"_label_sectionform_id_temp");
			
      	var td2 = document.createElement('td');
        	td2.setAttribute("valign", 'top');
         	td2.setAttribute("align", 'left');
           	td2.setAttribute("id", i+"_element_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 br1 = document.createElement('br');
      	var br2 = document.createElement('br');
     	var br3 = document.createElement('br');
      	var br4 = 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");
	    
      	var required = document.createElement('span');
			required.setAttribute("id", i+"_required_elementform_id_temp");
			required.innerHTML = "";
			required.setAttribute("class", "required");
		if(w_required=="yes")
			required.innerHTML = " *";	
			
	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");
	    street1.setAttribute("onChange", "change_value('"+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");
		street2.setAttribute("onChange", "change_value('"+i+"_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");
		city.setAttribute("onChange", "change_value('"+i+"_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");
		state.setAttribute("onChange", "change_value('"+i+"_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");
		postal.setAttribute("onChange", "change_value('"+i+"_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_value('"+i+"_countryform_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];
			
		
		var option_ = document.createElement('option');
			option_.setAttribute("value", "");
			option_.innerHTML="";
		country.appendChild(option_);
		
		coutries=["Afghanistan","Albania",	"Algeria","Andorra","Angola","Antigua and Barbuda","Argentina","Armenia","Australia","Austria","Azerbaijan","Bahamas","Bahrain","Bangladesh","Barbados","Belarus","Belgium","Belize","Benin","Bhutan","Bolivia","Bosnia and Herzegovina","Botswana","Brazil","Brunei","Bulgaria","Burkina Faso","Burundi","Cambodia","Cameroon","Canada","Cape Verde","Central African Republic","Chad","Chile","China","Colombi","Comoros","Congo (Brazzaville)","Congo","Costa Rica","Cote d'Ivoire","Croatia","Cuba","Cyprus","Czech Republic","Denmark","Djibouti","Dominica","Dominican Republic","East Timor (Timor Timur)","Ecuador","Egypt","El Salvador","Equatorial Guinea","Eritrea","Estonia","Ethiopia","Fiji","Finland","France","Gabon","Gambia, The","Georgia","Germany","Ghana","Greece","Grenada","Guatemala","Guinea","Guinea-Bissau","Guyana","Haiti","Honduras","Hungary","Iceland","India","Indonesia","Iran","Iraq","Ireland","Israel","Italy","Jamaica","Japan","Jordan","Kazakhstan","Kenya","Kiribati","Korea, North","Korea, South","Kuwait","Kyrgyzstan","Laos","Latvia","Lebanon","Lesotho","Liberia","Libya","Liechtenstein","Lithuania","Luxembourg","Macedonia","Madagascar","Malawi","Malaysia","Maldives","Mali","Malta","Marshall Islands","Mauritania","Mauritius","Mexico","Micronesia","Moldova","Monaco","Mongolia","Morocco","Mozambique","Myanmar","Namibia","Nauru","Nepa","Netherlands","New Zealand","Nicaragua","Niger","Nigeria","Norway","Oman","Pakistan","Palau","Panama","Papua New Guinea","Paraguay","Peru","Philippines","Poland","Portugal","Qatar","Romania","Russia","Rwanda","Saint Kitts and Nevis","Saint Lucia","Saint Vincent","Samoa","San Marino","Sao Tome and Principe","Saudi Arabia","Senegal","Serbia and Montenegro","Seychelles","Sierra Leone","Singapore","Slovakia","Slovenia","Solomon Islands","Somalia","South Africa","Spain","Sri Lanka","Sudan","Suriname","Swaziland","Sweden","Switzerland","Syria","Taiwan","Tajikistan","Tanzania","Thailand","Togo","Tonga","Trinidad and Tobago","Tunisia","Turkey","Turkmenistan","Tuvalu","Uganda","Ukraine","United Arab Emirates","United Kingdom","United States","Uruguay","Uzbekistan","Vanuatu","Vatican City","Venezuela","Vietnam","Yemen","Zambia","Zimbabwe"];	
		for(r=0;r<coutries.length;r++)
		{
		var option_ = document.createElement('option');
			option_.setAttribute("value", coutries[r]);
			option_.innerHTML=coutries[r];
		country.appendChild(option_);
		}









	var main_td  = document.getElementById('show_table');
      
      	td1.appendChild(label);
      	td1.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);
		
		
		if(w_disabled_fields[0]=="no")
			div_address.appendChild(span_addres1);
		if(w_disabled_fields[1]=="no")
			div_address.appendChild(span_addres2);	
		if(w_disabled_fields[2]=="no")
			div_address.appendChild(span_addres3_1);	
		if(w_disabled_fields[3]=="no")
			div_address.appendChild(span_addres3_2);
		if(w_disabled_fields[4]=="no")
			div_address.appendChild(span_addres4_1);
		if(w_disabled_fields[5]=="no")		
			div_address.appendChild(span_addres4_2);
		
		
       	td2.appendChild(adding_type);
       	td2.appendChild(adding_required);
        td2.appendChild(adding_country);
        td2.appendChild(div_address);
      	tr.appendChild(td1);
      	tr.appendChild(td2);
      	table.appendChild(tr);
      
      	div.appendChild(table);
      	div.appendChild(br3);
        div.appendChild(div_for_editable_labels);
      	main_td.appendChild(div);
		
	if(w_field_label_pos=="top")
				label_top(i);
  change_class(w_class, i);
  refresh_attr(i, 'type_address');
  jQuery(document).ready(function() {		
    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;' value=\""+jQuery(this).text()+"\">";
        jQuery(this).html(street1);		
        jQuery("input.street1").focus();
        jQuery("input.street1").blur(function() {
          var value = jQuery(this).val();
          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;' value=\""+jQuery(this).text()+"\">";
        jQuery(this).html(street2);
        jQuery("input.street2").focus();
        jQuery("input.street2").blur(function() {
          var value = jQuery(this).val();
          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;' value=\""+jQuery(this).text()+"\">";
        jQuery(this).html(city);
        jQuery("input.city").focus();
        jQuery("input.city").blur(function() {
          var value = jQuery(this).val();
          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;' value=\""+jQuery(this).text()+"\">";
        jQuery(this).html(state);
        jQuery("input.state").focus();
        jQuery("input.state").blur(function() {
          var value = jQuery(this).val();
          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;' value=\""+jQuery(this).text()+"\">";
        jQuery(this).html(postal);
        jQuery("input.postal").focus();
        jQuery("input.postal").blur(function() {
          var value = jQuery(this).val();
          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;' value=\""+jQuery(this).text()+"\">";
        jQuery(this).html(country);
        jQuery("input.country").focus();
        jQuery("input.country").blur(function() {
          var value = jQuery(this).val();
          jQuery("#"+i+"_mini_label_country").text(value);
          document.getElementById('el_country_label').innerHTML = value;
        });	
      }	
    });
	});
}

function type_submitter_mail(i, w_field_label, w_field_label_pos, w_size, w_first_val, w_title, w_send, w_required, w_unique, w_class, w_attr_name, w_attr_value){
    document.getElementById("element_type").value="type_submitter_mail";

	delete_last_child();
// edit table	
	var edit_div  = document.createElement('div');
		edit_div.setAttribute("id", "edit_div");
		edit_div.setAttribute("style", "border-top:1px dotted black;padding:10px;  padding-top:0px; padding-bottom:0px; margin-top:10px;");
		
	var edit_main_table  = document.createElement('table');
		edit_main_table.setAttribute("id", "edit_main_table");
		edit_main_table.setAttribute("cellpadding", "0");
		edit_main_table.setAttribute("cellspacing", "0");
		
	var edit_main_tr1  = document.createElement('tr');
      		edit_main_tr1.setAttribute("valing", "top");
		
	var edit_main_tr2  = document.createElement('tr');
      		edit_main_tr2.setAttribute("valing", "top");
		
	var edit_main_tr3  = document.createElement('tr');
      		edit_main_tr3.setAttribute("valing", "top");
		
	var edit_main_tr4  = document.createElement('tr');
      		edit_main_tr4.setAttribute("valing", "top");
		
	var edit_main_tr5  = document.createElement('tr');
      		edit_main_tr5.setAttribute("valing", "top");
			
	var edit_main_tr6  = document.createElement('tr');
      		edit_main_tr6.setAttribute("valing", "top");
	var edit_main_tr7  = document.createElement('tr');
      		edit_main_tr7.setAttribute("valing", "top");

	var edit_main_tr8  = document.createElement('tr');
      		edit_main_tr8.setAttribute("valing", "top");

	var edit_main_tr9  = document.createElement('tr');
      		edit_main_tr9.setAttribute("valing", "top");

	var edit_main_td1 = document.createElement('td');
		edit_main_td1.style.cssText = "padding-top:10px";	
	var edit_main_td1_1 = document.createElement('td');
		edit_main_td1_1.style.cssText = "padding-top:10px";	
	var edit_main_td2 = document.createElement('td');
		edit_main_td2.style.cssText = "padding-top:10px";
	var edit_main_td2_1 = document.createElement('td');
		edit_main_td2_1.style.cssText = "padding-top:10px";

	var edit_main_td3 = document.createElement('td');
		edit_main_td3.style.cssText = "padding-top:10px";
	var edit_main_td3_1 = document.createElement('td');
		edit_main_td3_1.style.cssText = "padding-top:10px";
	var edit_main_td4 = document.createElement('td');
		edit_main_td4.style.cssText = "padding-top:10px";
	var edit_main_td4_1 = document.createElement('td');
		edit_main_td4_1.style.cssText = "padding-top:10px";
		
	var edit_main_td5 = document.createElement('td');
		edit_main_td5.style.cssText = "padding-top:10px";
	var edit_main_td5_1 = document.createElement('td');
		edit_main_td5_1.style.cssText = "padding-top:10px";
				
	var edit_main_td6 = document.createElement('td');
		edit_main_td6.style.cssText = "padding-top:10px";
	var edit_main_td6_1 = document.createElement('td');
		edit_main_td6_1.style.cssText = "padding-top:10px";
	var edit_main_td7 = document.createElement('td');
		edit_main_td7.style.cssText = "padding-top:10px";
	var edit_main_td7_1 = document.createElement('td');
		edit_main_td7_1.style.cssText = "padding-top:10px";
	var edit_main_td8 = document.createElement('td');
		edit_main_td8.style.cssText = "padding-top:10px";
	var edit_main_td8_1 = document.createElement('td');
		edit_main_td8_1.style.cssText = "padding-top:10px";
		
	var edit_main_td9 = document.createElement('td');
		edit_main_td9.style.cssText = "padding-top:10px";
	var edit_main_td9_1 = document.createElement('td');
		edit_main_td9_1.style.cssText = "padding-top:10px";
		  
	var el_label_label = document.createElement('label');
	                el_label_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_label_label.innerHTML = "Field label";
	
	var el_label_textarea = document.createElement('textarea');
                el_label_textarea.setAttribute("id", "edit_for_label");
                el_label_textarea.setAttribute("rows", "4");
                el_label_textarea.style.cssText = "width:200px";
                el_label_textarea.setAttribute("onKeyUp", "change_label('"+i+"_element_labelform_id_temp', this.value)");
		el_label_textarea.innerHTML = w_field_label;
		
	var el_label_position_label = document.createElement('label');
	        el_label_position_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_label_position_label.innerHTML = "Field label position";
	
	var el_label_position1 = document.createElement('input');
                el_label_position1.setAttribute("id", "edit_for_label_position_top");
                el_label_position1.setAttribute("type", "radio");
                el_label_position1.setAttribute("value", "left");
                
		el_label_position1.setAttribute("name", "edit_for_label_position");
                el_label_position1.setAttribute("onchange", "label_left("+i+")");
	Left = document.createTextNode("Left");
		
	var el_label_position2 = document.createElement('input');
                el_label_position2.setAttribute("id", "edit_for_label_position_left");
                el_label_position2.setAttribute("type", "radio");
                el_label_position2.setAttribute("value", "top");
		
                el_label_position2.setAttribute("name", "edit_for_label_position");
                el_label_position2.setAttribute("onchange", "label_top("+i+")");
	Top = document.createTextNode("Top");
		
	if(w_field_label_pos=="top")
				el_label_position2.setAttribute("checked", "checked");
	else
				el_label_position1.setAttribute("checked", "checked");

	var el_size_label = document.createElement('label');
	        el_size_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_size_label.innerHTML = "Field size(px) ";
	var el_size = document.createElement('input');
		   el_size.setAttribute("id", "edit_for_input_size");
		   el_size.setAttribute("type", "text");
		   el_size.setAttribute("value", w_size);
		   
			el_size.setAttribute("name", "edit_for_size");
			el_size.setAttribute("onKeyPress", "return check_isnum(event)");
            el_size.setAttribute("onKeyUp", "change_w_style('"+i+"_elementform_id_temp', this.value)");

	var el_first_value_label = document.createElement('label');
	        el_first_value_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_first_value_label.innerHTML = "Value if empty";
	
	var el_first_value_input = document.createElement('input');
                el_first_value_input.setAttribute("id", "el_first_value_input");
                el_first_value_input.setAttribute("type", "text");
                el_first_value_input.setAttribute("value", w_title);
                el_first_value_input.style.cssText = "width:150px;";
                el_first_value_input.setAttribute("onKeyUp", "change_input_value(this.value,'"+i+"_elementform_id_temp')");
				
	var el_style_label = document.createElement('label');
	        el_style_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_style_label.innerHTML = "Class name";
	
	var el_style_textarea = document.createElement('input');
                el_style_textarea.setAttribute("id", "element_style");
		el_style_textarea.setAttribute("type", "text");
 		el_style_textarea.setAttribute("value", w_class);
                el_style_textarea.style.cssText = "width:200px;";
                el_style_textarea.setAttribute("onChange", "change_class(this.value,'"+i+"')");
	
	
	var el_send_label = document.createElement('label');
	        el_send_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_send_label.innerHTML = "Send mail to submitter ";
	
	var el_send = document.createElement('input');
                el_send.setAttribute("id", "el_send");
                el_send.setAttribute("type", "checkbox");
                el_send.setAttribute("value", "yes");
                el_send.setAttribute("onclick", "set_send('"+i+"_sendform_id_temp')");
	if(w_send=="yes")
			
                el_send.setAttribute("checked", "checked");
	
	
	
	
	
	var el_required_label = document.createElement('label');
	        el_required_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_required_label.innerHTML = "Required";
	
	var el_required = document.createElement('input');
                el_required.setAttribute("id", "el_send");
                el_required.setAttribute("type", "checkbox");
                el_required.setAttribute("value", "yes");
                el_required.setAttribute("onclick", "set_required('"+i+"_required')");
	if(w_required=="yes")
			
                el_required.setAttribute("checked", "checked");

	var el_unique_label = document.createElement('label');
	    el_unique_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_unique_label.innerHTML = "Allow only unique values";
	
	var el_unique = document.createElement('input');
                el_unique.setAttribute("id", "el_send");
                el_unique.setAttribute("type", "checkbox");
                el_unique.setAttribute("value", "yes");
                el_unique.setAttribute("onclick", "set_unique('"+i+"_uniqueform_id_temp')");
	if(w_unique=="yes")
                el_unique.setAttribute("checked", "checked");
			
	var el_attr_label = document.createElement('label');
	                el_attr_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_attr_label.innerHTML = "Additional Attributes";
	var el_attr_add = document.createElement('img');
                el_attr_add.setAttribute("id", "el_choices_add");
           	el_attr_add.setAttribute("src", fmc_plugin_url+'/images/add.png');
            	el_attr_add.style.cssText = 'cursor:pointer; margin-left:68px';
            	el_attr_add.setAttribute("title", 'add');
                el_attr_add.setAttribute("onClick", "add_attr("+i+", 'type_text')");
	var el_attr_table = document.createElement('table');
                el_attr_table.setAttribute("id", 'attributes');
                el_attr_table.setAttribute("border", '0');
        	el_attr_table.style.cssText = 'margin-left:0px';
	var el_attr_tr_label = document.createElement('tr');
                el_attr_tr_label.setAttribute("idi", '0');
	var el_attr_td_name_label = document.createElement('th');
            	el_attr_td_name_label.style.cssText = 'width:100px';
	var el_attr_td_value_label = document.createElement('th');
            	el_attr_td_value_label.style.cssText = 'width:100px';
	var el_attr_td_X_label = document.createElement('th');
            	el_attr_td_X_label.style.cssText = 'width:10px';
	var el_attr_name_label = document.createElement('label');
	                el_attr_name_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 11px";
			el_attr_name_label.innerHTML = "Name";
			
	var el_attr_value_label = document.createElement('label');
	                el_attr_value_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 11px";
			el_attr_value_label.innerHTML = "Value";
			
	el_attr_table.appendChild(el_attr_tr_label);
	el_attr_tr_label.appendChild(el_attr_td_name_label);
	el_attr_tr_label.appendChild(el_attr_td_value_label);
	el_attr_tr_label.appendChild(el_attr_td_X_label);
	el_attr_td_name_label.appendChild(el_attr_name_label);
	el_attr_td_value_label.appendChild(el_attr_value_label);
	
	n=w_attr_name.length;
	for(j=1; j<=n; j++)
	{	
		var el_attr_tr = document.createElement('tr');
			el_attr_tr.setAttribute("id", "attr_row_"+j);
			el_attr_tr.setAttribute("idi", j);
		var el_attr_td_name = document.createElement('td');
			el_attr_td_name.style.cssText = 'width:100px';
		var el_attr_td_value = document.createElement('td');
			el_attr_td_value.style.cssText = 'width:100px';
		
		var el_attr_td_X = document.createElement('td');
		var el_attr_name = document.createElement('input');
	
			el_attr_name.setAttribute("type", "text");
	
			el_attr_name.style.cssText = "width:100px";
			el_attr_name.setAttribute("value", w_attr_name[j-1]);
			el_attr_name.setAttribute("id", "attr_name"+j);
			el_attr_name.setAttribute("onChange", "change_attribute_name("+i+", this, 'type_text')");
			
		var el_attr_value = document.createElement('input');
	
			el_attr_value.setAttribute("type", "text");
	
			el_attr_value.style.cssText = "width:100px";
			el_attr_value.setAttribute("value", w_attr_value[j-1]);
			el_attr_value.setAttribute("id", "attr_value"+j);
			el_attr_value.setAttribute("onChange", "change_attribute_value("+i+", "+j+", 'type_text')");
	
		var el_attr_remove = document.createElement('img');
			el_attr_remove.setAttribute("id", "el_choices"+j+"_remove");
			el_attr_remove.setAttribute("src", fmc_plugin_url+'/images/delete.png');
			el_attr_remove.style.cssText = 'cursor:pointer; vertical-align:middle; margin:3px';
			el_attr_remove.setAttribute("align", 'top');
			el_attr_remove.setAttribute("onClick", "remove_attr("+j+", "+i+", 'type_text')");
		el_attr_table.appendChild(el_attr_tr);
		el_attr_tr.appendChild(el_attr_td_name);
		el_attr_tr.appendChild(el_attr_td_value);
		el_attr_tr.appendChild(el_attr_td_X);
		el_attr_td_name.appendChild(el_attr_name);
		el_attr_td_value.appendChild(el_attr_value);
		el_attr_td_X.appendChild(el_attr_remove);
		
	}

	var t  = document.getElementById('edit_table');
	
	var br = document.createElement('br');
	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 br6 = document.createElement('br');
	
	edit_main_td1.appendChild(el_label_label);
	edit_main_td1_1.appendChild(el_label_textarea);

	edit_main_td2.appendChild(el_label_position_label);
	edit_main_td2_1.appendChild(el_label_position1);
	edit_main_td2_1.appendChild(Left);
	edit_main_td2_1.appendChild(br2);
	edit_main_td2_1.appendChild(el_label_position2);
	edit_main_td2_1.appendChild(Top);
	
	edit_main_td3.appendChild(el_size_label);
	edit_main_td3_1.appendChild(el_size);
	
	edit_main_td4.appendChild(el_first_value_label);
	edit_main_td4_1.appendChild(el_first_value_input);

	edit_main_td5.appendChild(el_style_label);
	edit_main_td5_1.appendChild(el_style_textarea);
	
	edit_main_td6.appendChild(el_send_label);
	edit_main_td6_1.appendChild(el_send);
	
	edit_main_td7.appendChild(el_required_label);
	edit_main_td7_1.appendChild(el_required);
	
	edit_main_td9.appendChild(el_unique_label);
	edit_main_td9_1.appendChild(el_unique);
	
	edit_main_td8.appendChild(el_attr_label);
	edit_main_td8.appendChild(el_attr_add);
	edit_main_td8.appendChild(br4);
	edit_main_td8.appendChild(el_attr_table);
	edit_main_td8.setAttribute("colspan", "2");
	
/*	edit_main_td5.appendChild(el_guidelines_label);
	edit_main_td5.appendChild(br4);
	edit_main_td5.appendChild(el_guidelines_textarea);
*/	
	edit_main_tr1.appendChild(edit_main_td1);
	edit_main_tr1.appendChild(edit_main_td1_1);
	edit_main_tr2.appendChild(edit_main_td2);
	edit_main_tr2.appendChild(edit_main_td2_1);
	edit_main_tr3.appendChild(edit_main_td3);
	edit_main_tr3.appendChild(edit_main_td3_1);
	edit_main_tr4.appendChild(edit_main_td4);
	edit_main_tr4.appendChild(edit_main_td4_1);
	edit_main_tr5.appendChild(edit_main_td5);
	edit_main_tr5.appendChild(edit_main_td5_1);
	
	edit_main_tr6.appendChild(edit_main_td6);
	edit_main_tr6.appendChild(edit_main_td6_1);
	edit_main_tr7.appendChild(edit_main_td7);
	edit_main_tr7.appendChild(edit_main_td7_1);
	edit_main_tr9.appendChild(edit_main_td9);
	edit_main_tr9.appendChild(edit_main_td9_1);
	edit_main_tr8.appendChild(edit_main_td8);
	edit_main_tr8.appendChild(edit_main_td8_1);
	edit_main_table.appendChild(edit_main_tr1);
	edit_main_table.appendChild(edit_main_tr2);
	edit_main_table.appendChild(edit_main_tr3);
	edit_main_table.appendChild(edit_main_tr4);
	edit_main_table.appendChild(edit_main_tr5);
	
	edit_main_table.appendChild(edit_main_tr6);
	edit_main_table.appendChild(edit_main_tr7);
	edit_main_table.appendChild(edit_main_tr9);
	edit_main_table.appendChild(edit_main_tr8);
	edit_div.appendChild(edit_main_table);
	
	t.appendChild(edit_div);
	add_id_and_name(i, 'type_text');
	
//show table

	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_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_send = document.createElement("input");
            adding_send.setAttribute("type", "hidden");
            adding_send.setAttribute("value", w_send);
            adding_send.setAttribute("name", i+"_sendform_id_temp");
            adding_send.setAttribute("id", i+"_sendform_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", type);
		
		
		if(w_title==w_first_val)
		{
			adding.style.cssText = "width:"+w_size+"px;";
			adding.setAttribute("class", "input_deactive");
		}
		else
		{
			adding.style.cssText = "width:"+w_size+"px;";
			adding.setAttribute("class", "input_active");
		}
			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("onFocus", "delete_value('"+i+"_elementform_id_temp')");
			adding.setAttribute("onBlur", "return_value('"+i+"_elementform_id_temp')");
			adding.setAttribute("onChange", "change_value('"+i+"_elementform_id_temp')");
			

     	var div = document.createElement('div');
      	    div.setAttribute("id", "main_div");
					
      	var table = document.createElement('table');
           	table.setAttribute("id", i+"_elemet_tableform_id_temp");
			
      	var tr = document.createElement('tr');
			
      	var td1 = document.createElement('td');
         	td1.setAttribute("valign", 'middle');
         	td1.setAttribute("align", 'left');
           	td1.setAttribute("id", i+"_label_sectionform_id_temp");
			
      	var td2 = document.createElement('td');
        	td2.setAttribute("valign", 'middle');
         	td2.setAttribute("align", 'left');
           	td2.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 label = document.createElement('span');
			label.setAttribute("id", i+"_element_labelform_id_temp");
			label.innerHTML = w_field_label;
			label.setAttribute("class", "label");
	    
      	var required = document.createElement('span');
			required.setAttribute("id", i+"_required_elementform_id_temp");
			required.innerHTML = "";
			required.setAttribute("class", "required");
	if(w_required=="yes")
			required.innerHTML = " *";
      	var main_td  = document.getElementById('show_table');
      
      	td1.appendChild(label);
      	td1.appendChild(required);
      	td2.appendChild(adding_type);
      	td2.appendChild(adding_required);
      	td2.appendChild(adding_send);
      	td2.appendChild(adding_unique);
      	td2.appendChild(adding);
      	tr.appendChild(td1);
      	tr.appendChild(td2);
      	table.appendChild(tr);
      
      	div.appendChild(table);
      	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');
}

function type_checkbox(i, w_field_label, w_field_label_pos, 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) {

	document.getElementById("element_type").value="type_checkbox";

	delete_last_child();
// edit table	
	var edit_div  = document.createElement('div');
		edit_div.setAttribute("id", "edit_div");
		edit_div.setAttribute("style", "padding:10px;  padding-top:0px; padding-bottom:0px; margin-top:10px;");
		
	var edit_main_table  = document.createElement('table');
		edit_main_table.setAttribute("id", "edit_main_table");
		edit_main_table.setAttribute("cellpadding", "0");
		edit_main_table.setAttribute("cellspacing", "0");
		
	var edit_main_tr1  = document.createElement('tr');
      		edit_main_tr1.setAttribute("valing", "top");
		
	var edit_main_tr2  = document.createElement('tr');
      		edit_main_tr2.setAttribute("valing", "top");
		
	var edit_main_tr3  = document.createElement('tr');
      		edit_main_tr3.setAttribute("valing", "top");
		
	var edit_main_tr4  = document.createElement('tr');
      		edit_main_tr4.setAttribute("valing", "top");
		
	var edit_main_tr5  = document.createElement('tr');
      		edit_main_tr5.setAttribute("valing", "top");
			
	var edit_main_tr6  = document.createElement('tr');
      		edit_main_tr6.setAttribute("valing", "top");
	var edit_main_tr7  = document.createElement('tr');
      		edit_main_tr7.setAttribute("valing", "top");

	var edit_main_tr8  = document.createElement('tr');
      		edit_main_tr8.setAttribute("valing", "top");

	var edit_main_tr9  = document.createElement('tr');
      		edit_main_tr9.setAttribute("valing", "top");
  var edit_main_tr10  = document.createElement('tr');
      		edit_main_tr10.setAttribute("valing", "top");
	var edit_main_td1 = document.createElement('td');
		edit_main_td1.style.cssText = "padding-top:10px";	
	var edit_main_td1_1 = document.createElement('td');
		edit_main_td1_1.style.cssText = "padding-top:10px";		
	var edit_main_td2 = document.createElement('td');
		edit_main_td2.style.cssText = "padding-top:10px";
	var edit_main_td2_1 = document.createElement('td');
		edit_main_td2_1.style.cssText = "padding-top:10px";

	var edit_main_td3 = document.createElement('td');
		edit_main_td3.style.cssText = "padding-top:10px";
	var edit_main_td3_1 = document.createElement('td');
		edit_main_td3_1.style.cssText = "padding-top:10px";

		
	var edit_main_td4 = document.createElement('td');
		edit_main_td4.style.cssText = "padding-top:10px";
	var edit_main_td4_1 = document.createElement('td');
		edit_main_td4_1.style.cssText = "padding-top:10px; vertical-align:top;";
      	edit_main_td4.setAttribute("id", "choices");
	var edit_main_td5 = document.createElement('td');
		edit_main_td5.style.cssText = "padding-top:10px";
	var edit_main_td5_1 = document.createElement('td');
		edit_main_td5_1.style.cssText = "padding-top:10px";
				
	var edit_main_td6 = document.createElement('td');
		edit_main_td6.style.cssText = "padding-top:10px";
	var edit_main_td6_1 = document.createElement('td');
		edit_main_td6_1.style.cssText = "padding-top:10px";
		
	var edit_main_td7 = document.createElement('td');
		edit_main_td7.style.cssText = "padding-top:10px";
	var edit_main_td7_1 = document.createElement('td');
		edit_main_td7_1.style.cssText = "padding-top:10px";
		  
	var edit_main_td8 = document.createElement('td');
		edit_main_td8.style.cssText = "padding-top:10px";
	var edit_main_td8_1 = document.createElement('td');
		edit_main_td8_1.style.cssText = "padding-top:10px";
		  
	var edit_main_td9 = document.createElement('td');
		edit_main_td9.style.cssText = "padding-top:10px";
	var edit_main_td9_1 = document.createElement('td');
		edit_main_td9_1.style.cssText = "padding-top:10px";
  var edit_main_td10 = document.createElement('td');
		edit_main_td10.style.cssText = "padding-top:10px";
	var edit_main_td10_1 = document.createElement('td');
		edit_main_td10_1.style.cssText = "padding-top:10px";
		  
	var el_label_label = document.createElement('label');
			        el_label_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_label_label.innerHTML = "Field label";
	
	var el_label_textarea = document.createElement('textarea');
                el_label_textarea.setAttribute("id", "edit_for_label");
                el_label_textarea.setAttribute("rows", "4");
                el_label_textarea.style.cssText = "width:200px;";
                el_label_textarea.setAttribute("onKeyUp", "change_label('"+i+"_element_labelform_id_temp', this.value)");
				el_label_textarea.innerHTML = w_field_label;
		
	var el_label_position_label = document.createElement('label');
			        el_label_position_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_label_position_label.innerHTML = "Field label position";
	
	var el_label_position1 = document.createElement('input');
                el_label_position1.setAttribute("id", "edit_for_label_position_top");
                el_label_position1.setAttribute("type", "radio");
                el_label_position1.setAttribute("value", "left");
                
                el_label_position1.setAttribute("name", "edit_for_label_position");
                el_label_position1.setAttribute("onchange", "label_left("+i+")");
		Left = document.createTextNode("Left");
		
	var el_label_position2 = document.createElement('input');
                el_label_position2.setAttribute("id", "edit_for_label_position_left");
                el_label_position2.setAttribute("type", "radio");
                el_label_position2.setAttribute("value", "top");
			
                el_label_position2.setAttribute("name", "edit_for_label_position");
                el_label_position2.setAttribute("onchange", "label_top("+i+")");
		Top = document.createTextNode("Top");
		
	if(w_field_label_pos=="top")
	
				el_label_position2.setAttribute("checked", "checked");
	else
				el_label_position1.setAttribute("checked", "checked");
	var el_label_flow = document.createElement('label');
			        el_label_flow.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_label_flow.innerHTML = "Relative Position";
	
	var el_flow_vertical = document.createElement('input');
                el_flow_vertical.setAttribute("id", "edit_for_flow_vertical");
                el_flow_vertical.setAttribute("type", "radio");
                el_flow_vertical.setAttribute("value", "ver");
                el_flow_vertical.setAttribute("name", "edit_for_flow");
                el_flow_vertical.setAttribute("onchange", "refresh_rowcol("+i+",'checkbox')");
		Vertical = document.createTextNode("Vertical");
		
	var el_flow_horizontal = document.createElement('input');
                el_flow_horizontal.setAttribute("id", "edit_for_flow_horizontal");
                el_flow_horizontal.setAttribute("type", "radio");
                el_flow_horizontal.setAttribute("value", "hor");
                el_flow_horizontal.setAttribute("name", "edit_for_flow");
                el_flow_horizontal.setAttribute("onchange", "refresh_rowcol("+i+",'checkbox')");
		Horizontal = document.createTextNode("Horizontal");
		
	if(w_flow=="hor")
				el_flow_horizontal.setAttribute("checked", "checked");
	else
				el_flow_vertical.setAttribute("checked", "checked");
  var el_rowcol_label = document.createElement('label');
	        el_rowcol_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_rowcol_label.innerHTML = "Rows/Columns";
	
	var el_rowcol_textarea = document.createElement('input');
                el_rowcol_textarea.setAttribute("id", "edit_for_rowcol");
		el_rowcol_textarea.setAttribute("type", "text");
 		el_rowcol_textarea.setAttribute("value", w_rowcol);
                el_rowcol_textarea.style.cssText = "width:200px;";
                el_rowcol_textarea.setAttribute("onChange", "refresh_rowcol('"+i+"','checkbox')");
				
	var el_style_label = document.createElement('label');
	        el_style_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_style_label.innerHTML = "Class name";
	
	var el_style_textarea = document.createElement('input');
                el_style_textarea.setAttribute("id", "element_style");
		el_style_textarea.setAttribute("type", "text");
 		el_style_textarea.setAttribute("value", w_class);
                el_style_textarea.style.cssText = "width:200px;";
                el_style_textarea.setAttribute("onChange", "change_class(this.value,'"+i+"')");

	var el_required_label = document.createElement('label');
	        el_required_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_required_label.innerHTML = "Required";
	
	var el_required = document.createElement('input');
                el_required.setAttribute("id", "el_send");
                el_required.setAttribute("type", "checkbox");
                el_required.setAttribute("value", "yes");
                el_required.setAttribute("onclick", "set_required('"+i+"_required')");
	if(w_required=="yes")
			
                el_required.setAttribute("checked", "checked");
		
		
				
	var el_randomize_label = document.createElement('label');
				el_randomize_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
				el_randomize_label.innerHTML = "Randomize in frontend";
	
	var el_randomize = document.createElement('input');
                el_randomize.setAttribute("id", "el_randomize");
                el_randomize.setAttribute("type", "checkbox");
                el_randomize.setAttribute("value", "yes");
                el_randomize.setAttribute("onclick", "set_randomize('"+i+"_randomizeform_id_temp')");
	if(w_randomize=="yes")
			    el_randomize.setAttribute("checked", "checked");

	var el_allow_other_label = document.createElement('label');
				el_allow_other_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
				el_allow_other_label.innerHTML = "Allow other";
	
	var el_allow_other = document.createElement('input');
                el_allow_other.setAttribute("id", "el_allow_other");
                el_allow_other.setAttribute("type", "checkbox");
                el_allow_other.setAttribute("value", "yes");
                el_allow_other.setAttribute("onclick", "set_allow_other('"+i+"','checkbox')");
	if(w_allow_other=="yes")
			    el_allow_other.setAttribute("checked", "checked");



		
	
	var el_attr_label = document.createElement('label');
	                el_attr_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_attr_label.innerHTML = "Additional Attributes";
	var el_attr_add = document.createElement('img');
                el_attr_add.setAttribute("id", "el_choices_add");
           	el_attr_add.setAttribute("src", fmc_plugin_url+'/images/add.png');
            	el_attr_add.style.cssText = 'cursor:pointer; margin-left:68px';
            	el_attr_add.setAttribute("title", 'add');
                el_attr_add.setAttribute("onClick", "add_attr("+i+", 'type_checkbox')");
	var el_attr_table = document.createElement('table');
                el_attr_table.setAttribute("id", 'attributes');
                el_attr_table.setAttribute("border", '0');
        	el_attr_table.style.cssText = 'margin-left:0px';
	var el_attr_tr_label = document.createElement('tr');
                el_attr_tr_label.setAttribute("idi", '0');
	var el_attr_td_name_label = document.createElement('th');
            	el_attr_td_name_label.style.cssText = 'width:100px';
	var el_attr_td_value_label = document.createElement('th');
            	el_attr_td_value_label.style.cssText = 'width:100px';
	var el_attr_td_X_label = document.createElement('th');
            	el_attr_td_X_label.style.cssText = 'width:10px';
	var el_attr_name_label = document.createElement('label');
	                el_attr_name_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 11px";
			el_attr_name_label.innerHTML = "Name";
			
	var el_attr_value_label = document.createElement('label');
	                el_attr_value_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 11px";
			el_attr_value_label.innerHTML = "Value";
			
	el_attr_table.appendChild(el_attr_tr_label);
	el_attr_tr_label.appendChild(el_attr_td_name_label);
	el_attr_tr_label.appendChild(el_attr_td_value_label);
	el_attr_tr_label.appendChild(el_attr_td_X_label);
	el_attr_td_name_label.appendChild(el_attr_name_label);
	el_attr_td_value_label.appendChild(el_attr_value_label);
	
	n=w_attr_name.length;
	for(j=1; j<=n; j++)
	{	
		var el_attr_tr = document.createElement('tr');
			el_attr_tr.setAttribute("id", "attr_row_"+j);
			el_attr_tr.setAttribute("idi", j);
		var el_attr_td_name = document.createElement('td');
			el_attr_td_name.style.cssText = 'width:100px';
		var el_attr_td_value = document.createElement('td');
			el_attr_td_value.style.cssText = 'width:100px';
		
		var el_attr_td_X = document.createElement('td');
		var el_attr_name = document.createElement('input');
	
			el_attr_name.setAttribute("type", "text");
	
			el_attr_name.style.cssText = "width:100px";
			el_attr_name.setAttribute("value", w_attr_name[j-1]);
			el_attr_name.setAttribute("id", "attr_name"+j);
			el_attr_name.setAttribute("onChange", "change_attribute_name("+i+", this, 'type_checkbox')");
			
		var el_attr_value = document.createElement('input');
	
			el_attr_value.setAttribute("type", "text");	
			el_attr_value.style.cssText = "width:100px";
			el_attr_value.setAttribute("value", w_attr_value[j-1]);
			el_attr_value.setAttribute("id", "attr_value"+j);
			el_attr_value.setAttribute("onChange", "change_attribute_value("+i+", "+j+", 'type_checkbox')");
	
		var el_attr_remove = document.createElement('img');
			el_attr_remove.setAttribute("id", "el_choices"+j+"_remove");
			el_attr_remove.setAttribute("src", fmc_plugin_url+'/images/delete.png');
			el_attr_remove.style.cssText = 'cursor:pointer; vertical-align:middle; margin:3px';
			el_attr_remove.setAttribute("align", 'top');
			el_attr_remove.setAttribute("onClick", "remove_attr("+j+", "+i+", 'type_checkbox')");
		el_attr_table.appendChild(el_attr_tr);
		el_attr_tr.appendChild(el_attr_td_name);
		el_attr_tr.appendChild(el_attr_td_value);
		el_attr_tr.appendChild(el_attr_td_X);
		el_attr_td_name.appendChild(el_attr_name);
		el_attr_td_value.appendChild(el_attr_value);
		el_attr_td_X.appendChild(el_attr_remove);
		
	}

	var el_choices_label = document.createElement('label');
			        el_choices_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_choices_label.innerHTML = "Options ";
	var el_choices_add = document.createElement('img');
                el_choices_add.setAttribute("id", "el_choices_add");
           		el_choices_add.setAttribute("src", fmc_plugin_url+'/images/add.png');
            	el_choices_add.style.cssText = 'cursor:pointer;';
            	el_choices_add.setAttribute("title", 'add');
                el_choices_add.setAttribute("onClick", "add_choise('checkbox',"+i+")");
	
	var t  = document.getElementById('edit_table');
	
	var br = document.createElement('br');
	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 br6 = document.createElement('br');
	
	edit_main_td1.appendChild(el_label_label);
	edit_main_td1_1.appendChild(el_label_textarea);

	edit_main_td2.appendChild(el_label_position_label);
	edit_main_td2_1.appendChild(el_label_position1);
	edit_main_td2_1.appendChild(Left);
	edit_main_td2_1.appendChild(br2);
	edit_main_td2_1.appendChild(el_label_position2);
	edit_main_td2_1.appendChild(Top);

	edit_main_td3.appendChild(el_label_flow);
	edit_main_td3_1.appendChild(el_flow_vertical);
	edit_main_td3_1.appendChild(Vertical);
	edit_main_td3_1.appendChild(br4);
	edit_main_td3_1.appendChild(el_flow_horizontal);
	edit_main_td3_1.appendChild(Horizontal);
	
	edit_main_td5.appendChild(el_required_label);
	edit_main_td5_1.appendChild(el_required);
	
	edit_main_td8.appendChild(el_randomize_label);
	edit_main_td8_1.appendChild(el_randomize);
	
	edit_main_td9.appendChild(el_allow_other_label);
	edit_main_td9_1.appendChild(el_allow_other);
  edit_main_td10.appendChild(el_rowcol_label);
	edit_main_td10_1.appendChild(el_rowcol_textarea);
	
	edit_main_td6.appendChild(el_style_label);
	edit_main_td6_1.appendChild(el_style_textarea);
	
	edit_main_td7.appendChild(el_attr_label);
	edit_main_td7.appendChild(el_attr_add);
	edit_main_td7.appendChild(br6);
	edit_main_td7.appendChild(el_attr_table);
	edit_main_td7.setAttribute("colspan", "2");
	
	edit_main_td4.appendChild(el_choices_label);
	edit_main_td4_1.appendChild(el_choices_add);
	
	n=w_choices.length;
	for(j=0; j<n; j++)
	{	
		var br = document.createElement('br');
			br.setAttribute("id", "br"+j);
			
		var el_choices = document.createElement('input');
			el_choices.setAttribute("id", "el_choices"+j);
			el_choices.setAttribute("type", "text");
      if (w_allow_other == "yes" && j == w_allow_other_num) {
        el_choices.setAttribute("other", '1');
      }
			el_choices.setAttribute("value", w_choices[j]);
			el_choices.style.cssText =   "width:100px; margin:0; padding:0; border-width: 1px";
			el_choices.setAttribute("onKeyUp", "change_label('"+i+"_label_element"+j+"', this.value); change_in_value('"+i+"_elementform_id_temp"+j+"', this.value)");
	
		var el_choices_remove = document.createElement('img');
			el_choices_remove.setAttribute("id", "el_choices"+j+"_remove");
			el_choices_remove.setAttribute("src", fmc_plugin_url+'/images/delete.png');
		if(w_allow_other=="yes" && j==w_allow_other_num)
			el_choices_remove.style.cssText = 'cursor:pointer; vertical-align:middle; margin:3px; display:none';
		else			
			el_choices_remove.style.cssText = 'cursor:pointer; vertical-align:middle; margin:3px';
			el_choices_remove.setAttribute("align", 'top');
			el_choices_remove.setAttribute("onClick", "remove_choise("+j+","+i+",'checkbox')");
			
		edit_main_td4.appendChild(br);
		edit_main_td4.appendChild(el_choices);
		edit_main_td4.appendChild(el_choices_remove);
	
	}

	edit_main_tr1.appendChild(edit_main_td1);
	edit_main_tr1.appendChild(edit_main_td1_1);
	edit_main_tr2.appendChild(edit_main_td2);
	edit_main_tr2.appendChild(edit_main_td2_1);
	edit_main_tr3.appendChild(edit_main_td3);
	edit_main_tr3.appendChild(edit_main_td3_1);
	edit_main_tr6.appendChild(edit_main_td6);
	edit_main_tr6.appendChild(edit_main_td6_1);
	edit_main_tr5.appendChild(edit_main_td5);
	edit_main_tr5.appendChild(edit_main_td5_1);
	edit_main_tr7.appendChild(edit_main_td7);
	edit_main_tr4.appendChild(edit_main_td4);
	edit_main_tr4.appendChild(edit_main_td4_1);
	edit_main_tr8.appendChild(edit_main_td8);
	edit_main_tr8.appendChild(edit_main_td8_1);
	edit_main_tr9.appendChild(edit_main_td9);
	edit_main_tr9.appendChild(edit_main_td9_1);
  edit_main_tr10.appendChild(edit_main_td10);
	edit_main_tr10.appendChild(edit_main_td10_1);
	edit_main_table.appendChild(edit_main_tr1);
	edit_main_table.appendChild(edit_main_tr2);
	edit_main_table.appendChild(edit_main_tr3);
	edit_main_table.appendChild(edit_main_tr10);
	edit_main_table.appendChild(edit_main_tr6);
	edit_main_table.appendChild(edit_main_tr5);
	edit_main_table.appendChild(edit_main_tr8);
	edit_main_table.appendChild(edit_main_tr9);
	edit_main_table.appendChild(edit_main_tr4);
	edit_main_table.appendChild(edit_main_tr7);
	edit_div.appendChild(edit_main_table);
	
	t.appendChild(edit_div);
	
//show table

	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_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_allow_other= document.createElement("input");
            adding_allow_other.setAttribute("type", "hidden");
            adding_allow_other.setAttribute("value", w_allow_other);
            adding_allow_other.setAttribute("name", i+"_allow_otherform_id_temp");			
            adding_allow_other.setAttribute("id", i+"_allow_otherform_id_temp");
	    
	var adding_allow_other_id= document.createElement("input");
            adding_allow_other_id.setAttribute("type", "hidden");
            adding_allow_other_id.setAttribute("value", w_allow_other_num);
            adding_allow_other_id.setAttribute("name", i+"_allow_other_numform_id_temp");			
            adding_allow_other_id.setAttribute("id", i+"_allow_other_numform_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 div = document.createElement('div');
       	div.setAttribute("id", "main_div");
//tbody sarqac
		
		
	var table = document.createElement('table');
		table.setAttribute("id", i+"_elemet_tableform_id_temp");
	
    var tr = document.createElement('tr');
			
    var td1 = document.createElement('td');
         	td1.setAttribute("valign", 'top');
         	td1.setAttribute("align", 'left');
           	td1.setAttribute("id", i+"_label_sectionform_id_temp");
			
      	var td2 = document.createElement('td');
        	td2.setAttribute("valign", 'top');
         	td2.setAttribute("align", 'left');
           	td2.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');
	//	table_little -@ sarqaca tbody table_little darela table_little_t
	var table_little_t = document.createElement('table');
			
	var table_little = document.createElement('tbody');
           	table_little.setAttribute("id", i+"_table_little");
	table_little_t.appendChild(table_little);
	

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

	    
      	var required = document.createElement('span');
			required.setAttribute("id", i+"_required_elementform_id_temp");
			required.innerHTML = "";
			required.setAttribute("class", "required");
	if(w_required=="yes")
			required.innerHTML = " *";
  n = w_choices.length;
  aaa = false;
  var main_td  = document.getElementById('show_table');
	
      
      	td1.appendChild(label);
      	td1.appendChild(required);
        td2.appendChild(adding_type);
  
        td2.appendChild(adding_required);
        td2.appendChild(adding_randomize);
       	td2.appendChild(adding_allow_other);
       	td2.appendChild(adding_allow_other_id);
        td2.appendChild(adding_rowcol);
        td2.appendChild(table_little_t);
      	tr.appendChild(td1);
      	tr.appendChild(td2);
      	table.appendChild(tr);
      

      	div.appendChild(table);
      	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_checkbox');
  if (aaa) {
    show_other_input(i);
  }
  refresh_rowcol(i, 'checkbox');
  add_id_and_name(i, 'type_checkbox');
}

function type_radio(i, w_field_label, w_field_label_pos, 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 ){

	document.getElementById("element_type").value="type_radio";

	delete_last_child();
// edit table	
	var edit_div  = document.createElement('div');
		edit_div.setAttribute("id", "edit_div");
		edit_div.setAttribute("style", "padding:10px;  padding-top:0px; padding-bottom:0px; margin-top:10px;");
		
	var edit_main_table  = document.createElement('table');
		edit_main_table.setAttribute("id", "edit_main_table");
		edit_main_table.setAttribute("cellpadding", "0");
		edit_main_table.setAttribute("cellspacing", "0");
		
	var edit_main_tr1  = document.createElement('tr');
      		edit_main_tr1.setAttribute("valing", "top");
		
	var edit_main_tr2  = document.createElement('tr');
      		edit_main_tr2.setAttribute("valing", "top");
		
	var edit_main_tr3  = document.createElement('tr');
      		edit_main_tr3.setAttribute("valing", "top");
		
	var edit_main_tr4  = document.createElement('tr');
      		edit_main_tr4.setAttribute("valing", "top");
		
	var edit_main_tr5  = document.createElement('tr');
      		edit_main_tr5.setAttribute("valing", "top");
			
	var edit_main_tr6  = document.createElement('tr');
      		edit_main_tr6.setAttribute("valing", "top");
			
	var edit_main_tr7  = document.createElement('tr');
      		edit_main_tr7.setAttribute("valing", "top");
			
	var edit_main_tr8  = document.createElement('tr');
      		edit_main_tr8.setAttribute("valing", "top");

	var edit_main_tr9  = document.createElement('tr');
      		edit_main_tr9.setAttribute("valing", "top");
  var edit_main_tr10  = document.createElement('tr');
      		edit_main_tr10.setAttribute("valing", "top");
	var edit_main_td1 = document.createElement('td');
		edit_main_td1.style.cssText = "padding-top:10px";	
	var edit_main_td1_1 = document.createElement('td');
		edit_main_td1_1.style.cssText = "padding-top:10px";		
	var edit_main_td2 = document.createElement('td');
		edit_main_td2.style.cssText = "padding-top:10px";
	var edit_main_td2_1 = document.createElement('td');
		edit_main_td2_1.style.cssText = "padding-top:10px";

	var edit_main_td3 = document.createElement('td');
		edit_main_td3.style.cssText = "padding-top:10px";
	var edit_main_td3_1 = document.createElement('td');
		edit_main_td3_1.style.cssText = "padding-top:10px";

	var edit_main_td4 = document.createElement('td');
		edit_main_td4.style.cssText = "padding-top:10px";
	var edit_main_td4_1 = document.createElement('td');
		edit_main_td4_1.style.cssText = "padding-top:10px; vertical-align:top;";
		
		edit_main_td4.setAttribute("id", "choices");
		
	var edit_main_td5 = document.createElement('td');
		edit_main_td5.style.cssText = "padding-top:10px";
	var edit_main_td5_1 = document.createElement('td');
		edit_main_td5_1.style.cssText = "padding-top:10px";
				
	var edit_main_td6 = document.createElement('td');
		edit_main_td6.style.cssText = "padding-top:10px";
	var edit_main_td6_1 = document.createElement('td');
		edit_main_td6_1.style.cssText = "padding-top:10px";
		
	var edit_main_td7 = document.createElement('td');
		edit_main_td7.style.cssText = "padding-top:10px";
	var edit_main_td7_1 = document.createElement('td');
		edit_main_td7_1.style.cssText = "padding-top:10px";
		  
	var edit_main_td8 = document.createElement('td');
		edit_main_td8.style.cssText = "padding-top:10px";
	var edit_main_td8_1 = document.createElement('td');
		edit_main_td8_1.style.cssText = "padding-top:10px";
		  
	var edit_main_td9 = document.createElement('td');
		edit_main_td9.style.cssText = "padding-top:10px";
	var edit_main_td9_1 = document.createElement('td');
		edit_main_td9_1.style.cssText = "padding-top:10px";
  var edit_main_td10 = document.createElement('td');
		edit_main_td10.style.cssText = "padding-top:10px";
	var edit_main_td10_1 = document.createElement('td');
		edit_main_td10_1.style.cssText = "padding-top:10px";
		  
	var el_label_label = document.createElement('label');
			        el_label_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_label_label.innerHTML = "Field label";
	
	var el_label_textarea = document.createElement('textarea');
                el_label_textarea.setAttribute("id", "edit_for_label");
                el_label_textarea.setAttribute("rows", "4");
                el_label_textarea.style.cssText = "width:200px;";
                el_label_textarea.setAttribute("onKeyUp", "change_label('"+i+"_element_labelform_id_temp', this.value)");
				el_label_textarea.innerHTML = w_field_label;
		
	var el_label_position_label = document.createElement('label');
			        el_label_position_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_label_position_label.innerHTML = "Field label position";
	
	var el_label_position1 = document.createElement('input');
                el_label_position1.setAttribute("id", "edit_for_label_position_top");
                el_label_position1.setAttribute("type", "radio");
                el_label_position1.setAttribute("value", "left");
                

                el_label_position1.setAttribute("name", "edit_for_label_position");
                el_label_position1.setAttribute("onchange", "label_left("+i+")");
				el_label_position1.setAttribute("checked", "checked");
		Left = document.createTextNode("Left");
		
	var el_label_position2 = document.createElement('input');
                el_label_position2.setAttribute("id", "edit_for_label_position_left");
                el_label_position2.setAttribute("type", "radio");

                el_label_position2.setAttribute("value", "top");
	

                el_label_position2.setAttribute("name", "edit_for_label_position");
                el_label_position2.setAttribute("onchange", "label_top("+i+")");
		Top = document.createTextNode("Top");
		
	if(w_field_label_pos=="top")
	
				el_label_position2.setAttribute("checked", "checked");
	else
				el_label_position1.setAttribute("checked", "checked");
	
	var el_label_flow = document.createElement('label');
			        el_label_flow.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_label_flow.innerHTML = "Relative Position";

	var el_flow_vertical = document.createElement('input');
                el_flow_vertical.setAttribute("id", "edit_for_flow_vertical");
                el_flow_vertical.setAttribute("type", "radio");
                el_flow_vertical.setAttribute("value", "ver");
                el_flow_vertical.setAttribute("name", "edit_for_flow");
                el_flow_vertical.setAttribute("onchange", "refresh_rowcol("+i+",'radio')");
		Vertical = document.createTextNode("Vertical");
		
	var el_flow_horizontal = document.createElement('input');
            el_flow_horizontal.setAttribute("id", "edit_for_flow_horizontal");
            el_flow_horizontal.setAttribute("type", "radio");
            el_flow_horizontal.setAttribute("value", "hor");
            el_flow_horizontal.setAttribute("name", "edit_for_flow");
            el_flow_horizontal.setAttribute("onchange", "refresh_rowcol("+i+",'radio')");
		Horizontal = document.createTextNode("Horizontal");
		
	if(w_flow=="hor")
				el_flow_horizontal.setAttribute("checked", "checked");
	else
				el_flow_vertical.setAttribute("checked", "checked");
  var el_rowcol_label = document.createElement('label');
	        el_rowcol_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_rowcol_label.innerHTML = "Rows/Columns";
	
	var el_rowcol_textarea = document.createElement('input');
                el_rowcol_textarea.setAttribute("id", "edit_for_rowcol");
		el_rowcol_textarea.setAttribute("type", "text");
 		el_rowcol_textarea.setAttribute("value", w_rowcol);
                el_rowcol_textarea.style.cssText = "width:200px;";
                el_rowcol_textarea.setAttribute("onChange", "refresh_rowcol('"+i+"','radio')");
	var el_style_label = document.createElement('label');
	    el_style_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_style_label.innerHTML = "Class name";
	
	var el_style_textarea = document.createElement('input');
        el_style_textarea.setAttribute("id", "element_style");
		el_style_textarea.setAttribute("type", "text");
		el_style_textarea.setAttribute("value", w_class);
        el_style_textarea.style.cssText = "width:200px;";
        el_style_textarea.setAttribute("onChange", "change_class(this.value,'"+i+"')");
	
	var el_required_label = document.createElement('label');
	        el_required_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_required_label.innerHTML = "Required";
	
	var el_required = document.createElement('input');
                el_required.setAttribute("id", "el_send");
                el_required.setAttribute("type", "checkbox");
                el_required.setAttribute("value", "yes");
                el_required.setAttribute("onclick", "set_required('"+i+"_required')");
	if(w_required=="yes")
			
                el_required.setAttribute("checked", "checked");

				
	var el_randomize_label = document.createElement('label');
				el_randomize_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
				el_randomize_label.innerHTML = "Randomize in frontend";
	
	var el_randomize = document.createElement('input');
                el_randomize.setAttribute("id", "el_randomize");
                el_randomize.setAttribute("type", "checkbox");
                el_randomize.setAttribute("value", "yes");
                el_randomize.setAttribute("onclick", "set_randomize('"+i+"_randomizeform_id_temp')");
	if(w_randomize=="yes")
			    el_randomize.setAttribute("checked", "checked");

	var el_allow_other_label = document.createElement('label');
				el_allow_other_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
				el_allow_other_label.innerHTML = "Allow other";
	
	var el_allow_other = document.createElement('input');
                el_allow_other.setAttribute("id", "el_allow_other");
                el_allow_other.setAttribute("type", "checkbox");
                el_allow_other.setAttribute("value", "yes");
                el_allow_other.setAttribute("onclick", "set_allow_other('"+i+"','radio')");
	if(w_allow_other=="yes")
			    el_allow_other.setAttribute("checked", "checked");




	var el_attr_label = document.createElement('label');
	                el_attr_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_attr_label.innerHTML = "Additional Attributes";
	var el_attr_add = document.createElement('img');
                el_attr_add.setAttribute("id", "el_choices_add");
           	el_attr_add.setAttribute("src", fmc_plugin_url+'/images/add.png');
            	el_attr_add.style.cssText = 'cursor:pointer; margin-left:68px';
            	el_attr_add.setAttribute("title", 'add');
                el_attr_add.setAttribute("onClick", "add_attr("+i+", 'type_checkbox')");
	var el_attr_table = document.createElement('table');
                el_attr_table.setAttribute("id", 'attributes');
                el_attr_table.setAttribute("border", '0');
        	el_attr_table.style.cssText = 'margin-left:0px';
	var el_attr_tr_label = document.createElement('tr');
                el_attr_tr_label.setAttribute("idi", '0');
	var el_attr_td_name_label = document.createElement('th');
            	el_attr_td_name_label.style.cssText = 'width:100px';
	var el_attr_td_value_label = document.createElement('th');
            	el_attr_td_value_label.style.cssText = 'width:100px';
	var el_attr_td_X_label = document.createElement('th');
            	el_attr_td_X_label.style.cssText = 'width:10px';
	var el_attr_name_label = document.createElement('label');
	                el_attr_name_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 11px";
			el_attr_name_label.innerHTML = "Name";
			
	var el_attr_value_label = document.createElement('label');
	                el_attr_value_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 11px";
			el_attr_value_label.innerHTML = "Value";
			
	el_attr_table.appendChild(el_attr_tr_label);
	el_attr_tr_label.appendChild(el_attr_td_name_label);
	el_attr_tr_label.appendChild(el_attr_td_value_label);
	el_attr_tr_label.appendChild(el_attr_td_X_label);
	el_attr_td_name_label.appendChild(el_attr_name_label);
	el_attr_td_value_label.appendChild(el_attr_value_label);
	
	n=w_attr_name.length;
	for(j=1; j<=n; j++)
	{	
		var el_attr_tr = document.createElement('tr');
			el_attr_tr.setAttribute("id", "attr_row_"+j);
			el_attr_tr.setAttribute("idi", j);
		var el_attr_td_name = document.createElement('td');
			el_attr_td_name.style.cssText = 'width:100px';
		var el_attr_td_value = document.createElement('td');
			el_attr_td_value.style.cssText = 'width:100px';
		
		var el_attr_td_X = document.createElement('td');
		var el_attr_name = document.createElement('input');
	
			el_attr_name.setAttribute("type", "text");
	
			el_attr_name.style.cssText = "width:100px";
			el_attr_name.setAttribute("value", w_attr_name[j-1]);
			el_attr_name.setAttribute("id", "attr_name"+j);
			el_attr_name.setAttribute("onChange", "change_attribute_name("+i+", this, 'type_checkbox')");
			
		var el_attr_value = document.createElement('input');
	
			el_attr_value.setAttribute("type", "text");
			el_attr_value.style.cssText = "width:100px";
			el_attr_value.setAttribute("value", w_attr_value[j-1]);
			el_attr_value.setAttribute("id", "attr_value"+j);
			el_attr_value.setAttribute("onChange", "change_attribute_value("+i+", "+j+", 'type_checkbox')");
	
		var el_attr_remove = document.createElement('img');
			el_attr_remove.setAttribute("id", "el_choices"+j+"_remove");
			el_attr_remove.setAttribute("src", fmc_plugin_url+'/images/delete.png');
			el_attr_remove.style.cssText = 'cursor:pointer; vertical-align:middle; margin:3px';
			el_attr_remove.setAttribute("align", 'top');
			el_attr_remove.setAttribute("onClick", "remove_attr("+j+", "+i+", 'type_checkbox')");
		el_attr_table.appendChild(el_attr_tr);
		el_attr_tr.appendChild(el_attr_td_name);
		el_attr_tr.appendChild(el_attr_td_value);
		el_attr_tr.appendChild(el_attr_td_X);
		el_attr_td_name.appendChild(el_attr_name);
		el_attr_td_value.appendChild(el_attr_value);
		el_attr_td_X.appendChild(el_attr_remove);
		
	}

	var el_choices_label = document.createElement('label');
			        el_choices_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_choices_label.innerHTML = "Options ";

	
	var el_choices_add = document.createElement('img');
                el_choices_add.setAttribute("id", "el_choices_add");
           	el_choices_add.setAttribute("src", fmc_plugin_url+'/images/add.png');
            	el_choices_add.style.cssText = 'cursor:pointer;';
            	el_choices_add.setAttribute("title", 'add');
                el_choices_add.setAttribute("onClick", "add_choise('radio',"+i+")");
				
	var t  = document.getElementById('edit_table');
	
	var br = document.createElement('br');
	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 br6 = document.createElement('br');
	

	edit_main_td1.appendChild(el_label_label);
	edit_main_td1_1.appendChild(el_label_textarea);

	edit_main_td2.appendChild(el_label_position_label);
	edit_main_td2_1.appendChild(el_label_position1);
	edit_main_td2_1.appendChild(Left);
	edit_main_td2_1.appendChild(br2);
	edit_main_td2_1.appendChild(el_label_position2);
	edit_main_td2_1.appendChild(Top);
	
	edit_main_td3.appendChild(el_label_flow);
	edit_main_td3_1.appendChild(el_flow_vertical);
	edit_main_td3_1.appendChild(Vertical);
	edit_main_td3_1.appendChild(br4);
	edit_main_td3_1.appendChild(el_flow_horizontal);
	edit_main_td3_1.appendChild(Horizontal);

	edit_main_td6.appendChild(el_style_label);
	edit_main_td6_1.appendChild(el_style_textarea);
	
	edit_main_td5.appendChild(el_required_label);
	edit_main_td5_1.appendChild(el_required);
	
	edit_main_td8.appendChild(el_randomize_label);
	edit_main_td8_1.appendChild(el_randomize);
	
	edit_main_td9.appendChild(el_allow_other_label);
	edit_main_td9_1.appendChild(el_allow_other);
	edit_main_td10.appendChild(el_rowcol_label);
	edit_main_td10_1.appendChild(el_rowcol_textarea);
	edit_main_td7.appendChild(el_attr_label);
	edit_main_td7.appendChild(el_attr_add);
	edit_main_td7.appendChild(br6);
	edit_main_td7.appendChild(el_attr_table);
	edit_main_td7.setAttribute("colspan", "2");
	
	edit_main_td4.appendChild(el_choices_label);
	edit_main_td4_1.appendChild(el_choices_add);

	
	n=w_choices.length;
	for(j=0; j<n; j++)
	{	
		var br = document.createElement('br');
			br.setAttribute("id", "br"+j);
			
		var el_choices = document.createElement('input');
			el_choices.setAttribute("id", "el_choices"+j);
			el_choices.setAttribute("type", "text");
      if (w_allow_other == "yes" && j == w_allow_other_num) {
        el_choices.setAttribute("other", '1');
      }
			el_choices.setAttribute("value", w_choices[j]);
			el_choices.style.cssText =   "width:100px; margin:0; padding:0; border-width: 1px";
			el_choices.setAttribute("onKeyUp", "change_label('"+i+"_label_element"+j+"', this.value); change_in_value('"+i+"_elementform_id_temp"+j+"', this.value)");
	
		var el_choices_remove = document.createElement('img');
			el_choices_remove.setAttribute("id", "el_choices"+j+"_remove");
			el_choices_remove.setAttribute("src", fmc_plugin_url+'/images/delete.png');
		if(w_allow_other=="yes" && j==w_allow_other_num)
			el_choices_remove.style.cssText = 'cursor:pointer; vertical-align:middle; margin:3px; display:none';
		else			
			el_choices_remove.style.cssText = 'cursor:pointer; vertical-align:middle; margin:3px';
			el_choices_remove.setAttribute("align", 'top');
			el_choices_remove.setAttribute("onClick", "remove_choise("+j+","+i+",'radio')");
			
		edit_main_td4.appendChild(br);
		edit_main_td4.appendChild(el_choices);
		edit_main_td4.appendChild(el_choices_remove);
	
	}


	edit_main_tr1.appendChild(edit_main_td1);
	edit_main_tr1.appendChild(edit_main_td1_1);
	edit_main_tr2.appendChild(edit_main_td2);
	edit_main_tr2.appendChild(edit_main_td2_1);
	edit_main_tr3.appendChild(edit_main_td3);
	edit_main_tr3.appendChild(edit_main_td3_1);
	
	edit_main_tr6.appendChild(edit_main_td6);
	edit_main_tr6.appendChild(edit_main_td6_1);
	edit_main_tr7.appendChild(edit_main_td7);
	edit_main_tr5.appendChild(edit_main_td5);
	edit_main_tr5.appendChild(edit_main_td5_1);
	edit_main_tr4.appendChild(edit_main_td4);
	edit_main_tr4.appendChild(edit_main_td4_1);
	edit_main_tr8.appendChild(edit_main_td8);
	edit_main_tr8.appendChild(edit_main_td8_1);
	edit_main_tr9.appendChild(edit_main_td9);
	edit_main_tr9.appendChild(edit_main_td9_1);
  edit_main_tr10.appendChild(edit_main_td10);
	edit_main_tr10.appendChild(edit_main_td10_1);
	edit_main_table.appendChild(edit_main_tr1);
	edit_main_table.appendChild(edit_main_tr2);
	edit_main_table.appendChild(edit_main_tr3);
  edit_main_table.appendChild(edit_main_tr10);
	edit_main_table.appendChild(edit_main_tr6);
	edit_main_table.appendChild(edit_main_tr5);
	edit_main_table.appendChild(edit_main_tr8);
	edit_main_table.appendChild(edit_main_tr9);
	edit_main_table.appendChild(edit_main_tr4);
	edit_main_table.appendChild(edit_main_tr7);
	edit_div.appendChild(edit_main_table);
	
	t.appendChild(edit_div);
	
//show table

	element='input';	type='radio'; 
		var adding_type = document.createElement("input");
            adding_type.setAttribute("type", "hidden");
            adding_type.setAttribute("value", "type_radio");
            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_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_allow_other= document.createElement("input");
            adding_allow_other.setAttribute("type", "hidden");
            adding_allow_other.setAttribute("value", w_allow_other);
            adding_allow_other.setAttribute("name", i+"_allow_otherform_id_temp");			
            adding_allow_other.setAttribute("id", i+"_allow_otherform_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 div = document.createElement('div');
      	    div.setAttribute("id", "main_div");
			
	var table = document.createElement('table');
           	table.setAttribute("id", i+"_elemet_tableform_id_temp");
	
      	var tr = document.createElement('tr');
			
      	var td1 = document.createElement('td');
         	td1.setAttribute("valign", 'top');
         	td1.setAttribute("align", 'left');
           	td1.setAttribute("id", i+"_label_sectionform_id_temp");
			
      	var td2 = document.createElement('td');
        	td2.setAttribute("valign", 'top');
         	td2.setAttribute("align", 'left');
           	td2.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');
//tbody sarqac		
		var table_little_t = document.createElement('table');
			
		var table_little = document.createElement('tbody');
           	table_little.setAttribute("id", i+"_table_little");
			
		table_little_t.appendChild(table_little);
	
      	var tr_little1 = document.createElement('tr');
	        tr_little1.setAttribute("id", i+"_element_tr1");
		
      	var tr_little2 = document.createElement('tr');
 	        tr_little2.setAttribute("id", i+"_element_tr2");
			
      	var td_little1 = document.createElement('td');
         	td_little1.setAttribute("valign", 'top');
           	td_little1.setAttribute("id", i+"_td_little1");
			
      	var td_little2 = document.createElement('td');
        	td_little2.setAttribute("valign", 'top');
           	td_little2.setAttribute("id", i+"_td_little2");
			

	    
      	var label = document.createElement('span');
			label.setAttribute("id", i+"_element_labelform_id_temp");
			label.innerHTML = w_field_label;
			label.setAttribute("class", "label");
	    
      	var required = document.createElement('span');
			required.setAttribute("id", i+"_required_elementform_id_temp");
			required.innerHTML = "";
			required.setAttribute("class", "required");
	if(w_required=="yes")
			required.innerHTML = " *";
	n=w_choices.length;
	aaa=false;
	
	    
      	var main_td  = document.getElementById('show_table');
	
      
      	td1.appendChild(label);
      	td1.appendChild(required);
       	td2.appendChild(adding_type);
	
       	td2.appendChild(adding_required);
       	td2.appendChild(adding_randomize);
       	td2.appendChild(adding_allow_other);
        td2.appendChild(adding_rowcol);
        td2.appendChild(table_little_t);
      	tr.appendChild(td1);
      	tr.appendChild(td2);
      	table.appendChild(tr);
      
      	div.appendChild(table);
      	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_checkbox');
  if (aaa) {
    show_other_input(i);
  }
  refresh_rowcol(i, 'radio');
  add_id_and_name(i, 'type_radio');

}

function type_time(i, w_field_label, w_field_label_pos, 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) {
	
	document.getElementById("element_type").value="type_time";

	delete_last_child();
// edit table	
	var edit_div  = document.createElement('div');
		edit_div.setAttribute("id", "edit_div");
		edit_div.setAttribute("style", "border-top:1px dotted black;padding:10px;  padding-top:0px; padding-bottom:0px; margin-top:10px;");
		
	var edit_main_table  = document.createElement('table');
		edit_main_table.setAttribute("id", "edit_main_table");
		edit_main_table.setAttribute("cellpadding", "0");
		edit_main_table.setAttribute("cellspacing", "0");
		
	var edit_main_tr1  = document.createElement('tr');
      		edit_main_tr1.setAttribute("valing", "top");
		
	var edit_main_tr2  = document.createElement('tr');
      		edit_main_tr2.setAttribute("valing", "top");
		
	var edit_main_tr3  = document.createElement('tr');
      		edit_main_tr3.setAttribute("valing", "top");
		
	var edit_main_tr4  = document.createElement('tr');
      		edit_main_tr4.setAttribute("valing", "top");
		
	var edit_main_tr5  = document.createElement('tr');
      		edit_main_tr5.setAttribute("valing", "top");
			
	var edit_main_tr6  = document.createElement('tr');
      		edit_main_tr6.setAttribute("valing", "top");
	var edit_main_tr7  = document.createElement('tr');
      		edit_main_tr7.setAttribute("valing", "top");

	var edit_main_td1 = document.createElement('td');
		edit_main_td1.style.cssText = "padding-top:10px";	
	var edit_main_td1_1 = document.createElement('td');
		edit_main_td1_1.style.cssText = "padding-top:10px";		
	var edit_main_td2 = document.createElement('td');
		edit_main_td2.style.cssText = "padding-top:10px";
	var edit_main_td2_1 = document.createElement('td');
		edit_main_td2_1.style.cssText = "padding-top:10px";

	var edit_main_td3 = document.createElement('td');
		edit_main_td3.style.cssText = "padding-top:10px";
	var edit_main_td3_1 = document.createElement('td');
		edit_main_td3_1.style.cssText = "padding-top:10px";
	var edit_main_td4 = document.createElement('td');
		edit_main_td4.style.cssText = "padding-top:10px";
	var edit_main_td4_1 = document.createElement('td');
		edit_main_td4_1.style.cssText = "padding-top:10px";
		
	var edit_main_td5 = document.createElement('td');
		edit_main_td5.style.cssText = "padding-top:10px";
	var edit_main_td5_1 = document.createElement('td');
		edit_main_td5_1.style.cssText = "padding-top:10px";
				
	var edit_main_td6 = document.createElement('td');
		edit_main_td6.style.cssText = "padding-top:10px";
	var edit_main_td6_1 = document.createElement('td');
		edit_main_td6_1.style.cssText = "padding-top:10px";
	var edit_main_td7 = document.createElement('td');
		edit_main_td7.style.cssText = "padding-top:10px";
	var edit_main_td7_1 = document.createElement('td');
		edit_main_td7_1.style.cssText = "padding-top:10px";
		  
	var el_label_label = document.createElement('label');
			        el_label_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_label_label.innerHTML = "Field label";
	
	var el_label_textarea = document.createElement('textarea');
                el_label_textarea.setAttribute("id", "edit_for_label");
                el_label_textarea.setAttribute("rows", "4");
                el_label_textarea.style.cssText = "width:200px;";
                el_label_textarea.setAttribute("onKeyUp", "change_label('"+i+"_element_labelform_id_temp', this.value)");
				el_label_textarea.innerHTML = w_field_label;
		
	var el_label_position_label = document.createElement('label');
			        el_label_position_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_label_position_label.innerHTML = "Field label position";
	
	var el_label_position1 = document.createElement('input');
                el_label_position1.setAttribute("id", "edit_for_label_position_top");
                el_label_position1.setAttribute("type", "radio");
                el_label_position1.setAttribute("value", "left");
                

                el_label_position1.setAttribute("name", "edit_for_label_position");
                el_label_position1.setAttribute("onchange", "label_left("+i+")");
				el_label_position1.setAttribute("checked", "checked");
		Left = document.createTextNode("Left");
		
	var el_label_position2 = document.createElement('input');
                el_label_position2.setAttribute("id", "edit_for_label_position_left");
                el_label_position2.setAttribute("type", "radio");
                el_label_position2.setAttribute("value", "top");
		
                el_label_position2.setAttribute("name", "edit_for_label_position");
                el_label_position2.setAttribute("onchange", "label_top("+i+")");
		Top = document.createTextNode("Top");
		
	if(w_field_label_pos=="top")
	
				el_label_position2.setAttribute("checked", "checked");
	else
				el_label_position1.setAttribute("checked", "checked");

	var el_label_time_type_label = document.createElement('label');
	        el_label_time_type_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_label_time_type_label.innerHTML = "Time Format";
	
	var el_label_time_type1 = document.createElement('input');
                el_label_time_type1.setAttribute("id", "el_label_time_type1");
                el_label_time_type1.setAttribute("type", "radio");
                el_label_time_type1.setAttribute("value", "format_24");
                el_label_time_type1.setAttribute("name", "edit_for_time_type");
                el_label_time_type1.setAttribute("onchange", "format_24("+i+")");
		el_label_time_type1.setAttribute("checked", "checked");
		hour_24 = document.createTextNode("24 hour");
		
	var el_label_time_type2 = document.createElement('input');
                el_label_time_type2.setAttribute("id", "el_label_time_type2");
                el_label_time_type2.setAttribute("type", "radio");
                el_label_time_type2.setAttribute("value", "format_12");
                el_label_time_type2.setAttribute("name", "edit_for_time_type");
                el_label_time_type2.setAttribute("onchange", "format_12("+i+", 'am','', '','')");
		am_pm = document.createTextNode("12 hour");
		
	if(w_time_type=="24")
	
				el_label_time_type1.setAttribute("checked", "checked");
	else
				el_label_time_type2.setAttribute("checked", "checked");

	var el_label_second_label = document.createElement('label');
	        el_label_second_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_label_second_label.innerHTML = "Display Seconds";
	
	var el_second_yes = document.createElement('input');
                el_second_yes.setAttribute("id", "el_second_yes");
                el_second_yes.setAttribute("type", "radio");
                el_second_yes.setAttribute("value", "yes");
                el_second_yes.setAttribute("name", "edit_for_time_second");
                el_second_yes.setAttribute("onchange", "second_yes("+i+",'"+w_ss+"')");
		el_second_yes.setAttribute("checked", "checked");
		display_seconds = document.createTextNode("Yes");
		
	var el_second_no = document.createElement('input');
                el_second_no.setAttribute("id", "el_second_no");
                el_second_no.setAttribute("type", "radio");
                el_second_no.setAttribute("value", "no");
                el_second_no.setAttribute("name", "edit_for_time_second");
                el_second_no.setAttribute("onchange", "second_no("+i+")");
		dont_display_seconds = document.createTextNode("No");
		
	if(w_sec=="1")
	
				el_second_yes.setAttribute("checked", "checked");
	else
				el_second_no.setAttribute("checked", "checked");
	var el_style_label = document.createElement('label');
	        el_style_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_style_label.innerHTML = "Class name";
	
	var el_style_textarea = document.createElement('input');
                el_style_textarea.setAttribute("id", "element_style");
		el_style_textarea.setAttribute("type", "text");
		el_style_textarea.setAttribute("value", w_class);
                el_style_textarea.style.cssText = "width:200px;";
                el_style_textarea.setAttribute("onChange", "change_class(this.value,'"+i+"')");

	var el_required_label = document.createElement('label');
	        el_required_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_required_label.innerHTML = "Required";
	
	var el_required = document.createElement('input');
                el_required.setAttribute("id", "el_send");
                el_required.setAttribute("type", "checkbox");
                el_required.setAttribute("value", "yes");
                el_required.setAttribute("onclick", "set_required('"+i+"_required')");
	if(w_required=="yes")
			
                el_required.setAttribute("checked", "checked");
	var el_attr_label = document.createElement('label');
	                el_attr_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_attr_label.innerHTML = "Additional Attributes";
			
	var el_attr_add = document.createElement('img');
                el_attr_add.setAttribute("id", "el_choices_add");
           	el_attr_add.setAttribute("src", fmc_plugin_url+'/images/add.png');
            	el_attr_add.style.cssText = 'cursor:pointer; margin-left:68px';
            	el_attr_add.setAttribute("title", 'add');
                el_attr_add.setAttribute("onClick", "add_attr("+i+", 'type_time')");
	var el_attr_table = document.createElement('table');
                el_attr_table.setAttribute("id", 'attributes');
                el_attr_table.setAttribute("border", '0');
        	el_attr_table.style.cssText = 'margin-left:0px';
	var el_attr_tr_label = document.createElement('tr');
                el_attr_tr_label.setAttribute("idi", '0');
	var el_attr_td_name_label = document.createElement('th');
            	el_attr_td_name_label.style.cssText = 'width:100px';
	var el_attr_td_value_label = document.createElement('th');
            	el_attr_td_value_label.style.cssText = 'width:100px';
	var el_attr_td_X_label = document.createElement('th');
            	el_attr_td_X_label.style.cssText = 'width:10px';
	var el_attr_name_label = document.createElement('label');
	                el_attr_name_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 11px";
			el_attr_name_label.innerHTML = "Name";
			
	var el_attr_value_label = document.createElement('label');
	                el_attr_value_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 11px";
			el_attr_value_label.innerHTML = "Value";
			
	el_attr_table.appendChild(el_attr_tr_label);
	el_attr_tr_label.appendChild(el_attr_td_name_label);
	el_attr_tr_label.appendChild(el_attr_td_value_label);
	el_attr_tr_label.appendChild(el_attr_td_X_label);
	el_attr_td_name_label.appendChild(el_attr_name_label);
	el_attr_td_value_label.appendChild(el_attr_value_label);
	
	n=w_attr_name.length;
	for(j=1; j<=n; j++)
	{	
		var el_attr_tr = document.createElement('tr');
			el_attr_tr.setAttribute("id", "attr_row_"+j);
			el_attr_tr.setAttribute("idi", j);
		var el_attr_td_name = document.createElement('td');
			el_attr_td_name.style.cssText = 'width:100px';
		var el_attr_td_value = document.createElement('td');
			el_attr_td_value.style.cssText = 'width:100px';
		
		var el_attr_td_X = document.createElement('td');
		var el_attr_name = document.createElement('input');
	
			el_attr_name.setAttribute("type", "text");
	
			el_attr_name.style.cssText = "width:100px";
			el_attr_name.setAttribute("value", w_attr_name[j-1]);
			el_attr_name.setAttribute("id", "attr_name"+j);
			el_attr_name.setAttribute("onChange", "change_attribute_name("+i+", this, 'type_time')");
			
		var el_attr_value = document.createElement('input');
	
			el_attr_value.setAttribute("type", "text");
	
			el_attr_value.style.cssText = "width:100px";
			el_attr_value.setAttribute("value", w_attr_value[j-1]);
			el_attr_value.setAttribute("id", "attr_value"+j);
			el_attr_value.setAttribute("onChange", "change_attribute_value("+i+", "+j+", 'type_time')");
	
		var el_attr_remove = document.createElement('img');
			el_attr_remove.setAttribute("id", "el_choices"+j+"_remove");
			el_attr_remove.setAttribute("src", fmc_plugin_url+'/images/delete.png');
			el_attr_remove.style.cssText = 'cursor:pointer; vertical-align:middle; margin:3px';
			el_attr_remove.setAttribute("align", 'top');
			el_attr_remove.setAttribute("onClick", "remove_attr("+j+", "+i+", 'type_time')");
		el_attr_table.appendChild(el_attr_tr);
		el_attr_tr.appendChild(el_attr_td_name);
		el_attr_tr.appendChild(el_attr_td_value);
		el_attr_tr.appendChild(el_attr_td_X);
		el_attr_td_name.appendChild(el_attr_name);
		el_attr_td_value.appendChild(el_attr_value);
		el_attr_td_X.appendChild(el_attr_remove);
		
	}

	var t  = document.getElementById('edit_table');
	
	var br = document.createElement('br');
	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 br6 = document.createElement('br');
	
	edit_main_td1.appendChild(el_label_label);
	edit_main_td1_1.appendChild(el_label_textarea);

	edit_main_td2.appendChild(el_label_position_label);
	edit_main_td2_1.appendChild(el_label_position1);
	edit_main_td2_1.appendChild(Left);
	edit_main_td2_1.appendChild(br2);
	edit_main_td2_1.appendChild(el_label_position2);
	edit_main_td2_1.appendChild(Top);
	
	edit_main_td3.appendChild(el_label_time_type_label);
	edit_main_td3_1.appendChild(el_label_time_type1);
	edit_main_td3_1.appendChild(hour_24);
	edit_main_td3_1.appendChild(br6);
	edit_main_td3_1.appendChild(el_label_time_type2);
	edit_main_td3_1.appendChild(am_pm);
	
	edit_main_td4.appendChild(el_label_second_label);
	edit_main_td4_1.appendChild(el_second_yes);
	edit_main_td4_1.appendChild(display_seconds);
	edit_main_td4_1.appendChild(br4);
	edit_main_td4_1.appendChild(el_second_no);
	edit_main_td4_1.appendChild(dont_display_seconds);
	
	edit_main_td5.appendChild(el_style_label);
	edit_main_td5_1.appendChild(el_style_textarea);
	
	edit_main_td6.appendChild(el_required_label);
	edit_main_td6_1.appendChild(el_required);

	
	edit_main_td7.appendChild(el_attr_label);
	edit_main_td7.appendChild(el_attr_add);
	edit_main_td7.appendChild(br6);
	edit_main_td7.appendChild(el_attr_table);
	edit_main_td7.setAttribute("colspan", "2");
	edit_main_tr1.appendChild(edit_main_td1);
	edit_main_tr1.appendChild(edit_main_td1_1);
	edit_main_tr2.appendChild(edit_main_td2);
	edit_main_tr2.appendChild(edit_main_td2_1);
	edit_main_tr3.appendChild(edit_main_td3);
	edit_main_tr3.appendChild(edit_main_td3_1);
	edit_main_tr4.appendChild(edit_main_td4);
	edit_main_tr4.appendChild(edit_main_td4_1);
	edit_main_tr5.appendChild(edit_main_td5);
	edit_main_tr5.appendChild(edit_main_td5_1);
	edit_main_tr6.appendChild(edit_main_td6);
	edit_main_tr6.appendChild(edit_main_td6_1);
	edit_main_tr7.appendChild(edit_main_td7);
	edit_main_table.appendChild(edit_main_tr1);
	edit_main_table.appendChild(edit_main_tr2);
	edit_main_table.appendChild(edit_main_tr3);
	edit_main_table.appendChild(edit_main_tr4);
	edit_main_table.appendChild(edit_main_tr5);
	edit_main_table.appendChild(edit_main_tr6);
	edit_main_table.appendChild(edit_main_tr7);
	edit_div.appendChild(edit_main_table);
	
	t.appendChild(edit_div);
	add_id_and_name(i, 'type_time');
	
//show table
	var adding_type = document.createElement("input");
            adding_type.setAttribute("type", "hidden");
            adding_type.setAttribute("value", "type_time");
            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_for_editable_labels = document.createElement('div');
			div_for_editable_labels.setAttribute("style", "margin-left:4px; color:red;");
			
      	edit_labels = document.createTextNode("The labels of the fields are editable. Please, click the label to edit.");

		div_for_editable_labels.appendChild(edit_labels);
					
      	var table = document.createElement('table');
           	table.setAttribute("id", i+"_elemet_tableform_id_temp");
			
      	var tr = document.createElement('tr');
			
      	var td1 = document.createElement('td');
         	td1.setAttribute("valign", 'top');
         	td1.setAttribute("align", 'left');
           	td1.setAttribute("id", i+"_label_sectionform_id_temp");
			
      	var td2 = document.createElement('td');
        	td2.setAttribute("valign", 'middle');
         	td2.setAttribute("align", 'left');
           	td2.setAttribute("id", i+"_element_sectionform_id_temp");
			
      	var table_time = document.createElement('table');
           	table_time.setAttribute("id", i+"_table_time");
           	table_time.setAttribute("cellpadding", '0');
           	table_time.setAttribute("cellspacing", '0');
      	var tr_time1 = document.createElement('tr');
           	tr_time1.setAttribute("id", i+"_tr_time1");
			
      	var tr_time2 = document.createElement('tr');
           	tr_time2.setAttribute("id", i+"_tr_time2");
			
      	var td_time_input1 = document.createElement('td');
           	td_time_input1.setAttribute("id", i+"_td_time_input1");
	        td_time_input1.style.cssText ="width:32px";
		
      	var td_time_input1_ket = document.createElement('td');
           	td_time_input1_ket.setAttribute("align", "center");
		
		
		
      	var td_time_input2 = document.createElement('td');
           	td_time_input2.setAttribute("id", i+"_td_time_input2");
 	        td_time_input2.style.cssText ="width:32px";
     	var td_time_input2_ket = document.createElement('td');
           	td_time_input2_ket.setAttribute("align", "center");
		
      	var td_time_input3 = document.createElement('td');
           	td_time_input3.setAttribute("id", i+"_td_time_input3");
 	        td_time_input3.style.cssText ="width:32px";

      	var td_time_label1 = document.createElement('td');
           	td_time_label1.setAttribute("id", i+"_td_time_label1");
      	var td_time_label1_ket = document.createElement('td');
      	var td_time_label2 = document.createElement('td');
           	td_time_label2.setAttribute("id", i+"_td_time_label2");
      	var td_time_label2_ket = document.createElement('td');
      	var td_time_label3 = document.createElement('td');
           	td_time_label3.setAttribute("id", i+"_td_time_label3");
			
      	var br1 = document.createElement('br');
      	var br2 = document.createElement('br');
     	var br3 = document.createElement('br');
      	var br4 = 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");
	    
      	var required = document.createElement('span');
			required.setAttribute("id", i+"_required_elementform_id_temp");
			required.innerHTML = "";
			required.setAttribute("class", "required");
	if(w_required=="yes")
			required.innerHTML = " *";
			
	var hh = document.createElement('input');
	hh.setAttribute("type", 'text');
	hh.setAttribute("value", w_hh);
	    hh.setAttribute("class", "time_box");
	    hh.setAttribute("id", i+"_hhform_id_temp");
	    hh.setAttribute("name", i+"_hhform_id_temp");
	    hh.setAttribute("onKeyPress", "return check_hour(event, '"+i+"_hhform_id_temp', '23')");
	    hh.setAttribute("onKeyUp", "change_hour(event, '"+i+"_hhform_id_temp','23')");
	    hh.setAttribute("onBlur", "add_0('"+i+"_hhform_id_temp')");
			
	var hh_label = document.createElement('label');
	    hh_label.setAttribute("class", "mini_label");
	    hh_label.setAttribute("id", i+"_mini_label_hh");
	    hh_label.innerHTML = w_mini_labels[0];
			
	var hh_ = document.createElement('span');
        hh_.setAttribute("class", 'wdform_colon');
	    hh_.style.cssText = "font-style:bold; vertical-align:middle";
	    hh_.innerHTML="&nbsp;:&nbsp;";
		
	var mm = document.createElement('input');
        mm.setAttribute("type", 'text');
		mm.setAttribute("value", w_mm);
		mm.setAttribute("class", "time_box");
		
		mm.setAttribute("id", i+"_mmform_id_temp");
	    	mm.setAttribute("name", i+"_mmform_id_temp");
		mm.setAttribute("onKeyPress", "return check_minute(event, '"+i+"_mmform_id_temp')");
	        mm.setAttribute("onKeyUp", "change_minute(event, '"+i+"_mmform_id_temp')");
		mm.setAttribute("onBlur", "add_0('"+i+"_mmform_id_temp')");
		
	var mm_label = document.createElement('label');
		mm_label.setAttribute("class", "mini_label");
		mm_label.setAttribute("id", i+"_mini_label_mm");
		mm_label.innerHTML = w_mini_labels[1];
			
	var mm_ = document.createElement('span');
		mm_.style.cssText = "font-style:bold; vertical-align:middle";
		mm_.innerHTML="&nbsp;:&nbsp;";
        mm_.setAttribute("class", 'wdform_colon');
		
	var ss = document.createElement('input');
           	ss.setAttribute("type", 'text');
		ss.setAttribute("value", w_ss);
		ss.setAttribute("class", "time_box");
		
		ss.setAttribute("id", i+"_ssform_id_temp");
		ss.setAttribute("name", i+"_ssform_id_temp");
		ss.setAttribute("onKeyPress", "return check_second(event, '"+i+"_ssform_id_temp')");
		ss.setAttribute("onKeyUp", "change_second(event, '"+i+"_ssform_id_temp')");
		ss.setAttribute("onBlur", "add_0('"+i+"_ssform_id_temp')");

	var ss_label = document.createElement('label');
		ss_label.setAttribute("class", "mini_label");
		ss_label.setAttribute("id", i+"_mini_label_ss");
		ss_label.innerHTML = w_mini_labels[2];
			
      	var main_td  = document.getElementById('show_table');
	
      
      	td1.appendChild(label);
      	td1.appendChild(required);
		
      	td_time_input1.appendChild(hh);
      	td_time_input1_ket.appendChild(hh_);
      	td_time_input2.appendChild(mm);
      	td_time_input2_ket.appendChild(mm_);
      	td_time_input3.appendChild(ss);
      	tr_time1.appendChild(td_time_input1);
      	tr_time1.appendChild(td_time_input1_ket);
      	tr_time1.appendChild(td_time_input2);
      	tr_time1.appendChild(td_time_input2_ket);
      	tr_time1.appendChild(td_time_input3);
		
      	td_time_label1.appendChild(hh_label);
      	td_time_label2.appendChild(mm_label);
      	td_time_label3.appendChild(ss_label);
      	tr_time2.appendChild(td_time_label1);
      	tr_time2.appendChild(td_time_label1_ket);
      	tr_time2.appendChild(td_time_label2);
      	tr_time2.appendChild(td_time_label2_ket);
      	tr_time2.appendChild(td_time_label3);
      	table_time.appendChild(tr_time1);
      	table_time.appendChild(tr_time2);
		
        td2.appendChild(adding_type);
	
        td2.appendChild(adding_required);
	td2.appendChild(table_time);
      	tr.appendChild(td1);
      	tr.appendChild(td2);
      	table.appendChild(tr);
      
      	div.appendChild(table);
      	div.appendChild(br3);
        div.appendChild(div_for_editable_labels);
      	main_td.appendChild(div);

	if(w_field_label_pos=="top")
				label_top(i);
	if(w_time_type=="12")
				format_12(i, w_am_pm,w_hh, w_mm,w_ss);

	if (w_sec == "0") {
    second_no(i);
  }
  change_class(w_class, i);
  refresh_attr(i, 'type_time');
  jQuery(document).ready(function() {
    jQuery("label#"+i+"_mini_label_hh").click(function() {
      if (jQuery(this).children('input').length == 0) {
        var hh = "<input type='text' class='hh' size='4' style='outline:none; border:none; background:none;' value=\""+jQuery(this).text()+"\">";
        jQuery(this).html(hh);							
        jQuery("input.hh").focus();			
        jQuery("input.hh").blur(function() {
          var value = jQuery(this).val();
          jQuery("#"+i+"_mini_label_hh").text(value);
        });
      }
    });
    jQuery("label#"+i+"_mini_label_mm").click(function() {	
      if (jQuery(this).children('input').length == 0) {		
        var mm = "<input type='text' class='mm' size='4' style='outline:none; border:none; background:none;' value=\""+jQuery(this).text()+"\">";	
        jQuery(this).html(mm);			
        jQuery("input.mm").focus();					
        jQuery("input.mm").blur(function() {			
          var value = jQuery(this).val();			
          jQuery("#"+i+"_mini_label_mm").text(value);	
        });
      }
    });
		jQuery("label#"+i+"_mini_label_ss").click(function() {
      if (jQuery(this).children('input').length == 0) {
        var ss = "<input type='text' class='ss' size='4' style='outline:none; border:none; background:none;' value=\""+jQuery(this).text()+"\">";
        jQuery(this).html(ss);
        jQuery("input.ss").focus();
        jQuery("input.ss").blur(function() {
          var value = jQuery(this).val();
          jQuery("#"+i+"_mini_label_ss").text(value);
        });
      }
    });
	});
}

function type_date(i, w_field_label, w_field_label_pos, w_date, w_required, w_class, w_format, w_but_val, w_attr_name, w_attr_value) { 

	document.getElementById("element_type").value="type_date";

	delete_last_child();
// edit table	
	var edit_div  = document.createElement('div');
		edit_div.setAttribute("id", "edit_div");
		edit_div.setAttribute("style", "border-top:1px dotted black;padding:10px;  padding-top:0px; padding-bottom:0px; margin-top:10px;");
		
	var edit_main_table  = document.createElement('table');
		edit_main_table.setAttribute("id", "edit_main_table");
		edit_main_table.setAttribute("cellpadding", "0");
		edit_main_table.setAttribute("cellspacing", "0");
		
	var edit_main_tr1  = document.createElement('tr');
      		edit_main_tr1.setAttribute("valing", "top");
		
	var edit_main_tr2  = document.createElement('tr');
      		edit_main_tr2.setAttribute("valing", "top");
		
	var edit_main_tr3  = document.createElement('tr');
      		edit_main_tr3.setAttribute("valing", "top");
		
	var edit_main_tr4  = document.createElement('tr');
      		edit_main_tr4.setAttribute("valing", "top");
		
	var edit_main_tr5  = document.createElement('tr');
      		edit_main_tr5.setAttribute("valing", "top");
			
	var edit_main_tr6  = document.createElement('tr');
      		edit_main_tr6.setAttribute("valing", "top");

	var edit_main_tr7  = document.createElement('tr');
      		edit_main_tr7.setAttribute("valing", "top");

	var edit_main_td1 = document.createElement('td');
		edit_main_td1.style.cssText = "padding-top:10px";	
	var edit_main_td1_1 = document.createElement('td');
		edit_main_td1_1.style.cssText = "padding-top:10px";		
	var edit_main_td2 = document.createElement('td');
		edit_main_td2.style.cssText = "padding-top:10px";
	var edit_main_td2_1 = document.createElement('td');
		edit_main_td2_1.style.cssText = "padding-top:10px";

	var edit_main_td3 = document.createElement('td');
		edit_main_td3.style.cssText = "padding-top:10px";
	var edit_main_td3_1 = document.createElement('td');
		edit_main_td3_1.style.cssText = "padding-top:10px";
	var edit_main_td4 = document.createElement('td');
		edit_main_td4.style.cssText = "padding-top:10px";
	var edit_main_td4_1 = document.createElement('td');
		edit_main_td4_1.style.cssText = "padding-top:10px";
		
	var edit_main_td5 = document.createElement('td');
		edit_main_td5.style.cssText = "padding-top:10px";
	var edit_main_td5_1 = document.createElement('td');
		edit_main_td5_1.style.cssText = "padding-top:10px";
				
	var edit_main_td6 = document.createElement('td');
		edit_main_td6.style.cssText = "padding-top:10px";
	var edit_main_td6_1 = document.createElement('td');
		edit_main_td6_1.style.cssText = "padding-top:10px";
	var edit_main_td7 = document.createElement('td');
		edit_main_td7.style.cssText = "padding-top:10px";
	var edit_main_td7_1 = document.createElement('td');
		edit_main_td7_1.style.cssText = "padding-top:10px";
		  
	var el_label_label = document.createElement('label');
			        el_label_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_label_label.innerHTML = "Field label";
	
	var el_label_textarea = document.createElement('textarea');
                el_label_textarea.setAttribute("id", "edit_for_label");
                el_label_textarea.setAttribute("rows", "4");
                el_label_textarea.style.cssText = "width:200px;";
                el_label_textarea.setAttribute("onKeyUp", "change_label('"+i+"_element_labelform_id_temp', this.value)");
				el_label_textarea.innerHTML = w_field_label;
		
	var el_label_position_label = document.createElement('label');
			        el_label_position_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_label_position_label.innerHTML = "Field label position";
	
	var el_label_position1 = document.createElement('input');
                el_label_position1.setAttribute("id", "edit_for_label_position_top");
                el_label_position1.setAttribute("type", "radio");
                el_label_position1.setAttribute("value", "left");
                

                el_label_position1.setAttribute("name", "edit_for_label_position");
                el_label_position1.setAttribute("onchange", "label_left("+i+")");
				el_label_position1.setAttribute("checked", "checked");
		Left = document.createTextNode("Left");
		
	var el_label_position2 = document.createElement('input');
                el_label_position2.setAttribute("id", "edit_for_label_position_left");
                el_label_position2.setAttribute("type", "radio");
                el_label_position2.setAttribute("value", "top");
	

                el_label_position2.setAttribute("name", "edit_for_label_position");
                el_label_position2.setAttribute("onchange", "label_top("+i+")");
		Top = document.createTextNode("Top");
		
	if(w_field_label_pos=="top")
	
				el_label_position2.setAttribute("checked", "checked");
	else
				el_label_position1.setAttribute("checked", "checked");

	var el_format_label = document.createElement('label');
	        el_format_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_format_label.innerHTML = "Date format";
	
	var el_format_textarea = document.createElement('input');
                el_format_textarea.setAttribute("id", "date_format");
		el_format_textarea.setAttribute("type", "text");
		el_format_textarea.setAttribute("value", w_format);
                el_format_textarea.style.cssText = "width:200px;";
                el_format_textarea.setAttribute("onChange", "change_date_format(this.value,'"+i+"')");

	var el_button_value_label = document.createElement('label');
	        el_button_value_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_button_value_label.innerHTML = "Date Picker label";
	
	var el_button_value_textarea = document.createElement('input');
                el_button_value_textarea.setAttribute("id", "button_value");
		el_button_value_textarea.setAttribute("type", "text");
		el_button_value_textarea.setAttribute("value", w_but_val);
                el_button_value_textarea.style.cssText = "width:150px;";
                el_button_value_textarea.setAttribute("onKeyUp", "change_file_value(this.value,'"+i+"_buttonform_id_temp')");

	var el_style_label = document.createElement('label');
	        el_style_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_style_label.innerHTML = "Class name";
	
	var el_style_textarea = document.createElement('input');
                el_style_textarea.setAttribute("id", "element_style");
		el_style_textarea.setAttribute("type", "text");
		el_style_textarea.setAttribute("value", w_class);
                el_style_textarea.style.cssText = "width:200px;";
                el_style_textarea.setAttribute("onChange", "change_class(this.value,'"+i+"')");

	var el_required_label = document.createElement('label');
	        el_required_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_required_label.innerHTML = "Required";
	
	var el_required = document.createElement('input');
                el_required.setAttribute("id", "el_send");
                el_required.setAttribute("type", "checkbox");
                el_required.setAttribute("value", "yes");
                el_required.setAttribute("onclick", "set_required('"+i+"_required')");
	if(w_required=="yes")
			
                el_required.setAttribute("checked", "checked");
		
	var el_attr_label = document.createElement('label');
	                el_attr_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_attr_label.innerHTML = "Additional Attributes";
	var el_attr_add = document.createElement('img');
                el_attr_add.setAttribute("id", "el_choices_add");
           	el_attr_add.setAttribute("src", fmc_plugin_url+'/images/add.png');
            	el_attr_add.style.cssText = 'cursor:pointer; margin-left:68px';
            	el_attr_add.setAttribute("title", 'add');
                el_attr_add.setAttribute("onClick", "add_attr("+i+", 'type_date')");
	var el_attr_table = document.createElement('table');
                el_attr_table.setAttribute("id", 'attributes');
                el_attr_table.setAttribute("border", '0');
        	el_attr_table.style.cssText = 'margin-left:0px';
	var el_attr_tr_label = document.createElement('tr');
                el_attr_tr_label.setAttribute("idi", '0');
	var el_attr_td_name_label = document.createElement('th');
            	el_attr_td_name_label.style.cssText = 'width:100px';
	var el_attr_td_value_label = document.createElement('th');
            	el_attr_td_value_label.style.cssText = 'width:100px';
	var el_attr_td_X_label = document.createElement('th');
            	el_attr_td_X_label.style.cssText = 'width:10px';
	var el_attr_name_label = document.createElement('label');
	                el_attr_name_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 11px";
			el_attr_name_label.innerHTML = "Name";
			
	var el_attr_value_label = document.createElement('label');
	                el_attr_value_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 11px";
			el_attr_value_label.innerHTML = "Value";
			
	el_attr_table.appendChild(el_attr_tr_label);
	el_attr_tr_label.appendChild(el_attr_td_name_label);
	el_attr_tr_label.appendChild(el_attr_td_value_label);
	el_attr_tr_label.appendChild(el_attr_td_X_label);
	el_attr_td_name_label.appendChild(el_attr_name_label);
	el_attr_td_value_label.appendChild(el_attr_value_label);
	
	n=w_attr_name.length;
	for(j=1; j<=n; j++)
	{	
		var el_attr_tr = document.createElement('tr');
			el_attr_tr.setAttribute("id", "attr_row_"+j);
			el_attr_tr.setAttribute("idi", j);
		var el_attr_td_name = document.createElement('td');
			el_attr_td_name.style.cssText = 'width:100px';
		var el_attr_td_value = document.createElement('td');
			el_attr_td_value.style.cssText = 'width:100px';
		
		var el_attr_td_X = document.createElement('td');
		var el_attr_name = document.createElement('input');
	
			el_attr_name.setAttribute("type", "text");
	
			el_attr_name.style.cssText = "width:100px";
			el_attr_name.setAttribute("value", w_attr_name[j-1]);
			el_attr_name.setAttribute("id", "attr_name"+j);
			el_attr_name.setAttribute("onChange", "change_attribute_name("+i+", this, 'type_date')");
			
		var el_attr_value = document.createElement('input');
	
			el_attr_value.setAttribute("type", "text");
	
			el_attr_value.style.cssText = "width:100px";
			el_attr_value.setAttribute("value", w_attr_value[j-1]);
			el_attr_value.setAttribute("id", "attr_value"+j);
			el_attr_value.setAttribute("onChange", "change_attribute_value("+i+", "+j+", 'type_date')");
	
		var el_attr_remove = document.createElement('img');
			el_attr_remove.setAttribute("id", "el_choices"+j+"_remove");
			el_attr_remove.setAttribute("src", fmc_plugin_url+'/images/delete.png');
			el_attr_remove.style.cssText = 'cursor:pointer; vertical-align:middle; margin:3px';
			el_attr_remove.setAttribute("align", 'top');
			el_attr_remove.setAttribute("onClick", "remove_attr("+j+", "+i+", 'type_date')");
		el_attr_table.appendChild(el_attr_tr);
		el_attr_tr.appendChild(el_attr_td_name);
		el_attr_tr.appendChild(el_attr_td_value);
		el_attr_tr.appendChild(el_attr_td_X);
		el_attr_td_name.appendChild(el_attr_name);
		el_attr_td_value.appendChild(el_attr_value);
		el_attr_td_X.appendChild(el_attr_remove);
		
	}

	var t  = document.getElementById('edit_table');
	
	var br = document.createElement('br');
	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 br6 = document.createElement('br');
	
	edit_main_td1.appendChild(el_label_label);
	edit_main_td1_1.appendChild(el_label_textarea);

	edit_main_td2.appendChild(el_label_position_label);
	edit_main_td2_1.appendChild(el_label_position1);
	edit_main_td2_1.appendChild(Left);
	edit_main_td2_1.appendChild(br2);
	edit_main_td2_1.appendChild(el_label_position2);
	edit_main_td2_1.appendChild(Top);

	edit_main_td3.appendChild(el_format_label);
	edit_main_td3_1.appendChild(el_format_textarea);
	
	edit_main_td4.appendChild(el_button_value_label);
	edit_main_td4_1.appendChild(el_button_value_textarea);
	
	edit_main_td5.appendChild(el_style_label);
	edit_main_td5_1.appendChild(el_style_textarea);
	
	edit_main_td6.appendChild(el_required_label);
	edit_main_td6_1.appendChild(el_required);
	
	edit_main_td7.appendChild(el_attr_label);
	edit_main_td7.appendChild(el_attr_add);
	edit_main_td7.appendChild(br3);
	edit_main_td7.appendChild(el_attr_table);
	edit_main_td7.setAttribute("colspan", "2");
	
	edit_main_tr1.appendChild(edit_main_td1);
	edit_main_tr1.appendChild(edit_main_td1_1);
	edit_main_tr2.appendChild(edit_main_td2);
	edit_main_tr2.appendChild(edit_main_td2_1);
	edit_main_tr3.appendChild(edit_main_td3);
	edit_main_tr3.appendChild(edit_main_td3_1);
	edit_main_tr4.appendChild(edit_main_td4);
	edit_main_tr4.appendChild(edit_main_td4_1);
	edit_main_tr5.appendChild(edit_main_td5);
	edit_main_tr5.appendChild(edit_main_td5_1);
	edit_main_tr6.appendChild(edit_main_td6);
	edit_main_tr6.appendChild(edit_main_td6_1);
	edit_main_tr7.appendChild(edit_main_td7);
	edit_main_tr7.appendChild(edit_main_td7_1);
	edit_main_table.appendChild(edit_main_tr1);
	edit_main_table.appendChild(edit_main_tr2);
	edit_main_table.appendChild(edit_main_tr3);
	edit_main_table.appendChild(edit_main_tr4);
	edit_main_table.appendChild(edit_main_tr5);
	edit_main_table.appendChild(edit_main_tr6);
	edit_main_table.appendChild(edit_main_tr7);
	edit_div.appendChild(edit_main_table);
	
	t.appendChild(edit_div);
	add_id_and_name(i, 'type_text');
	
//show table
	var adding_type = document.createElement("input");
            adding_type.setAttribute("type", "hidden");
            adding_type.setAttribute("value", "type_date");
            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 table = document.createElement('table');
           	table.setAttribute("id", i+"_elemet_tableform_id_temp");
			
      	var tr = document.createElement('tr');
			
      	var td1 = document.createElement('td');
         	td1.setAttribute("valign", 'middle');
         	td1.setAttribute("align", 'left');
           	td1.setAttribute("id", i+"_label_sectionform_id_temp");
			
      	var td2 = document.createElement('td');
        	td2.setAttribute("valign", 'middle');
         	td2.setAttribute("align", 'left');
           	td2.setAttribute("id", i+"_element_sectionform_id_temp");
			
      	var table_date = document.createElement('table');
           	table_date.setAttribute("id", i+"_table_date");
           	table_date.setAttribute("cellpadding", '0');
           	table_date.setAttribute("cellspacing", '0');
			
      	var tr_date1 = document.createElement('tr');
           	tr_date1.setAttribute("id", i+"_tr_date1");
			
      	var tr_date2 = document.createElement('tr');
           	tr_date2.setAttribute("id", i+"_tr_date2");
			
      	var td_date_input1 = document.createElement('td');
           	td_date_input1.setAttribute("id", i+"_td_date_input1");
			
      	var td_date_input2 = document.createElement('td');
           	td_date_input2.setAttribute("id", i+"_td_date_input2");
			
      	var td_date_input3 = document.createElement('td');
           	td_date_input3.setAttribute("id", i+"_td_date_input3");

      	var td_date_label1 = document.createElement('td');
           	td_date_label1.setAttribute("id", i+"_td_date_label1");
			
      	var td_date_label2 = document.createElement('td');
           	td_date_label2.setAttribute("id", i+"_td_date_label2");
			
      	var td_date_label3 = document.createElement('td');
           	td_date_label3.setAttribute("id", i+"_td_date_label3");
			
      	var br1 = document.createElement('br');
      	var br2 = document.createElement('br');
     	var br3 = document.createElement('br');
      	var br4 = 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");
      	var required = document.createElement('span');
			required.setAttribute("id", i+"_required_elementform_id_temp");
			required.innerHTML = "";
			required.setAttribute("class", "required");
	if(w_required=="yes")
			required.innerHTML = " *";
			
	var adding = document.createElement('input');
            adding.setAttribute("type", 'text');
            adding.setAttribute("value", w_date);
            adding.setAttribute("class", 'wdform_date');
			adding.setAttribute("id", i+"_elementform_id_temp");
			adding.setAttribute("name", i+"_elementform_id_temp");
			adding.setAttribute("maxlength", "10");
			adding.setAttribute("size", "10");
			adding.setAttribute("onChange", "change_value('"+i+"_elementform_id_temp')");
		
	var adding_button = document.createElement('input');
 	    adding_button.setAttribute("id", i+"_buttonform_id_temp");
            adding_button.setAttribute("type", 'reset');
            adding_button.setAttribute("value", w_but_val);
            adding_button.setAttribute("format", w_format);
            adding_button.setAttribute("onclick", "return showCalendar('"+i+"_elementform_id_temp' ,'"+w_format+"')");
            adding_button.setAttribute("class", 'button');
	    
      	var main_td  = document.getElementById('show_table');
      
      	td1.appendChild(label);
      	td1.appendChild(required);
		
      	td2.appendChild(adding_type);
	
      	td2.appendChild(adding_required);
		td2.appendChild(adding);
		td2.appendChild(adding_button);
      	tr.appendChild(td1);
      	tr.appendChild(td2);
      	table.appendChild(tr);
      
      	div.appendChild(table);
      	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_date');
}

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("<!--repstart-->January<!--repend-->","<!--repstart-->February<!--repend-->","<!--repstart-->March<!--repend-->","<!--repstart-->April<!--repend-->","<!--repstart-->May<!--repend-->","<!--repstart-->June<!--repend-->","<!--repstart-->July<!--repend-->","<!--repstart-->August<!--repend-->","<!--repstart-->September<!--repend-->","<!--repstart-->October<!--repend-->","<!--repstart-->November<!--repend-->","<!--repstart-->December<!--repend-->");
			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);
			
		from= parseInt(document.getElementById("edit_for_year_interval_from").value);
		to= parseInt(document.getElementById("edit_for_year_interval_to").value);
		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("onChange", "change_value('"+ id+"_dayform_id_temp')");
			day.setAttribute("onKeyPress", "return check_day(event, '"+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("class", "time_box");
			month.setAttribute("id", id+"_monthform_id_temp");
			month.setAttribute("name", id+"_monthform_id_temp");
			month.style.width=w_width+'px';
			month.setAttribute("onKeyPress", "return check_month(event, '"+id+"_monthform_id_temp')");
			month.setAttribute("onChange", "change_value('"+id+"_monthform_id_temp')");
			month.setAttribute("onBlur", "if (this.value=='0') this.value=''; else add_0('"+id+"_monthform_id_temp')");
			/*month.setAttribute("onKeyPress", "return check_minute(event, '"+i+"_mmform_id_temp')");
			month.setAttribute("onKeyUp", "change_minute(event, '"+i+"_mmform_id_temp')");
			month.setAttribute("onBlur", "add_0('"+i+"_mmform_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='';
			
			from= parseInt(document.getElementById("edit_for_year_interval_from").value);
			to= parseInt(document.getElementById("edit_for_year_interval_to").value);
			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.setAttribute("onChange", "change_year('"+id+"_yearform_id_temp')");
			year.setAttribute("onKeyPress", "return check_year1(event, '"+id+"_yearform_id_temp')");
			year.setAttribute("onBlur", "check_year2('"+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 year_interval(id)
{
	from= parseInt(document.getElementById("edit_for_year_interval_from").value);
	to= parseInt(document.getElementById("edit_for_year_interval_to").value);
	if(to-from<0)
	{	
		alert('Invalid interval of years.');
		document.getElementById("edit_for_year_interval_from").value=to;
	}
	else
	{
		if(document.getElementById(id+"_yearform_id_temp").tagName=='SELECT')
			field_to_select(id, 'year');
		else
			field_to_text(id, 'year');
	}
}

function type_date_fields(i, w_field_label, w_field_label_pos, 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_divider, w_attr_name, w_attr_value) { 

	document.getElementById("element_type").value="type_date_fields";

	delete_last_child();
// edit table	
	var edit_div  = document.createElement('div');
		edit_div.setAttribute("id", "edit_div");
		edit_div.setAttribute("style", "border-top:1px dotted black;padding:10px;  padding-top:0px; padding-bottom:0px; margin-top:10px;");
		
	var edit_main_table  = document.createElement('table');
		edit_main_table.setAttribute("id", "edit_main_table");
		edit_main_table.setAttribute("cellpadding", "0");
		edit_main_table.setAttribute("cellspacing", "0");
		
	var edit_main_tr1  = document.createElement('tr');
      		edit_main_tr1.setAttribute("valing", "top");
		
	var edit_main_tr2  = document.createElement('tr');
      		edit_main_tr2.setAttribute("valing", "top");
		
	var edit_main_tr3  = document.createElement('tr');
      		edit_main_tr3.setAttribute("valing", "top");
		
	var edit_main_tr4  = document.createElement('tr');
      		edit_main_tr4.setAttribute("valing", "top");
		
	var edit_main_tr8  = document.createElement('tr');
      		edit_main_tr8.setAttribute("valing", "top");
			
	var edit_main_tr9  = document.createElement('tr');
      		edit_main_tr9.setAttribute("valing", "top");
		
	var edit_main_tr5  = document.createElement('tr');
      		edit_main_tr5.setAttribute("valing", "top");
			
	var edit_main_tr6  = document.createElement('tr');
      		edit_main_tr6.setAttribute("valing", "top");

	var edit_main_tr7  = document.createElement('tr');
      		edit_main_tr7.setAttribute("valing", "top");

	var edit_main_td1 = document.createElement('td');
		edit_main_td1.style.cssText = "padding-top:10px";	
	var edit_main_td1_1 = document.createElement('td');
		edit_main_td1_1.style.cssText = "padding-top:10px";		
	var edit_main_td2 = document.createElement('td');
		edit_main_td2.style.cssText = "padding-top:10px";
	var edit_main_td2_1 = document.createElement('td');
		edit_main_td2_1.style.cssText = "padding-top:10px";

	var edit_main_td3 = document.createElement('td');
		edit_main_td3.style.cssText = "padding-top:10px";
	var edit_main_td3_1 = document.createElement('td');
		edit_main_td3_1.style.cssText = "padding-top:10px";

	var edit_main_td4 = document.createElement('td');
		edit_main_td4.style.cssText = "padding-top:10px";
	var edit_main_td4_1 = document.createElement('td');
		edit_main_td4_1.style.cssText = "padding-top:10px";
		
	var edit_main_td8 = document.createElement('td');
		edit_main_td8.style.cssText = "padding-top:10px";
	var edit_main_td8_1 = document.createElement('td');
		edit_main_td8_1.style.cssText = "padding-top:10px";
		
	var edit_main_td9 = document.createElement('td');
		edit_main_td9.style.cssText = "padding-top:10px";
	var edit_main_td9_1 = document.createElement('td');
		edit_main_td9_1.style.cssText = "padding-top:10px";
		
	var edit_main_td5 = document.createElement('td');
		edit_main_td5.style.cssText = "padding-top:10px";
	var edit_main_td5_1 = document.createElement('td');
		edit_main_td5_1.style.cssText = "padding-top:10px";
				
	var edit_main_td6 = document.createElement('td');
		edit_main_td6.style.cssText = "padding-top:10px";
	var edit_main_td6_1 = document.createElement('td');
		edit_main_td6_1.style.cssText = "padding-top:10px";
		
	var edit_main_td7 = document.createElement('td');
		edit_main_td7.style.cssText = "padding-top:10px";
	var edit_main_td7_1 = document.createElement('td');
		edit_main_td7_1.style.cssText = "padding-top:10px";
		  
	var el_label_label = document.createElement('label');
			        el_label_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_label_label.innerHTML = "Field label";
	
	var el_label_textarea = document.createElement('textarea');
                el_label_textarea.setAttribute("id", "edit_for_label");
                el_label_textarea.setAttribute("rows", "4");
                el_label_textarea.style.cssText = "width:200px;";
                el_label_textarea.setAttribute("onKeyUp", "change_label('"+i+"_element_labelform_id_temp', this.value)");
				el_label_textarea.innerHTML = w_field_label;
		
	var el_label_position_label = document.createElement('label');
			        el_label_position_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_label_position_label.innerHTML = "Field label position";
	
	var el_label_position1 = document.createElement('input');
                el_label_position1.setAttribute("id", "edit_for_label_position_top");
                el_label_position1.setAttribute("type", "radio");
                el_label_position1.setAttribute("value", "left");
                

                el_label_position1.setAttribute("name", "edit_for_label_position");
                el_label_position1.setAttribute("onchange", "label_left("+i+")");
				el_label_position1.setAttribute("checked", "checked");
		Left = document.createTextNode("Left");
		
	var el_label_position2 = document.createElement('input');
                el_label_position2.setAttribute("id", "edit_for_label_position_left");
                el_label_position2.setAttribute("type", "radio");
                el_label_position2.setAttribute("value", "top");
				
                el_label_position2.setAttribute("name", "edit_for_label_position");
                el_label_position2.setAttribute("onchange", "label_top("+i+")");
		Top = document.createTextNode("Top");
		
	if(w_field_label_pos=="top")
	
				el_label_position2.setAttribute("checked", "checked");
	else
				el_label_position1.setAttribute("checked", "checked");


	var el_fields_divider_label = document.createElement('label');
		el_fields_divider_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_fields_divider_label.innerHTML = "Fields separator";
	
	var el_fields_divider = document.createElement('input');
        el_fields_divider.setAttribute("id", "edit_for_fields_divider");
        el_fields_divider.setAttribute("type", "text");
        el_fields_divider.setAttribute("value", w_divider);
        el_fields_divider.style.cssText = "margin-left:15px; width:80px";
        el_fields_divider.setAttribute("onKeyUp", "set_divider('"+i+"', this.value)");
			
/////////////////////////////////////////////////////////////////////////////////
//////////////////////////////// D A Y //////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////
		
	var el_day_field_type_label = document.createElement('label');
				el_day_field_type_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
				el_day_field_type_label.innerHTML = "Day field type";
	
	var el_day_field_type_input1 = document.createElement('input');
                el_day_field_type_input1.setAttribute("id", "el_day_field_type_text");
                el_day_field_type_input1.setAttribute("type", "radio");
                el_day_field_type_input1.setAttribute("value", "text");
                el_day_field_type_input1.setAttribute("name", "edit_for_day_field_type");
                el_day_field_type_input1.setAttribute("onchange", "field_to_text("+i+", 'day')");
		Text_1 = document.createTextNode("Input");
		
	var el_day_field_type_input2 = document.createElement('input');
                el_day_field_type_input2.setAttribute("id", "el_day_field_type_select");
                el_day_field_type_input2.setAttribute("type", "radio");
                el_day_field_type_input2.setAttribute("value", "select");
                el_day_field_type_input2.setAttribute("name", "edit_for_day_field_type");
                el_day_field_type_input2.setAttribute("onchange", "field_to_select("+i+", 'day')");
		Select_1= document.createTextNode("Select");
		
	if(w_day_type=="SELECT")
				el_day_field_type_input2.setAttribute("checked", "checked");
	else
				el_day_field_type_input1.setAttribute("checked", "checked");
		
	var el_day_field_size_label = document.createElement('label');
	    el_day_field_size_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_day_field_size_label.innerHTML = "Day field size(px)";
	
	var el_day_field_size_input = document.createElement('input');
        el_day_field_size_input.setAttribute("id", "edit_for_day_size");
		el_day_field_size_input.setAttribute("type", "text");
		el_day_field_size_input.setAttribute("value", w_day_size);
		el_day_field_size_input.setAttribute("onKeyPress", "return check_isnum(event)");
		el_day_field_size_input.setAttribute("onKeyUp", "change_w_style('"+i+"_dayform_id_temp', this.value)");
       //el_day_field_size_input.setAttribute("onKeyUp", "change_w_style('"+i+"_elementform_id_temp', this.value)");
				
	/*var el_day_field_text_label = document.createElement('label');
	    el_day_field_text_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_day_field_text_label.innerHTML = "Day label";
	
	var el_day_field_text_input = document.createElement('input');
        el_day_field_text_input.setAttribute("id", "edit_for_day_text");
		el_day_field_text_input.setAttribute("type", "text");
		el_day_field_text_input.setAttribute("value", w_day_label);
		//el_day_field_size_input.setAttribute("onKeyPress", "return check_isnum(event)");
        el_day_field_text_input.setAttribute("onKeyUp", "change_w_label('"+i+"_day_label', this.value)");*/
				
				
/////////////////////////////////////////////////////////////////////////////////
//////////////////////////////// M O N T H //////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////
		
	var el_month_field_type_label = document.createElement('label');
				el_month_field_type_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
				el_month_field_type_label.innerHTML = "Month field type";
	
	var el_month_field_type_input1 = document.createElement('input');
                el_month_field_type_input1.setAttribute("id", "el_month_field_type_text");
                el_month_field_type_input1.setAttribute("type", "radio");
                el_month_field_type_input1.setAttribute("value", "text");
                el_month_field_type_input1.setAttribute("name", "edit_for_month_field_type");
                el_month_field_type_input1.setAttribute("onchange", "field_to_text("+i+", 'month')");
		Text_2 = document.createTextNode("Input");
		
	var el_month_field_type_input2 = document.createElement('input');
                el_month_field_type_input2.setAttribute("id", "el_month_field_type_select");
                el_month_field_type_input2.setAttribute("type", "radio");
                el_month_field_type_input2.setAttribute("value", "select");
                el_month_field_type_input2.setAttribute("name", "edit_for_month_field_type");
                el_month_field_type_input2.setAttribute("onchange", "field_to_select("+i+", 'month')");
		Select_2 = document.createTextNode("Select");
		
	if(w_month_type=="SELECT")
				el_month_field_type_input2.setAttribute("checked", "checked");
	else
				el_month_field_type_input1.setAttribute("checked", "checked");
		
	var el_month_field_size_label = document.createElement('label');
	    el_month_field_size_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_month_field_size_label.innerHTML = "Month field size(px) ";
	
	var el_month_field_size_input = document.createElement('input');
        el_month_field_size_input.setAttribute("id", "edit_for_month_size");
		el_month_field_size_input.setAttribute("type", "text");
		el_month_field_size_input.setAttribute("value", w_month_size);
		el_month_field_size_input.setAttribute("onKeyPress", "return check_isnum(event)");
		el_month_field_size_input.setAttribute("onKeyUp", "change_w_style('"+i+"_monthform_id_temp', this.value)");
				
	/*var el_month_field_text_label = document.createElement('label');
	    el_month_field_text_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_month_field_text_label.innerHTML = "Month label";
	
	var el_month_field_text_input = document.createElement('input');
        el_month_field_text_input.setAttribute("id", "edit_for_month_text");
		el_month_field_text_input.setAttribute("type", "text");
		el_month_field_text_input.setAttribute("value", w_month_label);
		//el_month_field_size_input.setAttribute("onKeyPress", "return check_isnum(event)");
        el_month_field_text_input.setAttribute("onKeyUp", "change_w_label('"+i+"_month_label', this.value)");*/
				
	


/////////////////////////////////////////////////////////////////////////////////
////////////////////////////////  Y E A R  //////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////
		
	var el_year_field_type_label = document.createElement('label');
				el_year_field_type_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
				el_year_field_type_label.innerHTML = "Year field type";
	
	var el_year_field_type_input1 = document.createElement('input');
                el_year_field_type_input1.setAttribute("id", "el_year_field_type_text");
                el_year_field_type_input1.setAttribute("type", "radio");
                el_year_field_type_input1.setAttribute("value", "text");
                el_year_field_type_input1.setAttribute("name", "edit_for_year_field_type");
                el_year_field_type_input1.setAttribute("onchange", "field_to_text("+i+", 'year')");
		Text_3 = document.createTextNode("Input");
		
	var el_year_field_type_input2 = document.createElement('input');
                el_year_field_type_input2.setAttribute("id", "el_year_field_type_select");
                el_year_field_type_input2.setAttribute("type", "radio");
                el_year_field_type_input2.setAttribute("value", "select");
                el_year_field_type_input2.setAttribute("name", "edit_for_year_field_type");
                el_year_field_type_input2.setAttribute("onchange", "field_to_select("+i+", 'year')");
		Select_3 = document.createTextNode("Select");
		
	if(w_year_type=="SELECT")
				el_year_field_type_input2.setAttribute("checked", "checked");
	else
				el_year_field_type_input1.setAttribute("checked", "checked");
		
	var el_year_field_interval_label = document.createElement('label');
	    el_year_field_interval_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_year_field_interval_label.innerHTML = "Year interval";
	
	var el_year_field_interval_from_input = document.createElement('input');
        el_year_field_interval_from_input.setAttribute("id", "edit_for_year_interval_from");
		el_year_field_interval_from_input.setAttribute("type", "text");
		el_year_field_interval_from_input.setAttribute("value", w_from);
		el_year_field_interval_from_input.style.cssText ="width:40px";
		el_year_field_interval_from_input.setAttribute("onKeyPress", "return check_isnum(event)");
        el_year_field_interval_from_input.setAttribute("onChange", "year_interval("+i+")");
		
	Line = document.createTextNode(" - ");
			
	var el_year_field_interval_to_input = document.createElement('input');
        el_year_field_interval_to_input.setAttribute("id", "edit_for_year_interval_to");
		el_year_field_interval_to_input.setAttribute("type", "text");
		el_year_field_interval_to_input.setAttribute("value", w_to);
		el_year_field_interval_to_input.style.cssText ="width:40px";
		el_year_field_interval_to_input.setAttribute("onKeyPress", "return check_isnum(event)");
        el_year_field_interval_to_input.setAttribute("onChange", "year_interval("+i+")");
				
	var el_year_field_size_label = document.createElement('label');
	    el_year_field_size_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_year_field_size_label.innerHTML = "Year field size(px)";
	
	var el_year_field_size_input = document.createElement('input');
        el_year_field_size_input.setAttribute("id", "edit_for_year_size");
		el_year_field_size_input.setAttribute("type", "text");
		el_year_field_size_input.setAttribute("value", w_year_size);
		el_year_field_size_input.setAttribute("onKeyPress", "return check_isnum(event)");
        el_year_field_size_input.setAttribute("onKeyUp", "change_w_style('"+i+"_yearform_id_temp', this.value)");
				
	/*var el_year_field_text_label = document.createElement('label');
	    el_year_field_text_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_year_field_text_label.innerHTML = "Year label";
	
	var el_year_field_text_input = document.createElement('input');
        el_year_field_text_input.setAttribute("id", "edit_for_year_text");
		el_year_field_text_input.setAttribute("type", "text");
		el_year_field_text_input.setAttribute("value", w_year_label);
		//el_year_field_size_input.setAttribute("onKeyPress", "return check_isnum(event)");
        el_year_field_text_input.setAttribute("onKeyUp", "change_w_label('"+i+"_year_label', this.value)");*/
				
				
	
///////////////////////////////
///////////////////// End /////
			
				
				
	var el_style_label = document.createElement('label');
	        el_style_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_style_label.innerHTML = "Class name";
	
	var el_style_textarea = document.createElement('input');
                el_style_textarea.setAttribute("id", "element_style");
		el_style_textarea.setAttribute("type", "text");
		el_style_textarea.setAttribute("value", w_class);
                el_style_textarea.style.cssText = "width:200px;";
                el_style_textarea.setAttribute("onChange", "change_class(this.value,'"+i+"')");

	var el_required_label = document.createElement('label');
	        el_required_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_required_label.innerHTML = "Required";
	
	var el_required = document.createElement('input');
                el_required.setAttribute("id", "el_send");
                el_required.setAttribute("type", "checkbox");
                el_required.setAttribute("value", "yes");
                el_required.setAttribute("onclick", "set_required('"+i+"_required')");
	if(w_required=="yes")
			
                el_required.setAttribute("checked", "checked");
		
	var el_attr_label = document.createElement('label');
	                el_attr_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_attr_label.innerHTML = "Additional Attributes";
	var el_attr_add = document.createElement('img');
                el_attr_add.setAttribute("id", "el_choices_add");
           	el_attr_add.setAttribute("src", fmc_plugin_url+'/images/add.png');
            	el_attr_add.style.cssText = 'cursor:pointer; margin-left:68px';
            	el_attr_add.setAttribute("title", 'add');
                el_attr_add.setAttribute("onClick", "add_attr("+i+", 'type_date_fields')");
	var el_attr_table = document.createElement('table');
                el_attr_table.setAttribute("id", 'attributes');
                el_attr_table.setAttribute("border", '0');
        	el_attr_table.style.cssText = 'margin-left:0px';
	var el_attr_tr_label = document.createElement('tr');
                el_attr_tr_label.setAttribute("idi", '0');
	var el_attr_td_name_label = document.createElement('th');
            	el_attr_td_name_label.style.cssText = 'width:100px';
	var el_attr_td_value_label = document.createElement('th');
            	el_attr_td_value_label.style.cssText = 'width:100px';
	var el_attr_td_X_label = document.createElement('th');
            	el_attr_td_X_label.style.cssText = 'width:10px';
	var el_attr_name_label = document.createElement('label');
	                el_attr_name_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 11px";
			el_attr_name_label.innerHTML = "Name";
			
	var el_attr_value_label = document.createElement('label');
	                el_attr_value_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 11px";
			el_attr_value_label.innerHTML = "Value";
			
	el_attr_table.appendChild(el_attr_tr_label);
	el_attr_tr_label.appendChild(el_attr_td_name_label);
	el_attr_tr_label.appendChild(el_attr_td_value_label);
	el_attr_tr_label.appendChild(el_attr_td_X_label);
	el_attr_td_name_label.appendChild(el_attr_name_label);
	el_attr_td_value_label.appendChild(el_attr_value_label);
	
	n=w_attr_name.length;
	for(j=1; j<=n; j++)
	{	
		var el_attr_tr = document.createElement('tr');
			el_attr_tr.setAttribute("id", "attr_row_"+j);
			el_attr_tr.setAttribute("idi", j);
		var el_attr_td_name = document.createElement('td');
			el_attr_td_name.style.cssText = 'width:100px';
		var el_attr_td_value = document.createElement('td');
			el_attr_td_value.style.cssText = 'width:100px';
		
		var el_attr_td_X = document.createElement('td');
		var el_attr_name = document.createElement('input');
	
			el_attr_name.setAttribute("type", "text");
	
			el_attr_name.style.cssText = "width:100px";
			el_attr_name.setAttribute("value", w_attr_name[j-1]);
			el_attr_name.setAttribute("id", "attr_name"+j);
			el_attr_name.setAttribute("onChange", "change_attribute_name("+i+", this, 'type_date_fields')");
			
		var el_attr_value = document.createElement('input');
	
			el_attr_value.setAttribute("type", "text");
	
			el_attr_value.style.cssText = "width:100px";
			el_attr_value.setAttribute("value", w_attr_value[j-1]);
			el_attr_value.setAttribute("id", "attr_value"+j);
			el_attr_value.setAttribute("onChange", "change_attribute_value("+i+", "+j+", 'type_date_fields')");
	
		var el_attr_remove = document.createElement('img');
			el_attr_remove.setAttribute("id", "el_choices"+j+"_remove");
			el_attr_remove.setAttribute("src", fmc_plugin_url+'/images/delete.png');
			el_attr_remove.style.cssText = 'cursor:pointer; vertical-align:middle; margin:3px';
			el_attr_remove.setAttribute("align", 'top');
			el_attr_remove.setAttribute("onClick", "remove_attr("+j+", "+i+", 'type_date_fields')");
		el_attr_table.appendChild(el_attr_tr);
		el_attr_tr.appendChild(el_attr_td_name);
		el_attr_tr.appendChild(el_attr_td_value);
		el_attr_tr.appendChild(el_attr_td_X);
		el_attr_td_name.appendChild(el_attr_name);
		el_attr_td_value.appendChild(el_attr_value);
		el_attr_td_X.appendChild(el_attr_remove);
		
	}

	var t  = document.getElementById('edit_table');
	
	var br = document.createElement('br');
	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 br6 = document.createElement('br');
	var br7 = document.createElement('br');
	var br8 = document.createElement('br');
	var br9 = document.createElement('br');
	var br10 = document.createElement('br');
	var br11 = document.createElement('br');
	var br12 = document.createElement('br');
	var br13 = document.createElement('br');
	var br14 = document.createElement('br');
	var br15 = document.createElement('br');
	var br16 = document.createElement('br');
	var br17 = document.createElement('br');
	var br18 = document.createElement('br');
	
	edit_main_td1.appendChild(el_label_label);
	edit_main_td1_1.appendChild(el_label_textarea);

	edit_main_td2.appendChild(el_label_position_label);
	edit_main_td2_1.appendChild(el_label_position1);
	edit_main_td2_1.appendChild(Left);
	edit_main_td2_1.appendChild(br2);
	edit_main_td2_1.appendChild(el_label_position2);
	edit_main_td2_1.appendChild(Top);

	edit_main_td3.appendChild(el_fields_divider_label);
	edit_main_td3_1.appendChild(el_fields_divider);
	//////////////////////////////////////////////////////////////////////////
	//////////////////////////////////////////////////////////////////////////
	//////////////////////////////////////////////////////////////////////////
	
	
	edit_main_td4.appendChild(el_day_field_type_label);
	edit_main_td4.appendChild(br);
	edit_main_td4.appendChild(el_day_field_size_label);
	// edit_main_td4.appendChild(br1);
	// edit_main_td4.appendChild(el_day_field_text_label);
	
	edit_main_td4_1.appendChild(el_day_field_type_input1);
	edit_main_td4_1.appendChild(Text_1);
	edit_main_td4_1.appendChild(el_day_field_type_input2);
	edit_main_td4_1.appendChild(Select_1);
	edit_main_td4_1.appendChild(br4);
	edit_main_td4_1.appendChild(el_day_field_size_input);
	// edit_main_td4_1.appendChild(br5);
	// edit_main_td4_1.appendChild(el_day_field_text_input);
	
	
	edit_main_td8.appendChild(el_month_field_type_label);
	edit_main_td8.appendChild(br11);
	edit_main_td8.appendChild(el_month_field_size_label);
	// edit_main_td8.appendChild(br12);
	// edit_main_td8.appendChild(el_month_field_text_label);
	edit_main_td8_1.appendChild(el_month_field_type_input1);
	edit_main_td8_1.appendChild(Text_2);
	edit_main_td8_1.appendChild(el_month_field_type_input2);
	edit_main_td8_1.appendChild(Select_2);
	edit_main_td8_1.appendChild(br6);
	edit_main_td8_1.appendChild(el_month_field_size_input);
	// edit_main_td8_1.appendChild(br7);
	// edit_main_td8_1.appendChild(el_month_field_text_input);



	edit_main_td9.appendChild(el_year_field_type_label);
	edit_main_td9.appendChild(br13);
	edit_main_td9.appendChild(el_year_field_interval_label);
	edit_main_td9.appendChild(br14);
	edit_main_td9.appendChild(el_year_field_size_label);
	// edit_main_td9.appendChild(br15);
	// edit_main_td9.appendChild(el_year_field_text_label);
	edit_main_td9_1.appendChild(el_year_field_type_input1);
	edit_main_td9_1.appendChild(Text_3);
	edit_main_td9_1.appendChild(el_year_field_type_input2);
	edit_main_td9_1.appendChild(Select_3);
	edit_main_td9_1.appendChild(br8);
	edit_main_td9_1.appendChild(el_year_field_interval_from_input);
	edit_main_td9_1.appendChild(Line);
	edit_main_td9_1.appendChild(el_year_field_interval_to_input);
	edit_main_td9_1.appendChild(br9);
	edit_main_td9_1.appendChild(el_year_field_size_input);
	// edit_main_td9_1.appendChild(br10);
	// edit_main_td9_1.appendChild(el_year_field_text_input);
	
	
	
	//////////////////////////////////////////////////////////////////////////
	//////////////////////////////////////////////////////////////////////////
	//////////////////////////////////////////////////////////////////////////
	edit_main_td5.appendChild(el_style_label);
	edit_main_td5_1.appendChild(el_style_textarea);
	
	edit_main_td6.appendChild(el_required_label);
	edit_main_td6_1.appendChild(el_required);
	
	edit_main_td7.appendChild(el_attr_label);
	edit_main_td7.appendChild(el_attr_add);
	edit_main_td7.appendChild(br3);
	edit_main_td7.appendChild(el_attr_table);
	edit_main_td7.setAttribute("colspan", "2");

	edit_main_tr1.appendChild(edit_main_td1);
	edit_main_tr1.appendChild(edit_main_td1_1);
	edit_main_tr2.appendChild(edit_main_td2);
	edit_main_tr2.appendChild(edit_main_td2_1);
	edit_main_tr3.appendChild(edit_main_td3);
	edit_main_tr3.appendChild(edit_main_td3_1);
	edit_main_tr4.appendChild(edit_main_td4);
	edit_main_tr4.appendChild(edit_main_td4_1);
	edit_main_tr8.appendChild(edit_main_td8);
	edit_main_tr8.appendChild(edit_main_td8_1);
	edit_main_tr9.appendChild(edit_main_td9);
	edit_main_tr9.appendChild(edit_main_td9_1);
	edit_main_tr5.appendChild(edit_main_td5);
	edit_main_tr5.appendChild(edit_main_td5_1);
	edit_main_tr6.appendChild(edit_main_td6);
	edit_main_tr6.appendChild(edit_main_td6_1);
	edit_main_tr7.appendChild(edit_main_td7);
	edit_main_tr7.appendChild(edit_main_td7_1);
	edit_main_table.appendChild(edit_main_tr1);
	edit_main_table.appendChild(edit_main_tr2);
	edit_main_table.appendChild(edit_main_tr3);
	edit_main_table.appendChild(edit_main_tr4);
	edit_main_table.appendChild(edit_main_tr8);
	edit_main_table.appendChild(edit_main_tr9);
	edit_main_table.appendChild(edit_main_tr5);
	edit_main_table.appendChild(edit_main_tr6);
	edit_main_table.appendChild(edit_main_tr7);
	edit_div.appendChild(edit_main_table);
	
	t.appendChild(edit_div);
	add_id_and_name(i, 'type_date_fields');
//show table
	var adding_type = document.createElement("input");
            adding_type.setAttribute("type", "hidden");
            adding_type.setAttribute("value", "type_date_fields");
            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_for_editable_labels = document.createElement('div');
			div_for_editable_labels.setAttribute("style", "margin-left:4px; color:red;");
			
      	edit_labels = document.createTextNode("The labels of the fields are editable. Please, click the label to edit.");

		div_for_editable_labels.appendChild(edit_labels);
      	var table = document.createElement('table');
           	table.setAttribute("id", i+"_elemet_tableform_id_temp");
			
      	var tr = document.createElement('tr');
			
      	var td1 = document.createElement('td');
         	td1.setAttribute("valign", 'top');
         	td1.setAttribute("align", 'left');
           	td1.setAttribute("id", i+"_label_sectionform_id_temp");
			
      	var td2 = document.createElement('td');
        	td2.setAttribute("valign", 'middle');
         	td2.setAttribute("align", 'left');
           	td2.setAttribute("id", i+"_element_sectionform_id_temp");
			
      	var table_date = document.createElement('table');
           	table_date.setAttribute("id", i+"_table_date");
           	table_date.setAttribute("cellpadding", '0');
           	table_date.setAttribute("cellspacing", '0');
			
      	var tr_date1 = document.createElement('tr');
           	tr_date1.setAttribute("id", i+"_tr_date1");
			
      	var tr_date2 = document.createElement('tr');
           	tr_date2.setAttribute("id", i+"_tr_date2");
			
      	var td_date_input1 = document.createElement('td');
           	td_date_input1.setAttribute("id", i+"_td_date_input1");
			
      	var td_date_separator1 = document.createElement('td');
           	td_date_separator1.setAttribute("id", i+"_td_date_separator1");
			
      	var td_date_input2 = document.createElement('td');
           	td_date_input2.setAttribute("id", i+"_td_date_input2");
			
      	var td_date_separator2 = document.createElement('td');
           	td_date_separator2.setAttribute("id", i+"_td_date_separator2");
			
      	var td_date_input3 = document.createElement('td');
           	td_date_input3.setAttribute("id", i+"_td_date_input3");

      	var td_date_label1 = document.createElement('td');
           	td_date_label1.setAttribute("id", i+"_td_date_label1");
      	var td_date_label_empty1 = document.createElement('td');
			
      	var td_date_label2 = document.createElement('td');
           	td_date_label2.setAttribute("id", i+"_td_date_label2");
      	var td_date_label_empty2 = document.createElement('td');
			
      	var td_date_label3 = document.createElement('td');
           	td_date_label3.setAttribute("id", i+"_td_date_label3");
			
      	var br1 = document.createElement('br');
      	var br2 = document.createElement('br');
     	var br3 = document.createElement('br');
      	var br4 = 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");
      	var required = document.createElement('span');
			required.setAttribute("id", i+"_required_elementform_id_temp");
			required.innerHTML = "";
			required.setAttribute("class", "required");
	if(w_required=="yes")
			required.innerHTML = " *";


	var day = document.createElement('input');
		day.setAttribute("type", 'text');
		day.setAttribute("value", w_day);
	    //day.setAttribute("class", "time_box");
	    day.setAttribute("id", i+"_dayform_id_temp");
	    day.setAttribute("name", i+"_dayform_id_temp");
		day.setAttribute("onChange", "change_value('"+i+"_dayform_id_temp')");
		day.setAttribute("onKeyPress", "return check_day(event, '"+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';
	  

	  /* hh.setAttribute("onKeyPress", "return check_hour(event, '"+i+"_hhform_id_temp', '23')");
	    hh.setAttribute("onKeyUp", "change_hour(event, '"+i+"_hhform_id_temp','23')");
	    hh.setAttribute("onBlur", "add_0('"+i+"_hhform_id_temp')");*/
			
	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("class", "time_box");
		month.setAttribute("id", i+"_monthform_id_temp");
	    month.setAttribute("name", i+"_monthform_id_temp");
		month.style.width=w_month_size+'px';
		month.setAttribute("onKeyPress", "return check_month(event, '"+i+"_monthform_id_temp')");
		month.setAttribute("onChange", "change_value('"+i+"_monthform_id_temp')");
	    month.setAttribute("onBlur", "if (this.value=='0') this.value=''; else add_0('"+i+"_monthform_id_temp')");
		/*month.setAttribute("onKeyPress", "return check_minute(event, '"+i+"_mmform_id_temp')");
	    month.setAttribute("onKeyUp", "change_minute(event, '"+i+"_mmform_id_temp')");
		month.setAttribute("onBlur", "add_0('"+i+"_mmform_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;
		
	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("class", "time_box");
		year.setAttribute("id", i+"_yearform_id_temp");
		year.setAttribute("name", i+"_yearform_id_temp");
		year.style.width=w_year_size+'px';
		year.setAttribute("onChange", "change_year('"+i+"_yearform_id_temp')");
		year.setAttribute("onKeyPress", "return check_year1(event, '"+i+"_yearform_id_temp')");
		year.setAttribute("onBlur", "check_year2('"+i+"_yearform_id_temp')");
		/*year.setAttribute("onKeyPress", "return check_second(event, '"+i+"_ssform_id_temp')");
		year.setAttribute("onKeyUp", "change_second('"+i+"_ssform_id_temp')");
		year.setAttribute("onBlur", "add_0('"+i+"_ssform_id_temp')");*/

	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 main_td  = document.getElementById('show_table');
      
      	td1.appendChild(label);
      	td1.appendChild(required);
		
		
		
		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);
		
      	td2.appendChild(adding_type);
      	td2.appendChild(adding_required);
		td2.appendChild(table_date);
      	tr.appendChild(td1);
      	tr.appendChild(td2);
      	table.appendChild(tr);
      
      	div.appendChild(table);
      	div.appendChild(br3);
        div.appendChild(div_for_editable_labels);
      	main_td.appendChild(div);

	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(document).ready(function() {	
    jQuery("label#"+i+"_day_label").click(function() {
      if (jQuery(this).children('input').length == 0) {
        var day = "<input type='text' class='day' size='8' style='outline:none; border:none; background:none;' 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' size='8' style='outline:none; border:none; background:none;' 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;' 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 type_own_select(i, w_field_label, w_field_label_pos, w_size, w_choices, w_choices_checked, w_required, w_class, w_attr_name, w_attr_value, w_choices_disabled){
	document.getElementById("element_type").value="type_own_select";
	delete_last_child();
// edit table	
	var edit_div  = document.createElement('div');
		edit_div.setAttribute("id", "edit_div");
		edit_div.setAttribute("style", "border-top:1px dotted black;padding:10px;  padding-top:0px; padding-bottom:0px; margin-top:10px;");
		
	var edit_main_table  = document.createElement('table');
		edit_main_table.setAttribute("id", "edit_main_table");
		edit_main_table.setAttribute("cellpadding", "0");
		edit_main_table.setAttribute("cellspacing", "0");
		
	var edit_main_tr1  = document.createElement('tr');
      		edit_main_tr1.setAttribute("valing", "top");
		
	var edit_main_tr2  = document.createElement('tr');
      		edit_main_tr2.setAttribute("valing", "top");
		
	var edit_main_tr3  = document.createElement('tr');
      		edit_main_tr3.setAttribute("valing", "top");
		
	var edit_main_tr4  = document.createElement('tr');
      		edit_main_tr4.setAttribute("valing", "top");
		
	var edit_main_tr5  = document.createElement('tr');
      		edit_main_tr5.setAttribute("valing", "top");
			
	var edit_main_tr6  = document.createElement('tr');
      		edit_main_tr6.setAttribute("valing", "top");
	var edit_main_tr7  = document.createElement('tr');
      		edit_main_tr7.setAttribute("valing", "top");

	var edit_main_td1 = document.createElement('td');
		edit_main_td1.style.cssText = "padding-top:10px";	
	var edit_main_td1_1 = document.createElement('td');
		edit_main_td1_1.style.cssText = "padding-top:10px";		
	var edit_main_td2 = document.createElement('td');
		edit_main_td2.style.cssText = "padding-top:10px";
	var edit_main_td2_1 = document.createElement('td');
		edit_main_td2_1.style.cssText = "padding-top:10px";

	var edit_main_td3 = document.createElement('td');
		edit_main_td3.style.cssText = "padding-top:10px";
	var edit_main_td3_1 = document.createElement('td');
		edit_main_td3_1.style.cssText = "padding-top:10px; vertical-align:top;";
		edit_main_td3.setAttribute("id", "choices");
		
	var edit_main_td4 = document.createElement('td');
		edit_main_td4.style.cssText = "padding-top:10px";
	var edit_main_td4_1 = document.createElement('td');
		edit_main_td4_1.style.cssText = "padding-top:10px";
		
	var edit_main_td5 = document.createElement('td');
		edit_main_td5.style.cssText = "padding-top:10px";
	var edit_main_td5_1 = document.createElement('td');
		edit_main_td5_1.style.cssText = "padding-top:10px";
				
	var edit_main_td6 = document.createElement('td');
		edit_main_td6.style.cssText = "padding-top:10px";
	var edit_main_td6_1 = document.createElement('td');
		edit_main_td6_1.style.cssText = "padding-top:10px";
	var edit_main_td7 = document.createElement('td');
		edit_main_td7.style.cssText = "padding-top:10px;";
	var edit_main_td7_1 = document.createElement('td');
		edit_main_td7_1.style.cssText = "padding-top:10px";
		  
	var el_label_label = document.createElement('label');
			        el_label_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_label_label.innerHTML = "Field label";
	
	var el_label_textarea = document.createElement('textarea');
                el_label_textarea.setAttribute("id", "edit_for_label");
                el_label_textarea.setAttribute("rows", "4");
                el_label_textarea.style.cssText = "width:200px;";
                el_label_textarea.setAttribute("onKeyUp", "change_label('"+i+"_element_labelform_id_temp', this.value)");
				el_label_textarea.innerHTML = w_field_label;
		
	var el_label_position_label = document.createElement('label');
			        el_label_position_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_label_position_label.innerHTML = "Field label position";
	
	var el_label_position1 = document.createElement('input');
                el_label_position1.setAttribute("id", "edit_for_label_position_top");
                el_label_position1.setAttribute("type", "radio");
                el_label_position1.setAttribute("value", "left");
                

                el_label_position1.setAttribute("name", "edit_for_label_position");
                el_label_position1.setAttribute("onchange", "label_left("+i+")");
		el_label_position1.setAttribute("checked", "checked");
		Left = document.createTextNode("Left");
		
	var el_label_position2 = document.createElement('input');
                el_label_position2.setAttribute("id", "edit_for_label_position_left");
                el_label_position2.setAttribute("type", "radio");
                el_label_position2.setAttribute("value", "top");
	

                el_label_position2.setAttribute("name", "edit_for_label_position");
                el_label_position2.setAttribute("onchange", "label_top("+i+")");
		Top = document.createTextNode("Top");
	
	if(w_field_label_pos=="top")
	
				el_label_position2.setAttribute("checked", "checked");
	else
				el_label_position1.setAttribute("checked", "checked");
	
	var el_size_label = document.createElement('label');
	        el_size_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_size_label.innerHTML = "Field size(px) ";
	var el_size = document.createElement('input');
		   el_size.setAttribute("id", "edit_for_input_size");
		   el_size.setAttribute("type", "text");
		   el_size.setAttribute("value", w_size);
		   
			el_size.setAttribute("name", "edit_for_size");
			el_size.setAttribute("onKeyPress", "return check_isnum(event)");
            el_size.setAttribute("onKeyUp", "change_w_style('"+i+"_elementform_id_temp', this.value)");
	
	
	var el_style_label = document.createElement('label');
	        el_style_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_style_label.innerHTML = "Class name";
	
	var el_style_textarea = document.createElement('input');
                el_style_textarea.setAttribute("id", "element_style");
		el_style_textarea.setAttribute("type", "text");
		el_style_textarea.setAttribute("value", w_class);
                el_style_textarea.style.cssText = "width:200px;";
                el_style_textarea.setAttribute("onChange", "change_class(this.value,'"+i+"')");
	
	var el_required_label = document.createElement('label');
	        el_required_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_required_label.innerHTML = "Required";
	
	var el_required = document.createElement('input');
                el_required.setAttribute("id", "el_send");
                el_required.setAttribute("type", "checkbox");
                el_required.setAttribute("value", "yes");
                el_required.setAttribute("onclick", "set_required('"+i+"_required')");
	if(w_required=="yes")
			
                el_required.setAttribute("checked", "checked");
	
	var el_attr_label = document.createElement('label');
	                el_attr_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_attr_label.innerHTML = "Additional Attributes";
	var el_attr_add = document.createElement('img');
                el_attr_add.setAttribute("id", "el_choices_add");
           	el_attr_add.setAttribute("src", fmc_plugin_url+'/images/add.png');
            	el_attr_add.style.cssText = 'cursor:pointer; margin-left:68px';
            	el_attr_add.setAttribute("title", 'add');
                el_attr_add.setAttribute("onClick", "add_attr("+i+", 'type_text')");
	var el_attr_table = document.createElement('table');
                el_attr_table.setAttribute("id", 'attributes');
                el_attr_table.setAttribute("border", '0');
        	el_attr_table.style.cssText = 'margin-left:0px';
	var el_attr_tr_label = document.createElement('tr');
                el_attr_tr_label.setAttribute("idi", '0');
	var el_attr_td_name_label = document.createElement('th');
            	el_attr_td_name_label.style.cssText = 'width:100px';
	var el_attr_td_value_label = document.createElement('th');
            	el_attr_td_value_label.style.cssText = 'width:100px';
	var el_attr_td_X_label = document.createElement('th');
            	el_attr_td_X_label.style.cssText = 'width:10px';
	var el_attr_name_label = document.createElement('label');
	                el_attr_name_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 11px";
			el_attr_name_label.innerHTML = "Name";
			
	var el_attr_value_label = document.createElement('label');
	                el_attr_value_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 11px";
			el_attr_value_label.innerHTML = "Value";
			
	el_attr_table.appendChild(el_attr_tr_label);
	el_attr_tr_label.appendChild(el_attr_td_name_label);
	el_attr_tr_label.appendChild(el_attr_td_value_label);
	el_attr_tr_label.appendChild(el_attr_td_X_label);
	el_attr_td_name_label.appendChild(el_attr_name_label);
	el_attr_td_value_label.appendChild(el_attr_value_label);
	
	n=w_attr_name.length;
	for(j=1; j<=n; j++)
	{	
		var el_attr_tr = document.createElement('tr');
			el_attr_tr.setAttribute("id", "attr_row_"+j);
			el_attr_tr.setAttribute("idi", j);
		var el_attr_td_name = document.createElement('td');
			el_attr_td_name.style.cssText = 'width:100px';
		var el_attr_td_value = document.createElement('td');
			el_attr_td_value.style.cssText = 'width:100px';
		
		var el_attr_td_X = document.createElement('td');
		var el_attr_name = document.createElement('input');
	
			el_attr_name.setAttribute("type", "text");
	
			el_attr_name.style.cssText = "width:100px";
			el_attr_name.setAttribute("value", w_attr_name[j-1]);
			el_attr_name.setAttribute("id", "attr_name"+j);
			el_attr_name.setAttribute("onChange", "change_attribute_name("+i+", this, 'type_text')");
			
		var el_attr_value = document.createElement('input');
	
			el_attr_value.setAttribute("type", "text");
	
			el_attr_value.style.cssText = "width:100px";
			el_attr_value.setAttribute("value", w_attr_value[j-1]);
			el_attr_value.setAttribute("id", "attr_value"+j);
			el_attr_value.setAttribute("onChange", "change_attribute_value("+i+", "+j+", 'type_text')");
	
		var el_attr_remove = document.createElement('img');
			el_attr_remove.setAttribute("id", "el_choices"+j+"_remove");
			el_attr_remove.setAttribute("src", fmc_plugin_url+'/images/delete.png');
			el_attr_remove.style.cssText = 'cursor:pointer; vertical-align:middle; margin:3px';
			el_attr_remove.setAttribute("align", 'top');
			el_attr_remove.setAttribute("onClick", "remove_attr("+j+", "+i+", 'type_text')");
		el_attr_table.appendChild(el_attr_tr);
		el_attr_tr.appendChild(el_attr_td_name);
		el_attr_tr.appendChild(el_attr_td_value);
		el_attr_tr.appendChild(el_attr_td_X);
		el_attr_td_name.appendChild(el_attr_name);
		el_attr_td_value.appendChild(el_attr_value);
		el_attr_td_X.appendChild(el_attr_remove);
		
	}
		
	var el_choices_label = document.createElement('label');
	        el_choices_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_choices_label.innerHTML = "Options";
	var el_choices_add = document.createElement('img');
                el_choices_add.setAttribute("id", "el_choices_add");
           	el_choices_add.setAttribute("src", fmc_plugin_url+'/images/add.png');
            	el_choices_add.style.cssText = 'cursor:pointer;';
            	el_choices_add.setAttribute("title", 'add');
                el_choices_add.setAttribute("onClick", "add_choise('select',"+i+")");

  var el_choices_important = document.createElement('div');			
  el_choices_important.style.cssText = 'color:red; padding:14px';
  el_choices_important.innerHTML = 'IMPORTANT! Check the "Empty value" checkbox only if you want the option to be considered as empty.';

	var t  = document.getElementById('edit_table');
	
	var br = document.createElement('br');
	var br1 = document.createElement('br');
	var br2 = document.createElement('br');
	var br3 = document.createElement('br');
        br3.setAttribute("id", "br1");
	var br4 = document.createElement('br');
        br4.setAttribute("id", "br2");
	var br5 = document.createElement('br');
	var br6 = document.createElement('br');
	
	edit_main_td1.appendChild(el_label_label);
	edit_main_td1_1.appendChild(el_label_textarea);

	edit_main_td2.appendChild(el_label_position_label);
	edit_main_td2_1.appendChild(el_label_position1);
	edit_main_td2_1.appendChild(Left);
	edit_main_td2_1.appendChild(br2);
	edit_main_td2_1.appendChild(el_label_position2);
	edit_main_td2_1.appendChild(Top);
	
	edit_main_td6.appendChild(el_style_label);
	edit_main_td6_1.appendChild(el_style_textarea);
	
	edit_main_td7.appendChild(el_attr_label);
	edit_main_td7.appendChild(el_attr_add);
	edit_main_td7.appendChild(br3);
	edit_main_td7.appendChild(el_attr_table);
	edit_main_td7.setAttribute("colspan", "2");
	edit_main_td4.appendChild(el_required_label);
	edit_main_td4_1.appendChild(el_required);
	
	edit_main_td5.appendChild(el_size_label);
	edit_main_td5_1.appendChild(el_size);
	
	edit_main_td3.appendChild(el_choices_label);
	edit_main_td3_1.appendChild(el_choices_add);
  edit_main_td3_1.appendChild(el_choices_important);

  //??????????????????
    var div_ = document.createElement('div');
    div_.style.cssText = 'border-bottom:1px dotted black; width: 248px;';
    var br = document.createElement('br');
    var el_choices_mini_label = document.createElement('b');
    el_choices_mini_label.innerHTML="Option name";
    el_choices_mini_label.style.cssText='padding-right: 20px; padding-left: 20px; font-size:9px';
    var el_choices_price_mini_label = document.createElement('b');
    el_choices_price_mini_label.innerHTML="Price";
    el_choices_price_mini_label.style.cssText='padding-right: 15px; padding-left: 15px;  font-size:9px';
    var el_choices_remove_mini_label = document.createElement('b');
    el_choices_remove_mini_label.innerHTML="Empty value";
    el_choices_remove_mini_label.style.cssText='padding-right: 2px; padding-left: 2px; font-size:9px';
    var el_choices_dis_mini_label = document.createElement('b');
    el_choices_dis_mini_label.innerHTML="Delete";
    el_choices_dis_mini_label.style.cssText='padding-left: 2px; padding-right: 2px; font-size:9px';
    div_.appendChild(br);
    div_.appendChild(el_choices_mini_label);
    div_.appendChild(el_choices_remove_mini_label);
    div_.appendChild(el_choices_dis_mini_label);
    edit_main_td3.appendChild(div_);
    //??????????????????????????
	
	n=w_choices.length;
	for(j=0; j<n; j++)
	{	
		var br = document.createElement('br');
		br.setAttribute("id", "br"+j);
		var el_choices = document.createElement('input');
			el_choices.setAttribute("id", "el_option"+j);
			el_choices.setAttribute("type", "text");
			el_choices.setAttribute("value", w_choices[j]);
			el_choices.style.cssText =   "width:100px; margin:0; padding:0; border-width: 1px";
			el_choices.setAttribute("onKeyUp", "change_label('"+i+"_option"+j+"', this.value)");
	
		var el_choices_remove = document.createElement('img');
			el_choices_remove.setAttribute("id", "el_option"+j+"_remove");
			el_choices_remove.setAttribute("src", fmc_plugin_url+'/images/delete.png');
			el_choices_remove.style.cssText = 'cursor:pointer; vertical-align:middle; margin:3px';
			el_choices_remove.setAttribute("align", 'top');
			el_choices_remove.setAttribute("onClick", "remove_option("+j+","+i+")");
			
		var el_choices_dis = document.createElement('input');
			el_choices_dis.setAttribute("type", 'checkbox');
			el_choices_dis.setAttribute("title", 'Empty value');
			el_choices_dis.setAttribute("id", "el_option"+j+"_dis");
			el_choices_dis.setAttribute("onClick", "dis_option('"+i+"_option"+j+"', this.checked)");
			el_choices_dis.style.cssText ="vertical-align: middle; margin-right: 24px; margin-left: 24px;";
			if(w_choices_disabled[j])
				el_choices_dis.setAttribute("checked", "checked");
			
		edit_main_td3.appendChild(br);
		edit_main_td3.appendChild(el_choices);
		edit_main_td3.appendChild(el_choices_dis);
		edit_main_td3.appendChild(el_choices_remove);
	
	}


	edit_main_tr1.appendChild(edit_main_td1);
	edit_main_tr1.appendChild(edit_main_td1_1);
	edit_main_tr2.appendChild(edit_main_td2);
	edit_main_tr2.appendChild(edit_main_td2_1);
	edit_main_tr5.appendChild(edit_main_td5);
	edit_main_tr5.appendChild(edit_main_td5_1);
	
	edit_main_tr6.appendChild(edit_main_td6);
	edit_main_tr6.appendChild(edit_main_td6_1);
	edit_main_tr4.appendChild(edit_main_td4);
	edit_main_tr4.appendChild(edit_main_td4_1);
	edit_main_tr7.appendChild(edit_main_td7);
	edit_main_tr7.appendChild(edit_main_td7_1);
	
	edit_main_tr3.appendChild(edit_main_td3);
	edit_main_tr3.appendChild(edit_main_td3_1);
	edit_main_table.appendChild(edit_main_tr1);
	edit_main_table.appendChild(edit_main_tr2);
	edit_main_table.appendChild(edit_main_tr5);
	edit_main_table.appendChild(edit_main_tr6);
	edit_main_table.appendChild(edit_main_tr4);
	
	edit_main_table.appendChild(edit_main_tr3);
	edit_main_table.appendChild(edit_main_tr7);
	edit_div.appendChild(edit_main_table);
	
	t.appendChild(edit_div);
	add_id_and_name(i, 'type_text');
	
//show table
	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_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 table = document.createElement('table');
           	table.setAttribute("id", i+"_elemet_tableform_id_temp");
			
      	var tr = document.createElement('tr');
			
      	var td1 = document.createElement('td');
         	td1.setAttribute("valign", 'middle');
         	td1.setAttribute("align", 'left');
           	td1.setAttribute("id", i+"_label_sectionform_id_temp");
			

      	var td2 = document.createElement('td');
        	td2.setAttribute("valign", 'middle');
         	td2.setAttribute("align", 'left');
           	td2.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('table');
           	table_little.setAttribute("id", i+"_table_little");
			
      	var tr_little1 = document.createElement('tr');
	        tr_little1.setAttribute("id", i+"_element_tr1");
		
      	var tr_little2 = document.createElement('tr');
 	        tr_little2.setAttribute("id", i+"_element_tr2");
			
      	var td_little1 = document.createElement('td');
         	td_little1.setAttribute("valign", 'top');
           	td_little1.setAttribute("id", i+"_td_little1");
			
      	var td_little2 = document.createElement('td');
        	td_little2.setAttribute("valign", 'top');
           	td_little2.setAttribute("id", i+"_td_little2");
			
   
      	var label = document.createElement('span');
			label.setAttribute("id", i+"_element_labelform_id_temp");
			label.innerHTML = w_field_label;
			label.setAttribute("class", "label");
	    
      	var required = document.createElement('span');
			required.setAttribute("id", i+"_required_elementform_id_temp");
			required.innerHTML = "";
			required.setAttribute("class", "required");
	if(w_required=="yes")
			required.innerHTML = " *";
	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";
		select_.setAttribute("onchange", "set_select(this)");
		
	for(j=0; j<n; j++)
	{      	
		var option = document.createElement('option');
		option.setAttribute("id", i+"_option"+j);
	if(w_choices_disabled[j])
		option.value="";
	else
		option.setAttribute("value", w_choices[j]);
		
		option.setAttribute("onselect", "set_select('"+i+"_option"+j+"')");
           	option.innerHTML = w_choices[j];
	if(w_choices_checked[j]==1)
		option.setAttribute("selected", "selected");
		select_.appendChild(option);
	}			
	
    
      	var main_td  = document.getElementById('show_table');
	
      
      	td1.appendChild(label);
      	td1.appendChild(required);
	td2.appendChild(adding_type);
	
	td2.appendChild(adding_required);
      	td2.appendChild(select_);
      	tr.appendChild(td1);
      	tr.appendChild(td2);
      	table.appendChild(tr);
      
      	div.appendChild(table);
      	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');
}

function form_maker_getElementsByAttribute(node,tag,attr,value){
  var elems = (tag=="*" && node.all) ? node.all : node.getElementsByTagName(tag),
    returnElems = new Array(),
    nValue = (typeof value!="undefined") ? new RegExp("(^|\\s)" + value + "(\\s|$)") : null,
    nAttr,
    cur;
  for (var i = 0; i < elems.length; i++) {
    cur = elems[i];
    nAttr = cur.getAttribute && cur.getAttribute(attr);
    if (typeof nAttr == "string" && nAttr.length > 0) {
      if (typeof value == "undefined" || (nValue && nValue.test(nAttr))) {
        returnElems.push(cur);
      }
    }
  }
  return returnElems;
}

function add_quantity(i) {
  div_ = document.getElementById(i+"_divform_id_temp");
  // if (div_.getElementById(i + "_element_quantityform_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", 'text');				
  select_.setAttribute("value", '1');				
  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("onChange", "change_value('" + i + "_element_quantityform_id_temp', this.value)");
  select_.setAttribute("onKeyUp", "change_value_for_total('"+i+"','form_id_temp')");
  select_.style.cssText = "width:30px; margin:2px 0px";
  var select_label = document.createElement('label');
  select_label.innerHTML =  "<!--repstart-->Quantity<!--repend-->";
  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 type_paypal_select(i, w_field_label, w_field_label_pos, w_size, w_choices, w_choices_price, w_choices_checked, w_required, w_quantity, w_class, w_attr_name, w_attr_value, w_choices_disabled, w_property, w_property_type, w_property_values){
	document.getElementById("element_type").value="type_paypal_select";
	delete_last_child();
// edit table	
	var edit_div  = document.createElement('div');
		edit_div.setAttribute("id", "edit_div");
		edit_div.setAttribute("style", "border-top:1px dotted black;padding:10px;  padding-top:0px; padding-bottom:0px; margin-top:10px;");
		
	var edit_main_table  = document.createElement('table');
		edit_main_table.setAttribute("id", "edit_main_table");
		edit_main_table.setAttribute("cellpadding", "0");
		edit_main_table.setAttribute("cellspacing", "0");
		
	var edit_main_tr1  = document.createElement('tr');
      		edit_main_tr1.setAttribute("valing", "top");
		
	var edit_main_tr2  = document.createElement('tr');
      		edit_main_tr2.setAttribute("valing", "top");
		
	var edit_main_tr3  = document.createElement('tr');
      		edit_main_tr3.setAttribute("valing", "top");
		
	var edit_main_tr4  = document.createElement('tr');
      		edit_main_tr4.setAttribute("valing", "top");
		
	var edit_main_tr5  = document.createElement('tr');
      		edit_main_tr5.setAttribute("valing", "top");
			
	var edit_main_tr6  = document.createElement('tr');
      		edit_main_tr6.setAttribute("valing", "top");
	var edit_main_tr7  = document.createElement('tr');
      		edit_main_tr7.setAttribute("valing", "top");
	var edit_main_tr8  = document.createElement('tr');
      		edit_main_tr8.setAttribute("valing", "top");
	var edit_main_tr9  = document.createElement('tr');
      		edit_main_tr9.setAttribute("valing", "top");

	var edit_main_td1 = document.createElement('td');
		edit_main_td1.style.cssText = "padding-top:10px";	
	var edit_main_td1_1 = document.createElement('td');
		edit_main_td1_1.style.cssText = "padding-top:10px";		
	var edit_main_td2 = document.createElement('td');
		edit_main_td2.style.cssText = "padding-top:10px";
	var edit_main_td2_1 = document.createElement('td');
		edit_main_td2_1.style.cssText = "padding-top:10px";

	var edit_main_td3 = document.createElement('td');
		edit_main_td3.style.cssText = "padding-top:10px";
	var edit_main_td3_1 = document.createElement('td');
		edit_main_td3_1.style.cssText = "padding-top:10px";
		edit_main_td3.setAttribute("id", "choices");
		
	var edit_main_td4 = document.createElement('td');
		edit_main_td4.style.cssText = "padding-top:10px";
	var edit_main_td4_1 = document.createElement('td');
		edit_main_td4_1.style.cssText = "padding-top:10px";
		
	var edit_main_td5 = document.createElement('td');
		edit_main_td5.style.cssText = "padding-top:10px";
	var edit_main_td5_1 = document.createElement('td');
		edit_main_td5_1.style.cssText = "padding-top:10px";
				
	var edit_main_td6 = document.createElement('td');
		edit_main_td6.style.cssText = "padding-top:10px";
	var edit_main_td6_1 = document.createElement('td');
		edit_main_td6_1.style.cssText = "padding-top:10px";
	var edit_main_td7 = document.createElement('td');
		edit_main_td7.style.cssText = "padding-top:10px";
	var edit_main_td7_1 = document.createElement('td');
		edit_main_td7_1.style.cssText = "padding-top:10px";
		  
	var edit_main_td8 = document.createElement('td');
		edit_main_td8.style.cssText = "padding-top:10px";
	var edit_main_td8_1 = document.createElement('td');
		edit_main_td8_1.style.cssText = "padding-top:10px";
		  
	var edit_main_td9 = document.createElement('td');
		edit_main_td9.style.cssText = "padding-top:10px";
	var edit_main_td9_1 = document.createElement('td');
		edit_main_td9_1.style.cssText = "padding-top:10px";
		  
	var el_label_label = document.createElement('label');
			        el_label_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_label_label.innerHTML = "Field label";
	
	var el_label_textarea = document.createElement('textarea');
                el_label_textarea.setAttribute("id", "edit_for_label");
                el_label_textarea.setAttribute("rows", "4");
                el_label_textarea.style.cssText = "width:200px;";
                el_label_textarea.setAttribute("onKeyUp", "change_label('"+i+"_element_labelform_id_temp', this.value)");
				el_label_textarea.innerHTML = w_field_label;
		
	var el_label_position_label = document.createElement('label');
			        el_label_position_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_label_position_label.innerHTML = "Field label position";
	
	var el_label_position1 = document.createElement('input');
                el_label_position1.setAttribute("id", "edit_for_label_position_top");
                el_label_position1.setAttribute("type", "radio");
                el_label_position1.setAttribute("value", "left");
                

                el_label_position1.setAttribute("name", "edit_for_label_position");
                el_label_position1.setAttribute("onchange", "label_left("+i+")");
		el_label_position1.setAttribute("checked", "checked");
		Left = document.createTextNode("Left");
		
	var el_label_position2 = document.createElement('input');
                el_label_position2.setAttribute("id", "edit_for_label_position_left");
                el_label_position2.setAttribute("type", "radio");
                el_label_position2.setAttribute("value", "top");
	

                el_label_position2.setAttribute("name", "edit_for_label_position");
                el_label_position2.setAttribute("onchange", "label_top("+i+")");
		Top = document.createTextNode("Top");
	
	if(w_field_label_pos=="top")
	
				el_label_position2.setAttribute("checked", "checked");
	else
				el_label_position1.setAttribute("checked", "checked");
	
	var el_size_label = document.createElement('label');
	        el_size_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_size_label.innerHTML = "Field size(px) ";
	var el_size = document.createElement('input');
		   el_size.setAttribute("id", "edit_for_input_size");
		   el_size.setAttribute("type", "text");
		   el_size.setAttribute("value", w_size);
		   
			el_size.setAttribute("name", "edit_for_size");
			el_size.setAttribute("onKeyPress", "return check_isnum(event)");
            el_size.setAttribute("onKeyUp", "change_w_style('"+i+"_elementform_id_temp', this.value)");
	
	
	var el_style_label = document.createElement('label');
	        el_style_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_style_label.innerHTML = "Class name";
	
	var el_style_textarea = document.createElement('input');
                el_style_textarea.setAttribute("id", "element_style");
		el_style_textarea.setAttribute("type", "text");
		el_style_textarea.setAttribute("value", w_class);
                el_style_textarea.style.cssText = "width:200px;";
                el_style_textarea.setAttribute("onChange", "change_class(this.value,'"+i+"')");
	
	var el_required_label = document.createElement('label');
	        el_required_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_required_label.innerHTML = "Required";
	
	var el_required = document.createElement('input');
                el_required.setAttribute("id", "el_send");
                el_required.setAttribute("type", "checkbox");
                el_required.setAttribute("value", "yes");
                el_required.setAttribute("onclick", "set_required('"+i+"_required')");
	if(w_required=="yes")
			
                el_required.setAttribute("checked", "checked");
	
	
	var el_quantity_label = document.createElement('label');
	    el_quantity_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_quantity_label.innerHTML = "Quantity property";
		
	var el_quantity = document.createElement('input');
        el_quantity.setAttribute("type", "checkbox");
        el_quantity.setAttribute("value", "yes");
        el_quantity.setAttribute("onclick", "add_quantity('"+i+"')");
	
	if(w_quantity=="yes")
		el_quantity.setAttribute("checked", "checked");
	
	
	var el_product_option_label = document.createElement('label');
	    el_product_option_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px;";
		el_product_option_label.innerHTML = "Product properties";
	
	var el_product_option_add_a = document.createElement('a');
		// el_product_option_add_a.setAttribute("rel", "{handler: 'iframe', size: {x: 650, y: 375}}"	);
		// el_product_option_add_a.setAttribute("href","index.php?option=com_formmaker&task=product_option_fmc&field_id="+i+"&tmpl=component");
		// el_product_option_add_a.setAttribute("class","modal");
    el_product_option_add_a.setAttribute("href", url_for_ajax + "?action=product_option_fmc&field_id=" + i + "&url_for_ajax=" + url_for_ajax + "&width=600&height=400&TB_iframe=1");
		el_product_option_add_a.setAttribute("class","thickbox-preview");

	var el_product_option_add_img = document.createElement('img');
		el_product_option_add_img.setAttribute("src", fmc_plugin_url+'/images/add.png');
		
	var el_product_option_add_ul = document.createElement('ul');
		el_product_option_add_ul.setAttribute("id", 'option_ul');
		el_product_option_add_ul.style.cssText="list-style-type: none; padding:0px"
				
				
	el_product_option_add_a.appendChild(el_product_option_add_img);
	
	
	var el_attr_label = document.createElement('label');
	                el_attr_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_attr_label.innerHTML = "Additional Attributes";
	var el_attr_add = document.createElement('img');
                el_attr_add.setAttribute("id", "el_choices_add");
           	el_attr_add.setAttribute("src", fmc_plugin_url+'/images/add.png');
            	el_attr_add.style.cssText = 'cursor:pointer; margin-left:68px';
            	el_attr_add.setAttribute("title", 'add');
                el_attr_add.setAttribute("onClick", "add_attr("+i+", 'type_text')");
				
				
				
	var el_attr_table = document.createElement('table');
                el_attr_table.setAttribute("id", 'attributes');
                el_attr_table.setAttribute("border", '0');
        	el_attr_table.style.cssText = 'margin-left:0px';
	var el_attr_tr_label = document.createElement('tr');
                el_attr_tr_label.setAttribute("idi", '0');
	var el_attr_td_name_label = document.createElement('th');
            	el_attr_td_name_label.style.cssText = 'width:100px';
	var el_attr_td_value_label = document.createElement('th');
            	el_attr_td_value_label.style.cssText = 'width:100px';
	var el_attr_td_X_label = document.createElement('th');
            	el_attr_td_X_label.style.cssText = 'width:10px';
	var el_attr_name_label = document.createElement('label');
	                el_attr_name_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 11px";
			el_attr_name_label.innerHTML = "Name";
			
	var el_attr_value_label = document.createElement('label');
	                el_attr_value_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 11px";
			el_attr_value_label.innerHTML = "Value";
			
	el_attr_table.appendChild(el_attr_tr_label);
	el_attr_tr_label.appendChild(el_attr_td_name_label);
	el_attr_tr_label.appendChild(el_attr_td_value_label);
	el_attr_tr_label.appendChild(el_attr_td_X_label);
	el_attr_td_name_label.appendChild(el_attr_name_label);
	el_attr_td_value_label.appendChild(el_attr_value_label);
	
	n=w_attr_name.length;
	for(j=1; j<=n; j++)
	{	
		var el_attr_tr = document.createElement('tr');
			el_attr_tr.setAttribute("id", "attr_row_"+j);
			el_attr_tr.setAttribute("idi", j);
		var el_attr_td_name = document.createElement('td');
			el_attr_td_name.style.cssText = 'width:100px';
		var el_attr_td_value = document.createElement('td');
			el_attr_td_value.style.cssText = 'width:100px';
		
		var el_attr_td_X = document.createElement('td');
		var el_attr_name = document.createElement('input');
	
			el_attr_name.setAttribute("type", "text");
	
			el_attr_name.style.cssText = "width:100px";
			el_attr_name.setAttribute("value", w_attr_name[j-1]);
			el_attr_name.setAttribute("id", "attr_name"+j);
			el_attr_name.setAttribute("onChange", "change_attribute_name("+i+", this, 'type_text')");
			
		var el_attr_value = document.createElement('input');
	
			el_attr_value.setAttribute("type", "text");
	
			el_attr_value.style.cssText = "width:100px";
			el_attr_value.setAttribute("value", w_attr_value[j-1]);
			el_attr_value.setAttribute("id", "attr_value"+j);
			el_attr_value.setAttribute("onChange", "change_attribute_value("+i+", "+j+", 'type_text')");
	
		var el_attr_remove = document.createElement('img');
			el_attr_remove.setAttribute("id", "el_choices"+j+"_remove");
			el_attr_remove.setAttribute("src", fmc_plugin_url+'/images/delete.png');
			el_attr_remove.style.cssText = 'cursor:pointer; vertical-align:middle; margin:3px';
			el_attr_remove.setAttribute("align", 'top');
			el_attr_remove.setAttribute("onClick", "remove_attr("+j+", "+i+", 'type_text')");
		el_attr_table.appendChild(el_attr_tr);
		el_attr_tr.appendChild(el_attr_td_name);
		el_attr_tr.appendChild(el_attr_td_value);
		el_attr_tr.appendChild(el_attr_td_X);
		el_attr_td_name.appendChild(el_attr_name);
		el_attr_td_value.appendChild(el_attr_value);
		el_attr_td_X.appendChild(el_attr_remove);
		
	}
		
	var el_choices_label = document.createElement('label');
	        el_choices_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_choices_label.innerHTML = "Options";
	var el_choices_add = document.createElement('img');
                el_choices_add.setAttribute("id", "el_choices_add");
           	el_choices_add.setAttribute("src", fmc_plugin_url+'/images/add.png');
            	el_choices_add.style.cssText = 'cursor:pointer; padding-left:15px';
            	el_choices_add.setAttribute("title", 'add');
          el_choices_add.setAttribute("onClick", "add_choise_price('select',"+i+")");

  var el_choices_important = document.createElement('div');			
  el_choices_important.style.cssText = 'color:red; padding:4px';
  el_choices_important.innerHTML = 'IMPORTANT! Check the "Empty value" checkbox only if you want the option to be considered as empty.';				

	var t  = document.getElementById('edit_table');
	
	var br = document.createElement('br');
	var br1 = document.createElement('br');
	var br2 = document.createElement('br');
	var br3 = document.createElement('br');
        br3.setAttribute("id", "br1");
	var br4 = document.createElement('br');
        br4.setAttribute("id", "br2");
	var br5 = document.createElement('br');
	var br6 = document.createElement('br');
	
	edit_main_td1.appendChild(el_label_label);
	edit_main_td1_1.appendChild(el_label_textarea);

	edit_main_td2.appendChild(el_label_position_label);
	edit_main_td2_1.appendChild(el_label_position1);
	edit_main_td2_1.appendChild(Left);
	edit_main_td2_1.appendChild(br2);
	edit_main_td2_1.appendChild(el_label_position2);
	edit_main_td2_1.appendChild(Top);
	
	edit_main_td6.appendChild(el_style_label);
	edit_main_td6_1.appendChild(el_style_textarea);
	
	edit_main_td7.appendChild(el_attr_label);
	edit_main_td7.appendChild(el_attr_add);
	edit_main_td7.appendChild(br3);
	edit_main_td7.appendChild(el_attr_table);
	edit_main_td7.setAttribute("colspan", "2");
	edit_main_td4.appendChild(el_required_label);
	edit_main_td4_1.appendChild(el_required);
	
	edit_main_td9.appendChild(el_quantity_label);
	edit_main_td9_1.appendChild(el_quantity);
	
	
	edit_main_td5.appendChild(el_size_label);
	edit_main_td5_1.appendChild(el_size);
	
	edit_main_td3.appendChild(el_choices_label);
	edit_main_td3.appendChild(el_choices_add);
  edit_main_td3.setAttribute("colspan", "2");
  edit_main_td3.appendChild(el_choices_important);
	
	edit_main_td8.appendChild(el_product_option_label);
	edit_main_td8.appendChild(el_product_option_add_ul);
	edit_main_td8_1.appendChild(el_product_option_add_a);
	
	/*edit_main_td8_1.appendChild(el_product_option1);
	edit_main_td8_1.appendChild(Property1);
	edit_main_td8_1.appendChild(br);
	edit_main_td8_1.appendChild(el_product_option2);
	edit_main_td8_1.appendChild(Property2);
	edit_main_td8_1.appendChild(br5);
	edit_main_td8_1.appendChild(el_product_option3);
	edit_main_td8_1.appendChild(Property3);
	edit_main_td8_1.appendChild(br6);*/
	
		var div_ = document.createElement('div');
			div_.style.cssText = 'border-bottom:1px dotted black; width: 248px;';
		var br = document.createElement('br');
		
		var el_choices_mini_label = document.createElement('b');
			el_choices_mini_label.innerHTML="Product name";
			el_choices_mini_label.style.cssText='padding-right: 20px; padding-left: 20px; font-size:9px';
			
		var el_choices_price_mini_label = document.createElement('b');
			el_choices_price_mini_label.innerHTML="Price";
			el_choices_price_mini_label.style.cssText='padding-right: 15px; padding-left: 15px;  font-size:9px';
	
		var el_choices_remove_mini_label = document.createElement('b');
			el_choices_remove_mini_label.innerHTML="Empty value";
			el_choices_remove_mini_label.style.cssText='padding-right: 2px; padding-left: 2px; font-size:9px';
			
		var el_choices_dis_mini_label = document.createElement('b');
			el_choices_dis_mini_label.innerHTML="Delete";
			el_choices_dis_mini_label.style.cssText='padding-left: 2px; padding-right: 2px; font-size:9px';
			
		div_.appendChild(br);
		div_.appendChild(el_choices_mini_label);
		div_.appendChild(el_choices_price_mini_label);
		div_.appendChild(el_choices_remove_mini_label);
		div_.appendChild(el_choices_dis_mini_label);
		edit_main_td3.appendChild(div_);

	
	n=w_choices.length;
	for(j=0; j<n; j++)
	{	
		var br = document.createElement('br');
		br.setAttribute("id", "br"+j);
		var el_choices = document.createElement('input');
			el_choices.setAttribute("id", "el_option"+j);
			el_choices.setAttribute("type", "text");
			el_choices.setAttribute("value", w_choices[j]);
			el_choices.style.cssText =   "width:100px; margin:1px; padding:0; border-width: 1px";
			el_choices.setAttribute("onKeyUp", "change_label_price('"+i+"_option"+j+"', this.value)");
			
		var el_choices_price = document.createElement('input');
			el_choices_price.setAttribute("id", "el_option_price"+j);
			el_choices_price.setAttribute("type", "text");
			el_choices_price.setAttribute("value", w_choices_price[j]);
			el_choices_price.style.cssText =   "width:50px; margin:1px; padding:0; border-width: 1px";
			el_choices_price.setAttribute("onKeyUp", "change_value_price('"+i+"_option"+j+"', this.value)");
			el_choices_price.setAttribute("onKeyPress", "return check_isnum_point(event)");
	
		var el_choices_remove = document.createElement('img');
			el_choices_remove.setAttribute("id", "el_option"+j+"_remove");
			el_choices_remove.setAttribute("src", fmc_plugin_url+'/images/delete.png');
			el_choices_remove.style.cssText = 'cursor:pointer; vertical-align:middle; margin-left:4px;';
			el_choices_remove.setAttribute("align", 'top');
			el_choices_remove.setAttribute("onClick", "remove_option_price("+j+","+i+")");
			
		var el_choices_dis = document.createElement('input');
			el_choices_dis.setAttribute("type", 'checkbox');
			el_choices_dis.setAttribute("title", 'Empty value');
			el_choices_dis.setAttribute("id", "el_option"+j+"_dis");
			el_choices_dis.setAttribute("onClick", "dis_option_price('"+i+"','"+j+"', this.checked)");
			el_choices_dis.style.cssText ="vertical-align: middle; margin-right:24px; margin-left:24px;";
			if(w_choices_disabled[j])
			{
				el_choices_dis.setAttribute("checked", "checked");
			}
			
		edit_main_td3.appendChild(br);
		edit_main_td3.appendChild(el_choices);
		edit_main_td3.appendChild(el_choices_price);
		edit_main_td3.appendChild(el_choices_dis);
		edit_main_td3.appendChild(el_choices_remove);
	
	}


	edit_main_tr1.appendChild(edit_main_td1);
	edit_main_tr1.appendChild(edit_main_td1_1);
	edit_main_tr2.appendChild(edit_main_td2);
	edit_main_tr2.appendChild(edit_main_td2_1);
	edit_main_tr5.appendChild(edit_main_td5);
	edit_main_tr5.appendChild(edit_main_td5_1);
	
	edit_main_tr6.appendChild(edit_main_td6);
	edit_main_tr6.appendChild(edit_main_td6_1);
	edit_main_tr4.appendChild(edit_main_td4);
	edit_main_tr4.appendChild(edit_main_td4_1);
	edit_main_tr9.appendChild(edit_main_td9);
	edit_main_tr9.appendChild(edit_main_td9_1);
	edit_main_tr7.appendChild(edit_main_td7);
	edit_main_tr7.appendChild(edit_main_td7_1);
	
	edit_main_tr3.appendChild(edit_main_td3);
	edit_main_tr8.appendChild(edit_main_td8);
	edit_main_tr8.appendChild(edit_main_td8_1);
	
	edit_main_table.appendChild(edit_main_tr1);
	edit_main_table.appendChild(edit_main_tr2);
	edit_main_table.appendChild(edit_main_tr5);
	edit_main_table.appendChild(edit_main_tr6);
	edit_main_table.appendChild(edit_main_tr4);
	
	edit_main_table.appendChild(edit_main_tr3);
	edit_main_table.appendChild(edit_main_tr9);
	edit_main_table.appendChild(edit_main_tr8);
	edit_main_table.appendChild(edit_main_tr7);
	edit_div.appendChild(edit_main_table);
	
	t.appendChild(edit_div);
	add_id_and_name(i, 'type_text');
	
//show table
	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");
	    
	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 table = document.createElement('table');
           	table.setAttribute("id", i+"_elemet_tableform_id_temp");
			
      	var tr = document.createElement('tr');
			
      	var td1 = document.createElement('td');
         	td1.setAttribute("valign", 'top');
         	td1.setAttribute("align", 'left');
           	td1.setAttribute("id", i+"_label_sectionform_id_temp");
			

      	var td2 = document.createElement('td');
        	td2.setAttribute("valign", 'middle');
         	td2.setAttribute("align", 'left');
           	td2.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('table');
           	table_little.setAttribute("id", i+"_table_little");
			
      	var tr_little1 = document.createElement('tr');
	        tr_little1.setAttribute("id", i+"_element_tr1");
		
      	var tr_little2 = document.createElement('tr');
 	        tr_little2.setAttribute("id", i+"_element_tr2");
			
      	var td_little1 = document.createElement('td');
         	td_little1.setAttribute("valign", 'top');
           	td_little1.setAttribute("id", i+"_td_little1");
			
      	var td_little2 = document.createElement('td');
        	td_little2.setAttribute("valign", 'top');
           	td_little2.setAttribute("id", i+"_td_little2");
			
   
      	var label = document.createElement('span');
			label.setAttribute("id", i+"_element_labelform_id_temp");
			label.innerHTML = w_field_label;
			label.setAttribute("class", "label");
	    
      	var required = document.createElement('span');
			required.setAttribute("id", i+"_required_elementform_id_temp");
			required.innerHTML = "";
			required.setAttribute("class", "required");
	if(w_required=="yes")
			required.innerHTML = " *";
	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";
		select_.setAttribute("onchange", "set_select(this)");
		
	for(j=0; j<n; j++)
	{      	
		var option = document.createElement('option');
		option.setAttribute("id", i+"_option"+j);
	if(w_choices_disabled[j])
		option.value="";
	else
		option.setAttribute("value", w_choices_price[j]);
		
		option.setAttribute("onselect", "set_select('"+i+"_option"+j+"')");
           	option.innerHTML = w_choices[j];
	if(w_choices_checked[j]==1)
		option.setAttribute("selected", "selected");
		select_.appendChild(option);
	}	
	
		var div_ = document.createElement('div');
			div_.setAttribute("id", i+"_divform_id_temp");

    
      	var main_td  = document.getElementById('show_table');
	
      
      	td1.appendChild(label);
      	td1.appendChild(required);
	td2.appendChild(adding_type);
	
	td2.appendChild(adding_required);
      	td2.appendChild(select_);
       	td2.appendChild(div_);
     	tr.appendChild(td1);
      	tr.appendChild(td2);
      	table.appendChild(tr);
      
      	div.appendChild(table);
      	div.appendChild(br3);
      	main_td.appendChild(div);
	
	if(w_field_label_pos=="top")
				label_top(i);
		

	if(w_quantity=="yes")
				add_quantity(i);
// form_maker_open_in_popup(11);
change_class(w_class, i);
refresh_attr(i, 'type_text');
// enable_modals();
add_properties(i, w_property, w_property_values, w_property_type);
spider_popup();
}

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 add_properties(id, w_property, w_property_values, w_property_type) {
  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_.setAttribute("type", w_property_type[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("rel", "{handler: 'iframe', size: {x: 650, y: 375}}"	);
    // li_edit.setAttribute("href","index.php?option=com_formmaker&task=product_option_fmc&field_id="+id+"&property_id="+i+"&tmpl=component");
    // li_edit.setAttribute("class","modal");
    li_edit.setAttribute("href", url_for_ajax + "?action=product_option_fmc&field_id="+id+"&property_id="+i+"&url_for_ajax=" + url_for_ajax + "&width=600&height=400&TB_iframe=1");
		li_edit.setAttribute("class","thickbox-preview");
    var li_edit_img = document.createElement('img');
    li_edit_img.setAttribute("src", fmc_plugin_url+'/images/edit.png');
    li_edit_img.style.cssText = "margin-left:13px;";
    li_edit_img.setAttribute("onmouseover", 'chnage_icons_src(this,"edit")');
    li_edit_img.setAttribute("onmouseout", 'chnage_icons_src(this,"edit")');
    li_edit.appendChild(li_edit_img);
    var li_x = document.createElement('img');
    li_x.setAttribute("src", fmc_plugin_url+'/images/delete.png');
    li_x.setAttribute("onClick", 'remove_property('+id+','+i+')');
    li_x.style.cssText = "margin-left:3px; cursor:pointer";
    ul_=document.getElementById("option_ul");
    li_.appendChild(li_label);
    li_.appendChild(li_edit);
    li_.appendChild(li_x);
    ul_.appendChild(li_);
  }
  // enable_modals();
  spider_popup();
}

function dis_option(id, value) {
  if (value) {
    document.getElementById(id).value = '';
  }
  else {
    document.getElementById(id).value = document.getElementById(id).innerHTML;
  }
}

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 type_paypal_checkbox(i, w_field_label, w_field_label_pos, 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_type, w_property_values, w_quantity) {

	document.getElementById("element_type").value="type_paypal_checkbox";

	delete_last_child();
// edit table	
	var edit_div  = document.createElement('div');
		edit_div.setAttribute("id", "edit_div");
		edit_div.setAttribute("style", "border-top:1px dotted black;padding:10px; padding:10px;  padding-top:0px; padding-bottom:0px; margin-top:10px;");
		
	var edit_main_table  = document.createElement('table');
		edit_main_table.setAttribute("id", "edit_main_table");
		edit_main_table.setAttribute("cellpadding", "0");
		edit_main_table.setAttribute("cellspacing", "0");
		
	var edit_main_tr1  = document.createElement('tr');
      		edit_main_tr1.setAttribute("valing", "top");
		
	var edit_main_tr2  = document.createElement('tr');
      		edit_main_tr2.setAttribute("valing", "top");
		
	var edit_main_tr3  = document.createElement('tr');
      		edit_main_tr3.setAttribute("valing", "top");
		
	var edit_main_tr4  = document.createElement('tr');
      		edit_main_tr4.setAttribute("valing", "top");
		
	var edit_main_tr5  = document.createElement('tr');
      		edit_main_tr5.setAttribute("valing", "top");
			
	var edit_main_tr6  = document.createElement('tr');
      		edit_main_tr6.setAttribute("valing", "top");
	var edit_main_tr7  = document.createElement('tr');
      		edit_main_tr7.setAttribute("valing", "top");

	var edit_main_tr8  = document.createElement('tr');
      		edit_main_tr8.setAttribute("valing", "top");

	var edit_main_tr9  = document.createElement('tr');
      		edit_main_tr9.setAttribute("valing", "top");

	var edit_main_tr10  = document.createElement('tr');
      		edit_main_tr10.setAttribute("valing", "top");
	var edit_main_tr11  = document.createElement('tr');
      		edit_main_tr11.setAttribute("valing", "top");

	var edit_main_td1 = document.createElement('td');
		edit_main_td1.style.cssText = "padding-top:10px";	
	var edit_main_td1_1 = document.createElement('td');
		edit_main_td1_1.style.cssText = "padding-top:10px";		
	var edit_main_td2 = document.createElement('td');
		edit_main_td2.style.cssText = "padding-top:10px";
	var edit_main_td2_1 = document.createElement('td');
		edit_main_td2_1.style.cssText = "padding-top:10px";

	var edit_main_td3 = document.createElement('td');
		edit_main_td3.style.cssText = "padding-top:10px";
	var edit_main_td3_1 = document.createElement('td');
		edit_main_td3_1.style.cssText = "padding-top:10px";

		
	var edit_main_td10 = document.createElement('td');
		edit_main_td10.style.cssText = "padding-top:10px";
	var edit_main_td10_1 = document.createElement('td');
		edit_main_td10_1.style.cssText = "padding-top:10px";

		
	var edit_main_td4 = document.createElement('td');
		edit_main_td4.style.cssText = "padding-top:10px";
	var edit_main_td4_1 = document.createElement('td');
		edit_main_td4_1.style.cssText = "padding-top:10px; vertical-align:top;";
      	edit_main_td4.setAttribute("id", "choices");
	var edit_main_td5 = document.createElement('td');
		edit_main_td5.style.cssText = "padding-top:10px";
	var edit_main_td5_1 = document.createElement('td');
		edit_main_td5_1.style.cssText = "padding-top:10px";
				
	var edit_main_td6 = document.createElement('td');
		edit_main_td6.style.cssText = "padding-top:10px";
	var edit_main_td6_1 = document.createElement('td');
		edit_main_td6_1.style.cssText = "padding-top:10px";
		
	var edit_main_td7 = document.createElement('td');
		edit_main_td7.style.cssText = "padding-top:10px";
	var edit_main_td7_1 = document.createElement('td');
		edit_main_td7_1.style.cssText = "padding-top:10px";
		  
	var edit_main_td8 = document.createElement('td');
		edit_main_td8.style.cssText = "padding-top:10px";
	var edit_main_td8_1 = document.createElement('td');
		edit_main_td8_1.style.cssText = "padding-top:10px";
		  
	var edit_main_td9 = document.createElement('td');
		edit_main_td9.style.cssText = "padding-top:10px";
	var edit_main_td9_1 = document.createElement('td');
		edit_main_td9_1.style.cssText = "padding-top:10px";
		  
	var edit_main_td11 = document.createElement('td');
		edit_main_td11.style.cssText = "padding-top:10px";
	var edit_main_td11_1 = document.createElement('td');
		edit_main_td11_1.style.cssText = "padding-top:10px";
		  
	var el_label_label = document.createElement('label');
			        el_label_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_label_label.innerHTML = "Field label";
	
	var el_label_textarea = document.createElement('textarea');
                el_label_textarea.setAttribute("id", "edit_for_label");
                el_label_textarea.setAttribute("rows", "4");
                el_label_textarea.style.cssText = "width:200px;";
                el_label_textarea.setAttribute("onKeyUp", "change_label('"+i+"_element_labelform_id_temp', this.value)");
				el_label_textarea.innerHTML = w_field_label;
		
	var el_label_position_label = document.createElement('label');
			        el_label_position_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_label_position_label.innerHTML = "Field label position";
	
	var el_label_position1 = document.createElement('input');
                el_label_position1.setAttribute("id", "edit_for_label_position_top");
                el_label_position1.setAttribute("type", "radio");
                el_label_position1.setAttribute("value", "left");
                
                el_label_position1.setAttribute("name", "edit_for_label_position");
                el_label_position1.setAttribute("onchange", "label_left("+i+")");
		Left = document.createTextNode("Left");
		
	var el_label_position2 = document.createElement('input');
                el_label_position2.setAttribute("id", "edit_for_label_position_left");
                el_label_position2.setAttribute("type", "radio");
                el_label_position2.setAttribute("value", "top");
			
                el_label_position2.setAttribute("name", "edit_for_label_position");
                el_label_position2.setAttribute("onchange", "label_top("+i+")");
		Top = document.createTextNode("Top");
		
	if(w_field_label_pos=="top")
	
				el_label_position2.setAttribute("checked", "checked");
	else
				el_label_position1.setAttribute("checked", "checked");
	var el_label_flow = document.createElement('label');
			        el_label_flow.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_label_flow.innerHTML = "Relative Position";
	
	var el_flow_vertical = document.createElement('input');
                el_flow_vertical.setAttribute("id", "edit_for_flow_vertical");
                el_flow_vertical.setAttribute("type", "radio");
                el_flow_vertical.setAttribute("value", "ver");
                el_flow_vertical.setAttribute("name", "edit_for_flow");
                el_flow_vertical.setAttribute("onchange", "flow_ver("+i+")");
		Vertical = document.createTextNode("Vertical");
		
	var el_flow_horizontal = document.createElement('input');
                el_flow_horizontal.setAttribute("id", "edit_for_flow_horizontal");
                el_flow_horizontal.setAttribute("type", "radio");
                el_flow_horizontal.setAttribute("value", "hor");
                el_flow_horizontal.setAttribute("name", "edit_for_flow");
                el_flow_horizontal.setAttribute("onchange", "flow_hor("+i+")");
		Horizontal = document.createTextNode("Horizontal");
		
	if(w_flow=="hor")
				el_flow_horizontal.setAttribute("checked", "checked");
	else
				el_flow_vertical.setAttribute("checked", "checked");
				
				
	var el_style_label = document.createElement('label');
	        el_style_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_style_label.innerHTML = "Class name";
	
	var el_style_textarea = document.createElement('input');
                el_style_textarea.setAttribute("id", "element_style");
		el_style_textarea.setAttribute("type", "text");
 		el_style_textarea.setAttribute("value", w_class);
                el_style_textarea.style.cssText = "width:200px;";
                el_style_textarea.setAttribute("onChange", "change_class(this.value,'"+i+"')");

	var el_required_label = document.createElement('label');
	        el_required_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_required_label.innerHTML = "Required";
	
	var el_required = document.createElement('input');
                el_required.setAttribute("id", "el_send");
                el_required.setAttribute("type", "checkbox");
                el_required.setAttribute("value", "yes");
                el_required.setAttribute("onclick", "set_required('"+i+"_required')");
	if(w_required=="yes")
			
                el_required.setAttribute("checked", "checked");
		
	var el_quantity_label = document.createElement('label');
	    el_quantity_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_quantity_label.innerHTML = "Quantity property";
		
	var el_quantity = document.createElement('input');
        el_quantity.setAttribute("type", "checkbox");
        el_quantity.setAttribute("value", "yes");
        el_quantity.setAttribute("onclick", "add_quantity('"+i+"')");
	
	if(w_quantity=="yes")
		el_quantity.setAttribute("checked", "checked");
	
		
				
	var el_randomize_label = document.createElement('label');
				el_randomize_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
				el_randomize_label.innerHTML = "Randomize in frontend";
	
	var el_randomize = document.createElement('input');
                el_randomize.setAttribute("id", "el_randomize");
                el_randomize.setAttribute("type", "checkbox");
                el_randomize.setAttribute("value", "yes");
                el_randomize.setAttribute("onclick", "set_randomize('"+i+"_randomizeform_id_temp')");
	if(w_randomize=="yes")
			    el_randomize.setAttribute("checked", "checked");

	var el_allow_other_label = document.createElement('label');
				el_allow_other_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
				el_allow_other_label.innerHTML = "Allow other";
	
	var el_allow_other = document.createElement('input');
                el_allow_other.setAttribute("id", "el_allow_other");
                el_allow_other.setAttribute("type", "checkbox");
                el_allow_other.setAttribute("value", "yes");
                el_allow_other.setAttribute("onclick", "set_allow_other('"+i+"','checkbox')");
	if(w_allow_other=="yes")
			    el_allow_other.setAttribute("checked", "checked");


	
	
	var el_product_option_label = document.createElement('label');
	    el_product_option_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px;";
		el_product_option_label.innerHTML = "Product properties";
	
	var el_product_option_add_a = document.createElement('a');
		// el_product_option_add_a.setAttribute("rel", "{handler: 'iframe', size: {x: 650, y: 375}}"	);
		// el_product_option_add_a.setAttribute("href","index.php?option=com_formmaker&task=product_option_fmc&field_id="+i+"&tmpl=component");
		// el_product_option_add_a.setAttribute("class","modal");
    el_product_option_add_a.setAttribute("href", url_for_ajax + "?action=product_option_fmc&field_id=" + i + "&url_for_ajax=" + url_for_ajax + "&width=600&height=400&TB_iframe=1");
		el_product_option_add_a.setAttribute("class","thickbox-preview");

	var el_product_option_add_img = document.createElement('img');
		el_product_option_add_img.setAttribute("src", fmc_plugin_url+'/images/add.png');
		
	var el_product_option_add_ul = document.createElement('ul');
		el_product_option_add_ul.setAttribute("id", 'option_ul');
		el_product_option_add_ul.style.cssText="list-style-type: none; padding:0px"
				
				
	el_product_option_add_a.appendChild(el_product_option_add_img);
	

		
	
	var el_attr_label = document.createElement('label');
	                el_attr_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_attr_label.innerHTML = "Additional Attributes";
	var el_attr_add = document.createElement('img');
                el_attr_add.setAttribute("id", "el_choices_add");
           	el_attr_add.setAttribute("src", fmc_plugin_url+'/images/add.png');
            	el_attr_add.style.cssText = 'cursor:pointer; margin-left:68px';
            	el_attr_add.setAttribute("title", 'add');
                el_attr_add.setAttribute("onClick", "add_attr("+i+", 'type_checkbox')");
	var el_attr_table = document.createElement('table');
                el_attr_table.setAttribute("id", 'attributes');
                el_attr_table.setAttribute("border", '0');
        	el_attr_table.style.cssText = 'margin-left:0px';
	var el_attr_tr_label = document.createElement('tr');
                el_attr_tr_label.setAttribute("idi", '0');
	var el_attr_td_name_label = document.createElement('th');
            	el_attr_td_name_label.style.cssText = 'width:100px';
	var el_attr_td_value_label = document.createElement('th');
            	el_attr_td_value_label.style.cssText = 'width:100px';
	var el_attr_td_X_label = document.createElement('th');
            	el_attr_td_X_label.style.cssText = 'width:10px';
	var el_attr_name_label = document.createElement('label');
	                el_attr_name_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 11px";
			el_attr_name_label.innerHTML = "Name";
			
	var el_attr_value_label = document.createElement('label');
	                el_attr_value_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 11px";
			el_attr_value_label.innerHTML = "Value";
			
	el_attr_table.appendChild(el_attr_tr_label);
	el_attr_tr_label.appendChild(el_attr_td_name_label);
	el_attr_tr_label.appendChild(el_attr_td_value_label);
	el_attr_tr_label.appendChild(el_attr_td_X_label);
	el_attr_td_name_label.appendChild(el_attr_name_label);
	el_attr_td_value_label.appendChild(el_attr_value_label);
	
	n=w_attr_name.length;
	for(j=1; j<=n; j++)
	{	
		var el_attr_tr = document.createElement('tr');
			el_attr_tr.setAttribute("id", "attr_row_"+j);
			el_attr_tr.setAttribute("idi", j);
		var el_attr_td_name = document.createElement('td');
			el_attr_td_name.style.cssText = 'width:100px';
		var el_attr_td_value = document.createElement('td');
			el_attr_td_value.style.cssText = 'width:100px';
		
		var el_attr_td_X = document.createElement('td');
		var el_attr_name = document.createElement('input');
	
			el_attr_name.setAttribute("type", "text");
	
			el_attr_name.style.cssText = "width:100px";
			el_attr_name.setAttribute("value", w_attr_name[j-1]);
			el_attr_name.setAttribute("id", "attr_name"+j);
			el_attr_name.setAttribute("onChange", "change_attribute_name("+i+", this, 'type_checkbox')");
			
		var el_attr_value = document.createElement('input');
	
			el_attr_value.setAttribute("type", "text");	
			el_attr_value.style.cssText = "width:100px";
			el_attr_value.setAttribute("value", w_attr_value[j-1]);
			el_attr_value.setAttribute("id", "attr_value"+j);
			el_attr_value.setAttribute("onChange", "change_attribute_value("+i+", "+j+", 'type_checkbox')");
	
		var el_attr_remove = document.createElement('img');
			el_attr_remove.setAttribute("id", "el_choices"+j+"_remove");
			el_attr_remove.setAttribute("src", fmc_plugin_url+'/images/delete.png');
			el_attr_remove.style.cssText = 'cursor:pointer; vertical-align:middle; margin:3px';
			el_attr_remove.setAttribute("align", 'top');
			el_attr_remove.setAttribute("onClick", "remove_attr("+j+", "+i+", 'type_checkbox')");
		el_attr_table.appendChild(el_attr_tr);
		el_attr_tr.appendChild(el_attr_td_name);
		el_attr_tr.appendChild(el_attr_td_value);
		el_attr_tr.appendChild(el_attr_td_X);
		el_attr_td_name.appendChild(el_attr_name);
		el_attr_td_value.appendChild(el_attr_value);
		el_attr_td_X.appendChild(el_attr_remove);
		
	}

	var el_choices_label = document.createElement('label');
			el_choices_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_choices_label.innerHTML = "Options ";
			
	var el_choices_add = document.createElement('img');
                el_choices_add.setAttribute("id", "el_choices_add");
           		el_choices_add.setAttribute("src", fmc_plugin_url+'/images/add.png');
            	el_choices_add.style.cssText = 'cursor:pointer;';
            	el_choices_add.setAttribute("title", 'add');
                el_choices_add.setAttribute("onClick", "add_choise_price('checkbox',"+i+")");
	
	var t  = document.getElementById('edit_table');
	
	var br = document.createElement('br');
	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 br6 = document.createElement('br');
	
	edit_main_td1.appendChild(el_label_label);
	edit_main_td1_1.appendChild(el_label_textarea);

	edit_main_td2.appendChild(el_label_position_label);
	edit_main_td2_1.appendChild(el_label_position1);
	edit_main_td2_1.appendChild(Left);
	edit_main_td2_1.appendChild(br2);
	edit_main_td2_1.appendChild(el_label_position2);
	edit_main_td2_1.appendChild(Top);

	edit_main_td3.appendChild(el_label_flow);
	edit_main_td3_1.appendChild(el_flow_vertical);
	edit_main_td3_1.appendChild(Vertical);
	edit_main_td3_1.appendChild(br4);
	edit_main_td3_1.appendChild(el_flow_horizontal);
	edit_main_td3_1.appendChild(Horizontal);
	
	edit_main_td5.appendChild(el_required_label);
	edit_main_td5_1.appendChild(el_required);
	
	edit_main_td8.appendChild(el_randomize_label);
	edit_main_td8_1.appendChild(el_randomize);
	
	edit_main_td9.appendChild(el_allow_other_label);
	edit_main_td9_1.appendChild(el_allow_other);
	
	edit_main_td6.appendChild(el_style_label);
	edit_main_td6_1.appendChild(el_style_textarea);
	
	edit_main_td10.appendChild(el_product_option_label);
	edit_main_td10.appendChild(el_product_option_add_ul);
	edit_main_td10_1.appendChild(el_product_option_add_a);
		
	edit_main_td11.appendChild(el_quantity_label);
	edit_main_td11_1.appendChild(el_quantity);
	

	
	edit_main_td7.appendChild(el_attr_label);
	edit_main_td7.appendChild(el_attr_add);
	edit_main_td7.appendChild(br6);
	edit_main_td7.appendChild(el_attr_table);
	edit_main_td7.setAttribute("colspan", "2");
	
	edit_main_td4.appendChild(el_choices_label);
	edit_main_td4_1.appendChild(el_choices_add);
	
		var div_ = document.createElement('div');
			div_.style.cssText = 'border-bottom:1px dotted black; width: 187px;';
		var br = document.createElement('br');
		
		var el_choices_mini_label = document.createElement('b');
			el_choices_mini_label.innerHTML="Product name";
			el_choices_mini_label.style.cssText='padding-right: 15px; padding-left: 15px; font-size:9px';
			
		var el_choices_price_mini_label = document.createElement('b');
			el_choices_price_mini_label.innerHTML="Price";
			el_choices_price_mini_label.style.cssText='padding-right: 15px; padding-left: 15px;  font-size:9px';
	
		var el_choices_remove_mini_label = document.createElement('b');
			el_choices_remove_mini_label.innerHTML="Empty value";
			el_choices_remove_mini_label.style.cssText='padding-right: 2px; padding-left: 2px; font-size:9px';
			
		var el_choices_dis_mini_label = document.createElement('b');
			el_choices_dis_mini_label.innerHTML="Delete";
			el_choices_dis_mini_label.style.cssText='padding-left: 2px; padding-right: 2px; font-size:9px';
			
		div_.appendChild(br);
		div_.appendChild(el_choices_mini_label);
		div_.appendChild(el_choices_price_mini_label);
		div_.appendChild(el_choices_dis_mini_label);
		edit_main_td4.appendChild(div_);

	

	
	
	
	
	n=w_choices.length;
	for(j=0; j<n; j++)
	{	
		var br = document.createElement('br');
			br.setAttribute("id", "br"+j);
			
		var el_choices = document.createElement('input');
			el_choices.setAttribute("id", "el_choices"+j);
			el_choices.setAttribute("type", "text");
			el_choices.setAttribute("value", w_choices[j]);
			el_choices.style.cssText =   "width:100px; margin:0; padding:0; border-width: 1px";
			el_choices.setAttribute("onKeyUp", "change_label('"+i+"_label_element"+j+"', this.value); change_label_1('"+i+"_elementlabel_form_id_temp"+j+"', this.value); ");
	
		var el_choices_price = document.createElement('input');
			el_choices_price.setAttribute("id", "el_option_price"+j);
			el_choices_price.setAttribute("type", "text");
			el_choices_price.setAttribute("value", w_choices_price[j]);
			el_choices_price.style.cssText =   "width:50px; margin:1px; padding:0; border-width: 1px";
		if(w_allow_other=="yes" && j==w_allow_other_num)
			el_choices_price.style.display = 'none';
			el_choices_price.setAttribute("onKeyUp", "change_value_price('"+i+"_elementform_id_temp"+j+"', this.value)");
			el_choices_price.setAttribute("onKeyPress", "return check_isnum_point(event)");
	
		var el_choices_remove = document.createElement('img');
			el_choices_remove.setAttribute("id", "el_choices"+j+"_remove");
			el_choices_remove.setAttribute("src", fmc_plugin_url+'/images/delete.png');
		if(w_allow_other=="yes" && j==w_allow_other_num)
			el_choices_remove.style.cssText = 'cursor:pointer; vertical-align:middle; margin:3px; display:none';
		else			
			el_choices_remove.style.cssText = 'cursor:pointer; vertical-align:middle; margin:3px';
			el_choices_remove.setAttribute("align", 'top');
			el_choices_remove.setAttribute("onClick", "remove_choise_price("+j+","+i+")");
			
		edit_main_td4.appendChild(br);
		edit_main_td4.appendChild(el_choices);
		edit_main_td4.appendChild(el_choices_price);
		edit_main_td4.appendChild(el_choices_remove);
	
	}

	edit_main_tr1.appendChild(edit_main_td1);
	edit_main_tr1.appendChild(edit_main_td1_1);
	edit_main_tr2.appendChild(edit_main_td2);
	edit_main_tr2.appendChild(edit_main_td2_1);
	edit_main_tr3.appendChild(edit_main_td3);
	edit_main_tr3.appendChild(edit_main_td3_1);
	edit_main_tr6.appendChild(edit_main_td6);
	edit_main_tr6.appendChild(edit_main_td6_1);
	edit_main_tr5.appendChild(edit_main_td5);
	edit_main_tr5.appendChild(edit_main_td5_1);
	edit_main_tr7.appendChild(edit_main_td7);
	edit_main_tr4.appendChild(edit_main_td4);
	edit_main_tr4.appendChild(edit_main_td4_1);
	edit_main_tr10.appendChild(edit_main_td10);
	edit_main_tr10.appendChild(edit_main_td10_1);
	edit_main_tr11.appendChild(edit_main_td11);
	edit_main_tr11.appendChild(edit_main_td11_1);
	edit_main_tr8.appendChild(edit_main_td8);
	edit_main_tr8.appendChild(edit_main_td8_1);
	edit_main_tr8.style.display="none";
	edit_main_tr9.appendChild(edit_main_td9);
	edit_main_tr9.appendChild(edit_main_td9_1);
	edit_main_tr9.style.display="none";
	edit_main_table.appendChild(edit_main_tr1);
	edit_main_table.appendChild(edit_main_tr2);
	edit_main_table.appendChild(edit_main_tr3);
	
	edit_main_table.appendChild(edit_main_tr6);
	edit_main_table.appendChild(edit_main_tr5);
	edit_main_table.appendChild(edit_main_tr8);
	edit_main_table.appendChild(edit_main_tr9);
	edit_main_table.appendChild(edit_main_tr4);
	edit_main_table.appendChild(edit_main_tr11);
	edit_main_table.appendChild(edit_main_tr10);
	edit_main_table.appendChild(edit_main_tr7);
	edit_div.appendChild(edit_main_table);
	
	t.appendChild(edit_div);
	
//show table

	element='input';	type='checkbox'; 
	var adding_type = document.createElement("input");
            adding_type.setAttribute("type", "hidden");
            adding_type.setAttribute("value", "type_paypal_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_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_allow_other= document.createElement("input");
            adding_allow_other.setAttribute("type", "hidden");
            adding_allow_other.setAttribute("value", w_allow_other);
            adding_allow_other.setAttribute("name", i+"_allow_otherform_id_temp");			
            adding_allow_other.setAttribute("id", i+"_allow_otherform_id_temp");
	    
	var adding_allow_other_id= document.createElement("input");
            adding_allow_other_id.setAttribute("type", "hidden");
            adding_allow_other_id.setAttribute("value", w_allow_other_num);
            adding_allow_other_id.setAttribute("name", i+"_allow_other_numform_id_temp");			
            adding_allow_other_id.setAttribute("id", i+"_allow_other_numform_id_temp");
	    
   var div = document.createElement('div');
       	div.setAttribute("id", "main_div");
//tbody sarqac
		
		
	var table = document.createElement('table');
		table.setAttribute("id", i+"_elemet_tableform_id_temp");
	
    var tr = document.createElement('tr');
			
    var td1 = document.createElement('td');
         	td1.setAttribute("valign", 'top');
         	td1.setAttribute("align", 'left');
           	td1.setAttribute("id", i+"_label_sectionform_id_temp");
			
      	var td2 = document.createElement('td');
        	td2.setAttribute("valign", 'top');
         	td2.setAttribute("align", 'left');
           	td2.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');
	//	table_little -@ sarqaca tbody table_little darela table_little_t
	var table_little_t = document.createElement('table');
			
	var table_little = document.createElement('tbody');
           	table_little.setAttribute("id", i+"_table_little");
	table_little_t.appendChild(table_little);
	

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

	    
      	var required = document.createElement('span');
			required.setAttribute("id", i+"_required_elementform_id_temp");
			required.innerHTML = "";
			required.setAttribute("class", "required");
	if(w_required=="yes")
			required.innerHTML = " *";
	n=w_choices.length;
	aaa=false;
	for(j=0; j<n; j++)
	{      	
		var tr_little = document.createElement('tr');
			tr_little.setAttribute("id", i+"_element_tr"+j);
				
		var td_little = document.createElement('td');
			td_little.setAttribute("valign", 'top');
			td_little.setAttribute("id", i+"_td_little"+j);
			td_little.setAttribute("idi", j);
	
		var adding = document.createElement(element);
				adding.setAttribute("type", type);
				adding.setAttribute("id", i+"_elementform_id_temp"+j);
				adding.setAttribute("name", i+"_elementform_id_temp"+j);
				adding.setAttribute("value", w_choices_price[j]);
			if(w_allow_other=="yes" && j==w_allow_other_num)
			{
				adding.setAttribute("other", "1");
				adding.setAttribute("onclick", "if(set_checked('"+i+"','"+j+"','form_id_temp')) show_other_input('"+i+"','form_id_temp');");
			}
			else
				adding.setAttribute("onclick", "set_checked('"+i+"','"+j+"','form_id_temp')");
			
		if(w_choices_checked[j]=='1')
				adding.setAttribute("checked", "checked");
				
				
				
		var label_adding = document.createElement('label');
				label_adding.setAttribute("id", i+"_label_element"+j);
				label_adding.setAttribute("class","ch_rad_label");
				label_adding.setAttribute("for",i+"_elementform_id_temp"+j);
				label_adding.innerHTML = w_choices[j];
				
		var adding_ch_label = document.createElement('input');
				adding_ch_label.setAttribute("type", "hidden");
				adding_ch_label.setAttribute("id", i+"_elementlabel_form_id_temp"+j);
				adding_ch_label.setAttribute("name", i+"_elementform_id_temp"+j+"_label");
				adding_ch_label.setAttribute("value", w_choices[j]);
				
		td_little.appendChild(adding);
		td_little.appendChild(label_adding);
		td_little.appendChild(adding_ch_label);
		tr_little.appendChild(td_little);
		table_little.appendChild(tr_little);
		
		if(w_choices_checked[j]=='1')
			if(w_allow_other=="yes" && j==w_allow_other_num)
				aaa=true;
	
	}			
	
		var div_ = document.createElement('div');
			div_.setAttribute("id", i+"_divform_id_temp");

      	var main_td  = document.getElementById('show_table');
	
      
      	td1.appendChild(label);
      	td1.appendChild(required);
        td2.appendChild(adding_type);
  
        td2.appendChild(adding_required);
        td2.appendChild(adding_randomize);
       	td2.appendChild(adding_allow_other);
       	td2.appendChild(adding_allow_other_id);
		td2.appendChild(table_little_t);
		td2.appendChild(div_);
      	tr.appendChild(td1);
      	tr.appendChild(td2);
      	table.appendChild(tr);
      

      	div.appendChild(table);
      	div.appendChild(br3);
      	main_td.appendChild(div);
	add_id_and_name(i, 'type_checkbox');
		
	if(w_field_label_pos=="top")
				label_top(i);
				
	if(w_flow=="hor")
				
				flow_hor(i);
change_class(w_class, i);
refresh_attr(i, 'type_checkbox');


	if(w_quantity=="yes")
				add_quantity(i);
							
// form_maker_open_in_popup(11);
if(aaa)
{
	show_other_input(i);
}
	// enable_modals();
	
add_properties(i, w_property, w_property_values, w_property_type);
spider_popup();
}

function type_paypal_radio(i, w_field_label, w_field_label_pos, 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_type, w_property_values, w_quantity ){
	document.getElementById("element_type").value="type_paypal_radio";

	delete_last_child();
// edit table	
	var edit_div  = document.createElement('div');
		edit_div.setAttribute("id", "edit_div");
		edit_div.setAttribute("style", "border-top:1px dotted black;padding:10px; padding:10px; padding-top:0px; padding-bottom:0px; margin-top:10px;");
		
	var edit_main_table  = document.createElement('table');
		edit_main_table.setAttribute("id", "edit_main_table");
		edit_main_table.setAttribute("cellpadding", "0");
		edit_main_table.setAttribute("cellspacing", "0");
		
	var edit_main_tr1  = document.createElement('tr');
      		edit_main_tr1.setAttribute("valing", "top");
		
	var edit_main_tr2  = document.createElement('tr');
      		edit_main_tr2.setAttribute("valing", "top");
		
	var edit_main_tr3  = document.createElement('tr');
      		edit_main_tr3.setAttribute("valing", "top");
		
	var edit_main_tr4  = document.createElement('tr');
      		edit_main_tr4.setAttribute("valing", "top");
		
	var edit_main_tr5  = document.createElement('tr');
      		edit_main_tr5.setAttribute("valing", "top");
			
	var edit_main_tr6  = document.createElement('tr');
      		edit_main_tr6.setAttribute("valing", "top");
			
	var edit_main_tr7  = document.createElement('tr');
      		edit_main_tr7.setAttribute("valing", "top");
			
	var edit_main_tr8  = document.createElement('tr');
      		edit_main_tr8.setAttribute("valing", "top");

	var edit_main_tr9  = document.createElement('tr');
      		edit_main_tr9.setAttribute("valing", "top");

	var edit_main_tr10  = document.createElement('tr');
      		edit_main_tr10.setAttribute("valing", "top");

	var edit_main_tr11  = document.createElement('tr');
      		edit_main_tr11.setAttribute("valing", "top");

	var edit_main_td1 = document.createElement('td');
		edit_main_td1.style.cssText = "padding-top:10px";	
	var edit_main_td1_1 = document.createElement('td');
		edit_main_td1_1.style.cssText = "padding-top:10px";		
	var edit_main_td2 = document.createElement('td');
		edit_main_td2.style.cssText = "padding-top:10px";
	var edit_main_td2_1 = document.createElement('td');
		edit_main_td2_1.style.cssText = "padding-top:10px";

	var edit_main_td3 = document.createElement('td');
		edit_main_td3.style.cssText = "padding-top:10px";
	var edit_main_td3_1 = document.createElement('td');
		edit_main_td3_1.style.cssText = "padding-top:10px";

	var edit_main_td4 = document.createElement('td');
		edit_main_td4.style.cssText = "padding-top:10px";
	var edit_main_td4_1 = document.createElement('td');
		edit_main_td4_1.style.cssText = "padding-top:10px; vertical-align:top;";
		
		edit_main_td4.setAttribute("id", "choices");
		
		
	var edit_main_td10 = document.createElement('td');
		edit_main_td10.style.cssText = "padding-top:10px";
	var edit_main_td10_1 = document.createElement('td');
		edit_main_td10_1.style.cssText = "padding-top:10px";

	var edit_main_td5 = document.createElement('td');
		edit_main_td5.style.cssText = "padding-top:10px";
	var edit_main_td5_1 = document.createElement('td');
		edit_main_td5_1.style.cssText = "padding-top:10px";
				
	var edit_main_td6 = document.createElement('td');
		edit_main_td6.style.cssText = "padding-top:10px";
	var edit_main_td6_1 = document.createElement('td');
		edit_main_td6_1.style.cssText = "padding-top:10px";
		
	var edit_main_td7 = document.createElement('td');
		edit_main_td7.style.cssText = "padding-top:10px";
	var edit_main_td7_1 = document.createElement('td');
		edit_main_td7_1.style.cssText = "padding-top:10px";
		  
	var edit_main_td8 = document.createElement('td');
		edit_main_td8.style.cssText = "padding-top:10px";
	var edit_main_td8_1 = document.createElement('td');
		edit_main_td8_1.style.cssText = "padding-top:10px";
		  
	var edit_main_td9 = document.createElement('td');
		edit_main_td9.style.cssText = "padding-top:10px";
	var edit_main_td9_1 = document.createElement('td');
		edit_main_td9_1.style.cssText = "padding-top:10px";
		  
		  
	var edit_main_td11 = document.createElement('td');
		edit_main_td11.style.cssText = "padding-top:10px";
	var edit_main_td11_1 = document.createElement('td');
		edit_main_td11_1.style.cssText = "padding-top:10px";
		  
	var el_label_label = document.createElement('label');
			        el_label_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_label_label.innerHTML = "Field label";
	
	var el_label_textarea = document.createElement('textarea');
                el_label_textarea.setAttribute("id", "edit_for_label");
                el_label_textarea.setAttribute("rows", "4");
                el_label_textarea.style.cssText = "width:200px;";
                el_label_textarea.setAttribute("onKeyUp", "change_label('"+i+"_element_labelform_id_temp', this.value)");
				el_label_textarea.innerHTML = w_field_label;
		
	var el_label_position_label = document.createElement('label');
			        el_label_position_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_label_position_label.innerHTML = "Field label position";
	
	var el_label_position1 = document.createElement('input');
                el_label_position1.setAttribute("id", "edit_for_label_position_top");
                el_label_position1.setAttribute("type", "radio");
                el_label_position1.setAttribute("value", "left");
                

                el_label_position1.setAttribute("name", "edit_for_label_position");
                el_label_position1.setAttribute("onchange", "label_left("+i+")");
				el_label_position1.setAttribute("checked", "checked");
		Left = document.createTextNode("Left");
		
	var el_label_position2 = document.createElement('input');
                el_label_position2.setAttribute("id", "edit_for_label_position_left");
                el_label_position2.setAttribute("type", "radio");

                el_label_position2.setAttribute("value", "top");
	

                el_label_position2.setAttribute("name", "edit_for_label_position");
                el_label_position2.setAttribute("onchange", "label_top("+i+")");
		Top = document.createTextNode("Top");
		
	if(w_field_label_pos=="top")
	
				el_label_position2.setAttribute("checked", "checked");
	else
				el_label_position1.setAttribute("checked", "checked");
	
	var el_label_flow = document.createElement('label');
			        el_label_flow.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_label_flow.innerHTML = "Relative Position";

	var el_flow_vertical = document.createElement('input');
                el_flow_vertical.setAttribute("id", "edit_for_flow_vertical");
                el_flow_vertical.setAttribute("type", "radio");
                el_flow_vertical.setAttribute("value", "ver");
                el_flow_vertical.setAttribute("name", "edit_for_flow");
                el_flow_vertical.setAttribute("onchange", "flow_ver("+i+")");
		Vertical = document.createTextNode("Vertical");
		
	var el_flow_horizontal = document.createElement('input');
            el_flow_horizontal.setAttribute("id", "edit_for_flow_horizontal");
            el_flow_horizontal.setAttribute("type", "radio");
            el_flow_horizontal.setAttribute("value", "hor");
            el_flow_horizontal.setAttribute("name", "edit_for_flow");
            el_flow_horizontal.setAttribute("onchange", "flow_hor("+i+")");
		Horizontal = document.createTextNode("Horizontal");
		
	if(w_flow=="hor")
				el_flow_horizontal.setAttribute("checked", "checked");
	else
				el_flow_vertical.setAttribute("checked", "checked");
				
	var el_style_label = document.createElement('label');
	    el_style_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_style_label.innerHTML = "Class name";
	
	var el_style_textarea = document.createElement('input');
        el_style_textarea.setAttribute("id", "element_style");
		el_style_textarea.setAttribute("type", "text");
		el_style_textarea.setAttribute("value", w_class);
        el_style_textarea.style.cssText = "width:200px;";
        el_style_textarea.setAttribute("onChange", "change_class(this.value,'"+i+"')");
	
	var el_required_label = document.createElement('label');
	        el_required_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_required_label.innerHTML = "Required";
	
	var el_required = document.createElement('input');
                el_required.setAttribute("id", "el_send");
                el_required.setAttribute("type", "checkbox");
                el_required.setAttribute("value", "yes");
                el_required.setAttribute("onclick", "set_required('"+i+"_required')");
	if(w_required=="yes")
			
                el_required.setAttribute("checked", "checked");

	var el_quantity_label = document.createElement('label');
	    el_quantity_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_quantity_label.innerHTML = "Quantity property";
		
	var el_quantity = document.createElement('input');
        el_quantity.setAttribute("type", "checkbox");
        el_quantity.setAttribute("value", "yes");
        el_quantity.setAttribute("onclick", "add_quantity('"+i+"')");
	
	if(w_quantity=="yes")
		el_quantity.setAttribute("checked", "checked");
	
				
	var el_randomize_label = document.createElement('label');
				el_randomize_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
				el_randomize_label.innerHTML = "Randomize in frontend";
	
	var el_randomize = document.createElement('input');
                el_randomize.setAttribute("id", "el_randomize");
                el_randomize.setAttribute("type", "checkbox");
                el_randomize.setAttribute("value", "yes");
                el_randomize.setAttribute("onclick", "set_randomize('"+i+"_randomizeform_id_temp')");
	if(w_randomize=="yes")
			    el_randomize.setAttribute("checked", "checked");

	var el_allow_other_label = document.createElement('label');
				el_allow_other_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
				el_allow_other_label.innerHTML = "Allow other";
	
	var el_allow_other = document.createElement('input');
                el_allow_other.setAttribute("id", "el_allow_other");
                el_allow_other.setAttribute("type", "checkbox");
                el_allow_other.setAttribute("value", "yes");
                el_allow_other.setAttribute("onclick", "set_allow_other('"+i+"','radio')");
	if(w_allow_other=="yes")
			    el_allow_other.setAttribute("checked", "checked");

	var el_product_option_label = document.createElement('label');
	    el_product_option_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px;";
		el_product_option_label.innerHTML = "Product properties";
	
	var el_product_option_add_a = document.createElement('a');
		// el_product_option_add_a.setAttribute("rel", "{handler: 'iframe', size: {x: 650, y: 375}}"	);
		// el_product_option_add_a.setAttribute("href","index.php?option=com_formmaker&task=product_option_fmc&field_id="+i+"&tmpl=component");
		// el_product_option_add_a.setAttribute("class","modal");
    el_product_option_add_a.setAttribute("href", url_for_ajax + "?action=product_option_fmc&field_id=" + i + "&url_for_ajax=" + url_for_ajax + "&width=600&height=400&TB_iframe=1");
		el_product_option_add_a.setAttribute("class","thickbox-preview");


	var el_product_option_add_img = document.createElement('img');
		el_product_option_add_img.setAttribute("src", fmc_plugin_url + "/images/add.png");
		
	var el_product_option_add_ul = document.createElement('ul');
		el_product_option_add_ul.setAttribute("id", 'option_ul');
		el_product_option_add_ul.style.cssText="list-style-type: none; padding:0px"
				
				
	el_product_option_add_a.appendChild(el_product_option_add_img);
	

	var el_attr_label = document.createElement('label');
	                el_attr_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_attr_label.innerHTML = "Additional Attributes";
	var el_attr_add = document.createElement('img');
                el_attr_add.setAttribute("id", "el_choices_add");
           	el_attr_add.setAttribute("src", fmc_plugin_url+'/images/add.png');
            	el_attr_add.style.cssText = 'cursor:pointer; margin-left:68px';
            	el_attr_add.setAttribute("title", 'add');
                el_attr_add.setAttribute("onClick", "add_attr("+i+", 'type_checkbox')");
	var el_attr_table = document.createElement('table');
                el_attr_table.setAttribute("id", 'attributes');
                el_attr_table.setAttribute("border", '0');
        	el_attr_table.style.cssText = 'margin-left:0px';
	var el_attr_tr_label = document.createElement('tr');
                el_attr_tr_label.setAttribute("idi", '0');
	var el_attr_td_name_label = document.createElement('th');
            	el_attr_td_name_label.style.cssText = 'width:100px';
	var el_attr_td_value_label = document.createElement('th');
            	el_attr_td_value_label.style.cssText = 'width:100px';
	var el_attr_td_X_label = document.createElement('th');
            	el_attr_td_X_label.style.cssText = 'width:10px';
	var el_attr_name_label = document.createElement('label');
	                el_attr_name_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 11px";
			el_attr_name_label.innerHTML = "Name";
			
	var el_attr_value_label = document.createElement('label');
	                el_attr_value_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 11px";
			el_attr_value_label.innerHTML = "Value";
			
	el_attr_table.appendChild(el_attr_tr_label);
	el_attr_tr_label.appendChild(el_attr_td_name_label);
	el_attr_tr_label.appendChild(el_attr_td_value_label);
	el_attr_tr_label.appendChild(el_attr_td_X_label);
	el_attr_td_name_label.appendChild(el_attr_name_label);
	el_attr_td_value_label.appendChild(el_attr_value_label);
	
	n=w_attr_name.length;
	for(j=1; j<=n; j++)
	{	
		var el_attr_tr = document.createElement('tr');
			el_attr_tr.setAttribute("id", "attr_row_"+j);
			el_attr_tr.setAttribute("idi", j);
		var el_attr_td_name = document.createElement('td');
			el_attr_td_name.style.cssText = 'width:100px';
		var el_attr_td_value = document.createElement('td');
			el_attr_td_value.style.cssText = 'width:100px';
		
		var el_attr_td_X = document.createElement('td');
		var el_attr_name = document.createElement('input');
	
			el_attr_name.setAttribute("type", "text");
	
			el_attr_name.style.cssText = "width:100px";
			el_attr_name.setAttribute("value", w_attr_name[j-1]);
			el_attr_name.setAttribute("id", "attr_name"+j);
			el_attr_name.setAttribute("onChange", "change_attribute_name("+i+", this, 'type_checkbox')");
			
		var el_attr_value = document.createElement('input');
	
			el_attr_value.setAttribute("type", "text");
			el_attr_value.style.cssText = "width:100px";
			el_attr_value.setAttribute("value", w_attr_value[j-1]);
			el_attr_value.setAttribute("id", "attr_value"+j);
			el_attr_value.setAttribute("onChange", "change_attribute_value("+i+", "+j+", 'type_checkbox')");
	
		var el_attr_remove = document.createElement('img');
			el_attr_remove.setAttribute("id", "el_choices"+j+"_remove");
			el_attr_remove.setAttribute("src", fmc_plugin_url+'/images/delete.png');
			el_attr_remove.style.cssText = 'cursor:pointer; vertical-align:middle; margin:3px';
			el_attr_remove.setAttribute("align", 'top');
			el_attr_remove.setAttribute("onClick", "remove_attr("+j+", "+i+", 'type_checkbox')");
		el_attr_table.appendChild(el_attr_tr);
		el_attr_tr.appendChild(el_attr_td_name);
		el_attr_tr.appendChild(el_attr_td_value);
		el_attr_tr.appendChild(el_attr_td_X);
		el_attr_td_name.appendChild(el_attr_name);
		el_attr_td_value.appendChild(el_attr_value);
		el_attr_td_X.appendChild(el_attr_remove);
		
	}

	var el_choices_label = document.createElement('label');
			        el_choices_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_choices_label.innerHTML = "Options ";

	
	var el_choices_add = document.createElement('img');
                el_choices_add.setAttribute("id", "el_choices_add");
           	el_choices_add.setAttribute("src", fmc_plugin_url+'/images/add.png');
            	el_choices_add.style.cssText = 'cursor:pointer;';
            	el_choices_add.setAttribute("title", 'add');
                el_choices_add.setAttribute("onClick", "add_choise_price('radio',"+i+")");
				
	var t  = document.getElementById('edit_table');
	
	var br = document.createElement('br');
	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 br6 = document.createElement('br');
	

	edit_main_td1.appendChild(el_label_label);
	edit_main_td1_1.appendChild(el_label_textarea);

	edit_main_td2.appendChild(el_label_position_label);
	edit_main_td2_1.appendChild(el_label_position1);
	edit_main_td2_1.appendChild(Left);
	edit_main_td2_1.appendChild(br2);
	edit_main_td2_1.appendChild(el_label_position2);
	edit_main_td2_1.appendChild(Top);
	
	edit_main_td3.appendChild(el_label_flow);
	edit_main_td3_1.appendChild(el_flow_vertical);
	edit_main_td3_1.appendChild(Vertical);
	edit_main_td3_1.appendChild(br4);
	edit_main_td3_1.appendChild(el_flow_horizontal);
	edit_main_td3_1.appendChild(Horizontal);

	edit_main_td6.appendChild(el_style_label);
	edit_main_td6_1.appendChild(el_style_textarea);
	
	edit_main_td5.appendChild(el_required_label);
	edit_main_td5_1.appendChild(el_required);
	
	edit_main_td8.appendChild(el_randomize_label);
	edit_main_td8_1.appendChild(el_randomize);
	
	edit_main_td9.appendChild(el_allow_other_label);
	edit_main_td9_1.appendChild(el_allow_other);
	
	edit_main_td11.appendChild(el_quantity_label);
	edit_main_td11_1.appendChild(el_quantity);

	edit_main_td10.appendChild(el_product_option_label);
	edit_main_td10.appendChild(el_product_option_add_ul);
	edit_main_td10_1.appendChild(el_product_option_add_a);
	
	edit_main_td7.appendChild(el_attr_label);
	edit_main_td7.appendChild(el_attr_add);
	edit_main_td7.appendChild(br6);
	edit_main_td7.appendChild(el_attr_table);
	edit_main_td7.setAttribute("colspan", "2");
	
	edit_main_td4.appendChild(el_choices_label);
	edit_main_td4_1.appendChild(el_choices_add);

		var div_ = document.createElement('div');
			div_.style.cssText = 'border-bottom:1px dotted black; width: 187px;';
		var br = document.createElement('br');
		
		var el_choices_mini_label = document.createElement('b');
			el_choices_mini_label.innerHTML="Product name";
			el_choices_mini_label.style.cssText='padding-right: 15px; padding-left: 15px; font-size:9px';
			
		var el_choices_price_mini_label = document.createElement('b');
			el_choices_price_mini_label.innerHTML="Price";
			el_choices_price_mini_label.style.cssText='padding-right: 15px; padding-left: 15px;  font-size:9px';
	
		var el_choices_remove_mini_label = document.createElement('b');
			el_choices_remove_mini_label.innerHTML="Empty value";
			el_choices_remove_mini_label.style.cssText='padding-right: 2px; padding-left: 2px; font-size:9px';
			
		var el_choices_dis_mini_label = document.createElement('b');
			el_choices_dis_mini_label.innerHTML="Delete";
			el_choices_dis_mini_label.style.cssText='padding-left: 2px; padding-right: 2px; font-size:9px';
			
		div_.appendChild(br);
		div_.appendChild(el_choices_mini_label);
		div_.appendChild(el_choices_price_mini_label);
		div_.appendChild(el_choices_dis_mini_label);
		edit_main_td4.appendChild(div_);


	n=w_choices.length;
	for(j=0; j<n; j++)
	{	
		var br = document.createElement('br');
			br.setAttribute("id", "br"+j);
			
		var el_choices = document.createElement('input');
			el_choices.setAttribute("id", "el_choices"+j);
			el_choices.setAttribute("type", "text");
			el_choices.setAttribute("value", w_choices[j]);
			el_choices.style.cssText =   "width:100px; margin:0; padding:0; border-width: 1px";
			el_choices.setAttribute("onKeyUp", "change_label('"+i+"_label_element"+j+"', this.value); change_label_1('"+i+"_elementlabel_form_id_temp"+j+"', this.value); ");
	
		var el_choices_price = document.createElement('input');
			el_choices_price.setAttribute("id", "el_option_price"+j);
			el_choices_price.setAttribute("type", "text");
			el_choices_price.setAttribute("value", w_choices_price[j]);
			el_choices_price.style.cssText =   "width:50px; margin:1px; padding:0; border-width: 1px";
		if(w_allow_other=="yes" && j==w_allow_other_num)
			el_choices_price.style.display = 'none';
			el_choices_price.setAttribute("onKeyUp", "change_value_price('"+i+"_elementform_id_temp"+j+"', this.value)");
			el_choices_price.setAttribute("onKeyPress", "return check_isnum_point(event)");

		var el_choices_remove = document.createElement('img');
			el_choices_remove.setAttribute("id", "el_choices"+j+"_remove");
			el_choices_remove.setAttribute("src", fmc_plugin_url+'/images/delete.png');
		if(w_allow_other=="yes" && j==w_allow_other_num)
			el_choices_remove.style.cssText = 'cursor:pointer; vertical-align:middle; margin:3px; display:none';
		else			
			el_choices_remove.style.cssText = 'cursor:pointer; vertical-align:middle; margin:3px';
			el_choices_remove.setAttribute("align", 'top');
			el_choices_remove.setAttribute("onClick", "remove_choise_price("+j+","+i+")");
			
		edit_main_td4.appendChild(br);
		edit_main_td4.appendChild(el_choices);
		edit_main_td4.appendChild(el_choices_price);
		edit_main_td4.appendChild(el_choices_remove);
	
	}


	edit_main_tr1.appendChild(edit_main_td1);
	edit_main_tr1.appendChild(edit_main_td1_1);
	edit_main_tr2.appendChild(edit_main_td2);
	edit_main_tr2.appendChild(edit_main_td2_1);
	edit_main_tr3.appendChild(edit_main_td3);
	edit_main_tr3.appendChild(edit_main_td3_1);
	
	edit_main_tr6.appendChild(edit_main_td6);
	edit_main_tr6.appendChild(edit_main_td6_1);
	edit_main_tr7.appendChild(edit_main_td7);
	edit_main_tr5.appendChild(edit_main_td5);
	edit_main_tr5.appendChild(edit_main_td5_1);
	edit_main_tr4.appendChild(edit_main_td4);
	edit_main_tr4.appendChild(edit_main_td4_1);
	edit_main_tr8.appendChild(edit_main_td8);
	edit_main_tr8.appendChild(edit_main_td8_1);
	edit_main_tr8.style.display="none";
	edit_main_tr9.appendChild(edit_main_td9);
	edit_main_tr9.appendChild(edit_main_td9_1);
	edit_main_tr9.style.display="none";
	edit_main_tr10.appendChild(edit_main_td10);
	edit_main_tr10.appendChild(edit_main_td10_1);
	edit_main_tr11.appendChild(edit_main_td11);
	edit_main_tr11.appendChild(edit_main_td11_1);
	edit_main_table.appendChild(edit_main_tr1);
	edit_main_table.appendChild(edit_main_tr2);
	edit_main_table.appendChild(edit_main_tr3);
	edit_main_table.appendChild(edit_main_tr6);
	edit_main_table.appendChild(edit_main_tr5);
	edit_main_table.appendChild(edit_main_tr8);
	edit_main_table.appendChild(edit_main_tr9);
	edit_main_table.appendChild(edit_main_tr4);
	edit_main_table.appendChild(edit_main_tr11);
	edit_main_table.appendChild(edit_main_tr10);
	edit_main_table.appendChild(edit_main_tr7);
	edit_div.appendChild(edit_main_table);
	
	t.appendChild(edit_div);
	
//show table

	element='input';	type='radio'; 
		var adding_type = document.createElement("input");
            adding_type.setAttribute("type", "hidden");
            adding_type.setAttribute("value", "type_paypal_radio");
            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_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_allow_other= document.createElement("input");
            adding_allow_other.setAttribute("type", "hidden");
            adding_allow_other.setAttribute("value", w_allow_other);
            adding_allow_other.setAttribute("name", i+"_allow_otherform_id_temp");			
            adding_allow_other.setAttribute("id", i+"_allow_otherform_id_temp");
	    
     var div = document.createElement('div');
      	    div.setAttribute("id", "main_div");
			
	var table = document.createElement('table');
           	table.setAttribute("id", i+"_elemet_tableform_id_temp");
	
      	var tr = document.createElement('tr');
			
      	var td1 = document.createElement('td');
         	td1.setAttribute("valign", 'top');
         	td1.setAttribute("align", 'left');
           	td1.setAttribute("id", i+"_label_sectionform_id_temp");
			
      	var td2 = document.createElement('td');
        	td2.setAttribute("valign", 'top');
         	td2.setAttribute("align", 'left');
           	td2.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');
//tbody sarqac		
		var table_little_t = document.createElement('table');
			
		var table_little = document.createElement('tbody');
           	table_little.setAttribute("id", i+"_table_little");
			
		table_little_t.appendChild(table_little);
	
      	var tr_little1 = document.createElement('tr');
	        tr_little1.setAttribute("id", i+"_element_tr1");
		
      	var tr_little2 = document.createElement('tr');
 	        tr_little2.setAttribute("id", i+"_element_tr2");
			
      	var td_little1 = document.createElement('td');
         	td_little1.setAttribute("valign", 'top');
           	td_little1.setAttribute("id", i+"_td_little1");
			
      	var td_little2 = document.createElement('td');
        	td_little2.setAttribute("valign", 'top');
           	td_little2.setAttribute("id", i+"_td_little2");
			

	    
      	var label = document.createElement('span');
			label.setAttribute("id", i+"_element_labelform_id_temp");
			label.innerHTML = w_field_label;
			label.setAttribute("class", "label");
	    
      	var required = document.createElement('span');
			required.setAttribute("id", i+"_required_elementform_id_temp");
			required.innerHTML = "";
			required.setAttribute("class", "required");
	if(w_required=="yes")
			required.innerHTML = " *";
	n=w_choices.length;
	aaa=false;
	for(j=0; j<n; j++)
	{      	
		var tr_little = document.createElement('tr');
			tr_little.setAttribute("id", i+"_element_tr"+j);
				
		var td_little = document.createElement('td');
			td_little.setAttribute("valign", 'top');
			td_little.setAttribute("id", i+"_td_little"+j);
			td_little.setAttribute("idi", j);
	
		var adding = document.createElement(element);
				adding.setAttribute("type", type);
				adding.setAttribute("id", i+"_elementform_id_temp"+j);
				adding.setAttribute("name", i+"_elementform_id_temp");
				adding.setAttribute("value", w_choices_price[j]);
			if(w_allow_other=="yes" && j==w_allow_other_num)
			{
				adding.setAttribute("other", "1");
				adding.setAttribute("onclick", "set_default('"+i+"','"+j+"','form_id_temp'); show_other_input('"+i+"','form_id_temp');");
			}
			else
				adding.setAttribute("onclick", "set_default('"+i+"','"+j+"','form_id_temp')");
			
		if(w_choices_checked[j]=='1')
		{
			adding.setAttribute("checked", "checked");
		}		
				
				
		var label_adding = document.createElement('label');
				label_adding.setAttribute("id", i+"_label_element"+j);
				label_adding.setAttribute("class","ch_rad_label");
				label_adding.setAttribute("for",i+"_elementform_id_temp"+j);
				label_adding.innerHTML = w_choices[j];
				
		var adding_ch_label = document.createElement('input');
				adding_ch_label.setAttribute("type", "hidden");
				adding_ch_label.setAttribute("id", i+"_elementlabel_form_id_temp"+j);
				adding_ch_label.setAttribute("name", i+"_elementform_id_temp"+j+"_label");
				adding_ch_label.setAttribute("value", w_choices[j]);
				
				
		td_little.appendChild(adding);
		td_little.appendChild(label_adding);
		td_little.appendChild(adding_ch_label);
		tr_little.appendChild(td_little);
		table_little.appendChild(tr_little);
			
		if(w_choices_checked[j]=='1')
			if(w_allow_other=="yes" && j==w_allow_other_num)
				aaa=true;
	}			
	
		var div_ = document.createElement('div');
			div_.setAttribute("id", i+"_divform_id_temp");
	    
      	var main_td  = document.getElementById('show_table');
	
      
      	td1.appendChild(label);
      	td1.appendChild(required);
       	td2.appendChild(adding_type);
	
       	td2.appendChild(adding_required);
       	td2.appendChild(adding_randomize);
       	td2.appendChild(adding_allow_other);
		td2.appendChild(table_little_t);
  		td2.appendChild(div_);
    	tr.appendChild(td1);
      	tr.appendChild(td2);
      	table.appendChild(tr);
      
      	div.appendChild(table);
      	div.appendChild(br3);
      	main_td.appendChild(div);
	add_id_and_name(i, 'type_radio');

		if(w_field_label_pos=="top")
					label_top(i);
		
		if(w_flow=="hor")
				
				flow_hor(i);
	if(w_quantity=="yes")
				add_quantity(i);
// form_maker_open_in_popup(11);

change_class(w_class, i);
refresh_attr(i, 'type_checkbox');
if(aaa)
{
	show_other_input(i);
}

add_properties(i, w_property, w_property_values, w_property_type);
spider_popup();
}


function type_star_rating(i, w_field_label, w_field_label_pos, w_field_label_col, w_star_amount, w_required, w_class, w_attr_name, w_attr_value){

    document.getElementById("element_type").value="type_star_rating";

	delete_last_child();
// edit table	
	var edit_div  = document.createElement('div');
		edit_div.setAttribute("id", "edit_div");
		edit_div.setAttribute("style", "border-top:1px dotted black; padding:10px;  padding-top:0px; padding-bottom:0px; margin-top:10px;");
		
	var edit_main_table  = document.createElement('table');
		edit_main_table.setAttribute("id", "edit_main_table");
		edit_main_table.setAttribute("cellpadding", "0");
		edit_main_table.setAttribute("cellspacing", "0");
		
	var edit_main_tr1  = document.createElement('tr');
      		edit_main_tr1.setAttribute("valing", "top");
		
	var edit_main_tr2  = document.createElement('tr');
      		edit_main_tr2.setAttribute("valing", "top");
		
	var edit_main_tr3  = document.createElement('tr');
      		edit_main_tr3.setAttribute("valing", "top");
		
	var edit_main_tr4  = document.createElement('tr');
      		edit_main_tr4.setAttribute("valing", "top");
		
	var edit_main_tr5  = document.createElement('tr');
      		edit_main_tr5.setAttribute("valing", "top");
			
	var edit_main_tr6  = document.createElement('tr');
      		edit_main_tr6.setAttribute("valing", "top");
	var edit_main_tr7  = document.createElement('tr');
      		edit_main_tr7.setAttribute("valing", "top");
	

	var edit_main_td1 = document.createElement('td');
		edit_main_td1.style.cssText = "padding-top:10px";	
	var edit_main_td1_1 = document.createElement('td');
		edit_main_td1_1.style.cssText = "padding-top:10px";	
	var edit_main_td2 = document.createElement('td');
		edit_main_td2.style.cssText = "padding-top:10px";
	var edit_main_td2_1 = document.createElement('td');
		edit_main_td2_1.style.cssText = "padding-top:10px";

	var edit_main_td3 = document.createElement('td');
		edit_main_td3.style.cssText = "padding-top:10px";
	var edit_main_td3_1 = document.createElement('td');
		edit_main_td3_1.style.cssText = "padding-top:10px";
	
	var edit_main_td4 = document.createElement('td');
		edit_main_td4.style.cssText = "padding-top:10px";
	var edit_main_td4_1 = document.createElement('td');
		edit_main_td4_1.style.cssText = "padding-top:10px";
	
				
	var edit_main_td5 = document.createElement('td');
		edit_main_td5.style.cssText = "padding-top:10px";
	var edit_main_td5_1 = document.createElement('td');
		edit_main_td5_1.style.cssText = "padding-top:10px";
	
	var edit_main_td6 = document.createElement('td');
		edit_main_td6.style.cssText = "padding-top:10px";
	var edit_main_td6_1 = document.createElement('td');
		edit_main_td6_1.style.cssText = "padding-top:10px";
	
	var edit_main_td7 = document.createElement('td');
		edit_main_td7.style.cssText = "padding-top:10px";
	
		  
	var el_label_label = document.createElement('label');
	                el_label_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_label_label.innerHTML = "Field label";
	
	var el_label_textarea = document.createElement('textarea');
                el_label_textarea.setAttribute("id", "edit_for_label");
                el_label_textarea.setAttribute("rows", "4");
                el_label_textarea.style.cssText = "width:200px";
                el_label_textarea.setAttribute("onKeyUp", "change_label('"+i+"_element_labelform_id_temp', this.value)");
		el_label_textarea.innerHTML = w_field_label;
		
	var el_label_position_label = document.createElement('label');
	        el_label_position_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_label_position_label.innerHTML = "Field label position";
	
	
	var el_label_position1 = document.createElement('input');
                el_label_position1.setAttribute("id", "edit_for_label_position_top");
                el_label_position1.setAttribute("type", "radio");
                el_label_position1.setAttribute("value", "left");
                
		el_label_position1.setAttribute("name", "edit_for_label_position");
                el_label_position1.setAttribute("onchange", "label_left("+i+")");
	Left = document.createTextNode("Left");
		
	var el_label_position2 = document.createElement('input');
                el_label_position2.setAttribute("id", "edit_for_label_position_left");
                el_label_position2.setAttribute("type", "radio");
                el_label_position2.setAttribute("value", "top");
		
                el_label_position2.setAttribute("name", "edit_for_label_position");
                el_label_position2.setAttribute("onchange", "label_top("+i+")");
	Top = document.createTextNode("Top");
		
	if(w_field_label_pos=="top")
				el_label_position2.setAttribute("checked", "checked");
	else
				el_label_position1.setAttribute("checked", "checked");

	var el_star_size_label = document.createElement('label');
				el_star_size_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
				el_star_size_label.innerHTML = "Star Amount ";
	
	var el_star_size_input = document.createElement('input');
                el_star_size_input.setAttribute("type", "text");		
                el_star_size_input.setAttribute("id", "edit_for_star_size");		
                el_star_size_input.setAttribute("value", w_star_amount);
                el_star_size_input.style.cssText = "width:100px;";	
				el_star_size_input.setAttribute("onKeyPress", "return check_isnum(event)");	
			   el_star_size_input.setAttribute("onKeyUp", "change_star_amount(this.value,"+i+",'form_id_temp')");
           
	
	var el_star_color_label = document.createElement('label');
	        el_star_color_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_star_color_label.innerHTML = "Star Color";
	
	var el_star_color = document.createElement('select');
                el_star_color.setAttribute("id", "edit_for_label_color");
                el_star_color.setAttribute("name", "edit_for_label_color");
               el_star_color.setAttribute("onchange", "label_color(this.value,"+i+")");
                
	var el_star_color1 = document.createElement('option');
                el_star_color1.setAttribute("id", "edit_for_label_color_yellow");
                el_star_color1.setAttribute("value", "yellow");
Yellow = document.createTextNode("Yellow");

    var el_star_color2 = document.createElement('option');
                el_star_color2.setAttribute("id", "edit_for_label_color_green");
                el_star_color2.setAttribute("value", "green");
Green = document.createTextNode("Green");

    var el_star_color3 = document.createElement('option');
                el_star_color3.setAttribute("id", "edit_for_label_color_blue");
                el_star_color3.setAttribute("value", "blue");
Blue = document.createTextNode("Blue");

    var el_star_color4 = document.createElement('option');
                el_star_color4.setAttribute("id", "edit_for_label_color_red");
                el_star_color4.setAttribute("value", "red");				
 Red = document.createTextNode("Red");              
	
	
	

		if(w_field_label_col=="yellow")
				el_star_color1.setAttribute("selected", "selected");
	else
	{
	if(w_field_label_col=="green")
				el_star_color2.setAttribute("selected", "selected");
				else{
				   if(w_field_label_col=="blue")
				    el_star_color3.setAttribute("selected", "selected");
				else{
				if(w_field_label_col=="red")
				    el_star_color4.setAttribute("selected", "selected");
				
				}
				}
}

	var el_style_label = document.createElement('label');
	        el_style_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_style_label.innerHTML = "Class name";
	
	var el_style_textarea = document.createElement('input');
                el_style_textarea.setAttribute("id", "element_style");
		el_style_textarea.setAttribute("type", "text");
		el_style_textarea.setAttribute("disabled", "disabled");
		el_style_textarea.setAttribute("value", w_class);
                el_style_textarea.style.cssText = "width:200px;";
                el_style_textarea.setAttribute("onChange", "change_class(this.value,'"+i+"')");

	var el_required_label = document.createElement('label');
	        el_required_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_required_label.innerHTML = "Required";
	
	var el_required = document.createElement('input');
                el_required.setAttribute("id", "el_send");
                el_required.setAttribute("type", "checkbox");
                el_required.setAttribute("value", "yes");
                el_required.setAttribute("onclick", "set_required('"+i+"_required')");
	if(w_required=="yes")
			
                el_required.setAttribute("checked", "checked");
	
	var el_attr_label = document.createElement('label');
	                el_attr_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_attr_label.innerHTML = "Additional Attributes";
			
	var el_attr_add = document.createElement('img');
                el_attr_add.setAttribute("id", "el_choices_add");
           	el_attr_add.setAttribute("src", fmc_plugin_url+'/images/add.png');
            	el_attr_add.style.cssText = 'cursor:pointer; margin-left:68px';
            	el_attr_add.setAttribute("title", 'add');
                el_attr_add.setAttribute("onClick", "add_attr("+i+", 'type_star_rating')");
	var el_attr_table = document.createElement('table');
                el_attr_table.setAttribute("id", 'attributes');
                el_attr_table.setAttribute("border", '0');
        	el_attr_table.style.cssText = 'margin-left:0px';
	var el_attr_tr_label = document.createElement('tr');
                el_attr_tr_label.setAttribute("idi", '0');
	var el_attr_td_name_label = document.createElement('th');
            	el_attr_td_name_label.style.cssText = 'width:100px';
	var el_attr_td_value_label = document.createElement('th');
            	el_attr_td_value_label.style.cssText = 'width:100px';
	var el_attr_td_X_label = document.createElement('th');
            	el_attr_td_X_label.style.cssText = 'width:10px';
	var el_attr_name_label = document.createElement('label');
	                el_attr_name_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 11px";
			el_attr_name_label.innerHTML = "Name";
			
	var el_attr_value_label = document.createElement('label');
	                el_attr_value_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 11px";
			el_attr_value_label.innerHTML = "Value";
			
	el_attr_table.appendChild(el_attr_tr_label);
	el_attr_tr_label.appendChild(el_attr_td_name_label);
	el_attr_tr_label.appendChild(el_attr_td_value_label);
	el_attr_tr_label.appendChild(el_attr_td_X_label);
	el_attr_td_name_label.appendChild(el_attr_name_label);
	el_attr_td_value_label.appendChild(el_attr_value_label);
	
	n=w_attr_name.length;
	for(j=1; j<=n; j++)
	{	
		var el_attr_tr = document.createElement('tr');
			el_attr_tr.setAttribute("id", "attr_row_"+j);
			el_attr_tr.setAttribute("idi", j);
		var el_attr_td_name = document.createElement('td');
			el_attr_td_name.style.cssText = 'width:100px';
		var el_attr_td_value = document.createElement('td');
			el_attr_td_value.style.cssText = 'width:100px';
		
		var el_attr_td_X = document.createElement('td');
		var el_attr_name = document.createElement('input');
	
			el_attr_name.setAttribute("type", "text");
	
			el_attr_name.style.cssText = "width:100px";
			el_attr_name.setAttribute("value", w_attr_name[j-1]);
			el_attr_name.setAttribute("id", "attr_name"+j);
			el_attr_name.setAttribute("onChange", "change_attribute_name("+i+", this, 'type_star_rating')");
			
		var el_attr_value = document.createElement('input');
	
			el_attr_value.setAttribute("type", "text");
	
			el_attr_value.style.cssText = "width:100px";
			el_attr_value.setAttribute("value", w_attr_value[j-1]);
			el_attr_value.setAttribute("id", "attr_value"+j);
			el_attr_value.setAttribute("onChange", "change_attribute_value("+i+", "+j+", 'type_star_rating')");
	
		var el_attr_remove = document.createElement('img');
			el_attr_remove.setAttribute("id", "el_choices"+j+"_remove");
			el_attr_remove.setAttribute("src", fmc_plugin_url+'/images/delete.png');
			el_attr_remove.style.cssText = 'cursor:pointer; vertical-align:middle; margin:3px';
			el_attr_remove.setAttribute("align", 'top');
			el_attr_remove.setAttribute("onClick", "remove_attr("+j+", "+i+", 'type_star_rating')");
		el_attr_table.appendChild(el_attr_tr);
		el_attr_tr.appendChild(el_attr_td_name);
		el_attr_tr.appendChild(el_attr_td_value);
		el_attr_tr.appendChild(el_attr_td_X);
		el_attr_td_name.appendChild(el_attr_name);
		el_attr_td_value.appendChild(el_attr_value);
		el_attr_td_X.appendChild(el_attr_remove);
		
	}
		
	var t  = document.getElementById('edit_table');
	
	var br = document.createElement('br');
	var br1 = document.createElement('br');
	
	
	edit_main_td1.appendChild(el_label_label);
	edit_main_td1_1.appendChild(el_label_textarea);

	edit_main_td2.appendChild(el_label_position_label);
	edit_main_td2_1.appendChild(el_label_position1);
	edit_main_td2_1.appendChild(Left);
	edit_main_td2_1.appendChild(br);
	edit_main_td2_1.appendChild(el_label_position2);
	edit_main_td2_1.appendChild(Top);
	
	
	edit_main_td3.appendChild(el_star_size_label);
	edit_main_td3_1.appendChild(el_star_size_input);

    edit_main_td4.appendChild(el_star_color_label);
	
	el_star_color1.appendChild(Yellow);
	el_star_color2.appendChild(Green);
	el_star_color3.appendChild(Blue);
	el_star_color4.appendChild(Red);
	
	el_star_color.appendChild(el_star_color1);
	el_star_color.appendChild(el_star_color2);
	el_star_color.appendChild(el_star_color3);
	el_star_color.appendChild(el_star_color4);
	
	edit_main_td4_1.appendChild(el_star_color);
	
	
	edit_main_td5.appendChild(el_style_label);
	edit_main_td5_1.appendChild(el_style_textarea);
	edit_main_td6.appendChild(el_required_label);
	edit_main_td6_1.appendChild(el_required);
	
	edit_main_td7.appendChild(el_attr_label);
	edit_main_td7.appendChild(el_attr_add);
	edit_main_td7.appendChild(br1);
	edit_main_td7.appendChild(el_attr_table);
	edit_main_td7.setAttribute("colspan", "2");
	edit_main_tr1.appendChild(edit_main_td1);
	edit_main_tr1.appendChild(edit_main_td1_1);
	edit_main_tr2.appendChild(edit_main_td2);
	edit_main_tr2.appendChild(edit_main_td2_1);
	edit_main_tr3.appendChild(edit_main_td3);
	edit_main_tr3.appendChild(edit_main_td3_1);
	
	edit_main_tr4.appendChild(edit_main_td4);
	edit_main_tr4.appendChild(edit_main_td4_1);
	
	edit_main_tr5.appendChild(edit_main_td5);
	edit_main_tr5.appendChild(edit_main_td5_1);
	edit_main_tr6.appendChild(edit_main_td6);
	edit_main_tr6.appendChild(edit_main_td6_1);
	edit_main_tr7.appendChild(edit_main_td7);
	
	edit_main_table.appendChild(edit_main_tr1);
	edit_main_table.appendChild(edit_main_tr2);
	edit_main_table.appendChild(edit_main_tr3);
    edit_main_table.appendChild(edit_main_tr4);
	edit_main_table.appendChild(edit_main_tr5);
	edit_main_table.appendChild(edit_main_tr6);
	edit_main_table.appendChild(edit_main_tr7);
	edit_div.appendChild(edit_main_table);
	
	t.appendChild(edit_div);
	
	
//show table

	
	var adding_type = document.createElement("input");
            adding_type.setAttribute("type", "hidden");
            adding_type.setAttribute("value", "type_star_rating");
            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_star_amount = document.createElement("input");
           	 	adding_star_amount.setAttribute("type", "hidden");
           	 	adding_star_amount.setAttribute("value", w_star_amount);
			adding_star_amount.setAttribute("id", i+"_star_amountform_id_temp");
			adding_star_amount.setAttribute("name", i+"_star_amountform_id_temp");
			
	var adding_star_color = document.createElement("input");
            adding_star_color.setAttribute("type", "hidden");
            adding_star_color.setAttribute("value", w_field_label_col);
            adding_star_color.setAttribute("name", i+"_star_colorform_id_temp");	
            adding_star_color.setAttribute("id", i+"_star_colorform_id_temp");
			
var select_star_amount = document.createElement("input");
           	 	select_star_amount.setAttribute("type", "hidden");
           	 	select_star_amount.setAttribute("value", '');
			select_star_amount.setAttribute("id", i+"_selected_star_amountform_id_temp");
			select_star_amount.setAttribute("name", i+"_selected_star_amountform_id_temp");

			
			
     	var div = document.createElement('div');
      	    div.setAttribute("id", "main_div");
					
      	var table = document.createElement('table');
           	table.setAttribute("id", i+"_elemet_tableform_id_temp");
			
      	var tr = document.createElement('tr');
			
      	var td1 = document.createElement('td');
         	td1.setAttribute("valign", 'middle');
         	td1.setAttribute("align", 'left');
           	td1.setAttribute("id", i+"_label_sectionform_id_temp");
			
      	var td2 = document.createElement('td');
        	td2.setAttribute("valign", 'top');
         	td2.setAttribute("align", 'left');
           	td2.setAttribute("id", i+"_element_sectionform_id_temp");

		var div1 = document.createElement('div');	
           	div1.setAttribute("id", i+"_elementform_id_temp");
			div1.setAttribute("class", "wdform_star_rating");
			
		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");
	    
      	var required = document.createElement('span');
			required.setAttribute("id", i+"_required_elementform_id_temp");
			required.innerHTML = "";
			required.setAttribute("class", "required");
	if(w_required=="yes")
			required.innerHTML = " *";
      	var main_td  = document.getElementById('show_table');
      
      	td1.appendChild(label);
      	td1.appendChild(required );
      	td2.appendChild(adding_type);
      	td2.appendChild(adding_required);
		td2.appendChild(adding_star_amount);
      	td2.appendChild(adding_star_color);
		td2.appendChild(select_star_amount);
		
		
    for(var j=0;j<w_star_amount;j++){	

	
	var adding=document.createElement("img");
	    adding.setAttribute('id', i+'_star_'+j);
        adding.setAttribute('src', fmc_plugin_url+'/images/star.png');
		adding.setAttribute('onmouseover', "change_src("+j+","+i+",'form_id_temp')");
		adding.setAttribute('onmouseout', "reset_src("+j+","+i+")");
		adding.setAttribute('onclick', "select_star_rating("+j+","+i+",'form_id_temp')");
	   
	   
      	div1.appendChild(adding);
		
	}	
	
	td2.appendChild(div1);
	
      	tr.appendChild(td1);
      	tr.appendChild(td2);
      	table.appendChild(tr);
      
      	div.appendChild(table);
      	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_star_rating');
}

function type_paypal_total(i, w_field_label, w_field_label_pos, w_class){

	document.getElementById("element_type").value="type_paypal_total";

	delete_last_child();
// edit table	
	var edit_div  = document.createElement('div');
		edit_div.setAttribute("id", "edit_div");
		edit_div.setAttribute("style", "border-top:1px dotted black;padding:10px; padding:10px;  padding-top:0px; padding-bottom:0px; margin-top:10px;");
		
		
	var edit_main_table  = document.createElement('table');
		edit_main_table.setAttribute("id", "edit_main_table");
		edit_main_table.setAttribute("cellpadding", "0");
		edit_main_table.setAttribute("cellspacing", "0");
		
	var edit_main_tr1  = document.createElement('tr');
      		edit_main_tr1.setAttribute("valing", "top");
		
	var edit_main_tr2  = document.createElement('tr');
      		edit_main_tr2.setAttribute("valing", "top");
		
	var edit_main_tr3  = document.createElement('tr');
      		edit_main_tr3.setAttribute("valing", "top");
	
	var edit_main_td1 = document.createElement('td');
		edit_main_td1.style.cssText = "padding-top:10px";	
	var edit_main_td1_1 = document.createElement('td');
		edit_main_td1_1.style.cssText = "padding-top:10px";		
	var edit_main_td2 = document.createElement('td');
		edit_main_td2.style.cssText = "padding-top:10px";
	var edit_main_td2_1 = document.createElement('td');
		edit_main_td2_1.style.cssText = "padding-top:10px";
	var edit_main_td3 = document.createElement('td');
		edit_main_td3.style.cssText = "padding-top:10px";
	var edit_main_td3_1 = document.createElement('td');
		edit_main_td3_1.style.cssText = "padding-top:10px";	

	
		  
	var el_label_label = document.createElement('label');
			        el_label_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_label_label.innerHTML = "Field label";
	
	var el_label_textarea = document.createElement('textarea');
                el_label_textarea.setAttribute("id", "edit_for_label");
                el_label_textarea.setAttribute("rows", "4");
                el_label_textarea.style.cssText = "width:200px;";
                el_label_textarea.setAttribute("onKeyUp", "change_label('"+i+"_element_labelform_id_temp', this.value)");
				el_label_textarea.innerHTML = w_field_label;
		
	var el_label_position_label = document.createElement('label');
			        el_label_position_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_label_position_label.innerHTML = "Field label position";
	
	var el_label_position1 = document.createElement('input');
                el_label_position1.setAttribute("id", "edit_for_label_position_top");
                el_label_position1.setAttribute("type", "radio");
                el_label_position1.setAttribute("value", "left");
                

                el_label_position1.setAttribute("name", "edit_for_label_position");
                el_label_position1.setAttribute("onchange", "label_left("+i+")");
				el_label_position1.setAttribute("checked", "checked");
		Left = document.createTextNode("Left");
		
	var el_label_position2 = document.createElement('input');
                el_label_position2.setAttribute("id", "edit_for_label_position_left");
                el_label_position2.setAttribute("type", "radio");

                el_label_position2.setAttribute("value", "top");
	

                el_label_position2.setAttribute("name", "edit_for_label_position");
                el_label_position2.setAttribute("onchange", "label_top("+i+")");
		Top = document.createTextNode("Top");
		
	if(w_field_label_pos=="top")
	
				el_label_position2.setAttribute("checked", "checked");
	else
				el_label_position1.setAttribute("checked", "checked");
	
	
	var el_style_label = document.createElement('label');
	    el_style_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_style_label.innerHTML = "Class name";
	
	var el_style_textarea = document.createElement('input');
        el_style_textarea.setAttribute("id", "element_style");
		el_style_textarea.setAttribute("type", "text");
		el_style_textarea.setAttribute("value", w_class);
        el_style_textarea.style.cssText = "width:200px;";
        el_style_textarea.setAttribute("onChange", "change_class(this.value,'"+i+"')");
	
		
				
	var t  = document.getElementById('edit_table');
	var br = document.createElement('br');
		

	edit_main_td1.appendChild(el_label_label);
	edit_main_td1_1.appendChild(el_label_textarea);

	edit_main_td2.appendChild(el_label_position_label);
	edit_main_td2_1.appendChild(el_label_position1);
	edit_main_td2_1.appendChild(Left);
	edit_main_td2_1.appendChild(br);
	edit_main_td2_1.appendChild(el_label_position2);
	edit_main_td2_1.appendChild(Top);
	
	
	edit_main_td3.appendChild(el_style_label);
	edit_main_td3_1.appendChild(el_style_textarea);

	edit_main_tr1.appendChild(edit_main_td1);
	edit_main_tr1.appendChild(edit_main_td1_1);
	edit_main_tr2.appendChild(edit_main_td2);
	edit_main_tr2.appendChild(edit_main_td2_1);
	edit_main_tr3.appendChild(edit_main_td3);
	edit_main_tr3.appendChild(edit_main_td3_1);
	
	
	edit_main_table.appendChild(edit_main_tr1);
	edit_main_table.appendChild(edit_main_tr2);
	edit_main_table.appendChild(edit_main_tr3);
	
	edit_div.appendChild(edit_main_table);
	
	t.appendChild(edit_div);
	
//show table

	
		var adding_type = document.createElement("input");
            adding_type.setAttribute("type", "hidden");
            adding_type.setAttribute("value", "type_paypal_total");
            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 table = document.createElement('table');
           	table.setAttribute("id", i+"_elemet_tableform_id_temp");
	
      	var tr = document.createElement('tr');
			
      	var td1 = document.createElement('td');
         	td1.setAttribute("valign", 'top');
         	td1.setAttribute("align", 'left');
           	td1.setAttribute("id", i+"_label_sectionform_id_temp");
			
      	var td2 = document.createElement('td');
        	td2.setAttribute("valign", 'top');
         	td2.setAttribute("align", 'left');
           	td2.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');
//tbody sarqac		
		

	    
      	var label = document.createElement('span');
			label.setAttribute("id", i+"_element_labelform_id_temp");
			label.innerHTML = w_field_label;
			label.setAttribute("class", "label");
	    
      
	
		
	
	
		var div_paypal = document.createElement('div');
			div_paypal.setAttribute("id", i+"paypal_totalform_id_temp");
			div_paypal.setAttribute("class", "wdform_paypal_total paypal_totalform_id_temp");
	    
		var div_total = document.createElement('div');
			div_total.setAttribute("id", i+"div_totalform_id_temp");
			div_total.setAttribute("class", "div_totalform_id_temp");
			div_total.style.cssText = 'margin-bottom:10px;';
			div_total.innerHTML = '<!--repstart-->$300<!--repend-->';
		
		var div_products = document.createElement('div');
			div_products.setAttribute("id", i+"paypal_productsform_id_temp");
			div_products.setAttribute("class", "paypal_productsform_id_temp");
			div_products.style.cssText = 'border-spacing: 2px;';
		
    var div_product1 = document.createElement('div');
    div_product1.style.cssText = 'border-spacing: 2px;';
		div_product1.innerHTML = '<!--repstart-->product 1 $100<!--repend-->';
		
		var div_product2 = document.createElement('div');
			div_product2.style.cssText = 'border-spacing: 2px;';
			div_product2.innerHTML = '<!--repstart-->product 2 $200<!--repend-->';
		
		var div_tax = document.createElement('div');
			div_tax.style.cssText = 'border-spacing: 2px; margin-top:7px;';
			div_tax.setAttribute("id", i+"paypal_taxform_id_temp");
			div_tax.setAttribute("class", "paypal_taxform_id_temp");
			
		var input_for_total = document.createElement("input");
            input_for_total.setAttribute("type", "hidden");
            input_for_total.setAttribute("value", '');
            input_for_total.setAttribute("name", i+"_paypal_totalform_id_temp");	
			input_for_total.setAttribute("class", "input_paypal_totalform_id_temp");
		
		div_paypal.appendChild(input_for_total);
		div_products.appendChild(div_product1);
		div_products.appendChild(div_product2);
		div_paypal.appendChild(div_products);
		div_paypal.appendChild(div_total);
    div_paypal.appendChild(div_tax);
		
      	var main_td  = document.getElementById('show_table');
	
      
      	td1.appendChild(label);
      
       	td2.appendChild(adding_type);
	
       
  		td2.appendChild(div_paypal);
    	tr.appendChild(td1);
      	tr.appendChild(td2);
      	table.appendChild(tr);
      
      	div.appendChild(table);
      	div.appendChild(br3);
      	main_td.appendChild(div);
	
change_class(w_class, i);
}





function change_src(id,a,form_id)
{
	for(var j=0;j<=id;j++)
	document.getElementById(a+'_star_'+j).src=fmc_plugin_url+'/images/star_'+document.getElementById(a+'_star_colorform_id_temp').value+".png";
}


function reset_src(id,a)
{
	for(var j=0;j<=id;j++)
	document.getElementById(a+'_star_'+j).src=fmc_plugin_url+'/images/star.png';
}

function select_star_rating(id,a,form_id)
{
}


function change_star_amount(b,a,form_id)
{
	var td=document.getElementById(a+"_element_sectionform_id_temp");
	var div=document.getElementById(a+"_elementform_id_temp");
	td.removeChild(div);

	var div1 = document.createElement('div');	
				div1.setAttribute("id", a+"_elementform_id_temp");
			
 for(var j=0;j<b;j++){	
	var adding_img=document.createElement("img");
	    adding_img.setAttribute('id', a+'_star_'+j);
        adding_img.setAttribute('src', fmc_plugin_url+'/images/star.png');
		adding_img.setAttribute('onmouseover', "change_src("+j+","+a+",'form_id_temp')");
		adding_img.setAttribute('onmouseout', "reset_src("+j+","+a+")");
	   	adding_img.setAttribute('onclick', "select_star_rating("+j+","+a+",'form_id_temp')");
		
      	div1.appendChild(adding_img);
		
	}
	
	td.appendChild(div1);
	document.getElementById(a+'_star_amountform_id_temp').value=b;
}

function label_color(b,a)
{
	document.getElementById(a+'_star_colorform_id_temp').value=b;
}

function type_scale_rating(i, w_field_label, w_field_label_pos, w_mini_labels, w_scale_amount, w_required, w_class, w_attr_name, w_attr_value){

    document.getElementById("element_type").value="type_scale_rating";

	delete_last_child();
// edit table	
	var edit_div  = document.createElement('div');
		edit_div.setAttribute("id", "edit_div");
		edit_div.setAttribute("style", "border-top:1px dotted black; padding:10px;  padding-top:0px; padding-bottom:0px; margin-top:10px;");
		
	var edit_main_table  = document.createElement('table');
		edit_main_table.setAttribute("id", "edit_main_table");
		edit_main_table.setAttribute("cellpadding", "0");
		edit_main_table.setAttribute("cellspacing", "0");
		
	var edit_main_tr1  = document.createElement('tr');
      		edit_main_tr1.setAttribute("valing", "top");
		
	var edit_main_tr2  = document.createElement('tr');
      		edit_main_tr2.setAttribute("valing", "top");
		
	var edit_main_tr3  = document.createElement('tr');
      		edit_main_tr3.setAttribute("valing", "top");
		
	var edit_main_tr4  = document.createElement('tr');
      		edit_main_tr4.setAttribute("valing", "top");
		
	var edit_main_tr5  = document.createElement('tr');
      		edit_main_tr5.setAttribute("valing", "top");
			
	var edit_main_tr6  = document.createElement('tr');
      		edit_main_tr6.setAttribute("valing", "top");
	var edit_main_tr7  = document.createElement('tr');
      		edit_main_tr7.setAttribute("valing", "top");
	var edit_main_tr8  = document.createElement('tr');
      		edit_main_tr8.setAttribute("valing", "top");
	

	var edit_main_td1 = document.createElement('td');
		edit_main_td1.style.cssText = "padding-top:10px";	
	var edit_main_td1_1 = document.createElement('td');
		edit_main_td1_1.style.cssText = "padding-top:10px";	
	var edit_main_td2 = document.createElement('td');
		edit_main_td2.style.cssText = "padding-top:10px";
	var edit_main_td2_1 = document.createElement('td');
		edit_main_td2_1.style.cssText = "padding-top:10px";

	var edit_main_td3 = document.createElement('td');
		edit_main_td3.style.cssText = "padding-top:10px";
	var edit_main_td3_1 = document.createElement('td');
		edit_main_td3_1.style.cssText = "padding-top:10px";
	
	var edit_main_td4 = document.createElement('td');
		edit_main_td4.style.cssText = "padding-top:10px";
	var edit_main_td4_1 = document.createElement('td');
		edit_main_td4_1.style.cssText = "padding-top:10px";
	
				
	var edit_main_td5 = document.createElement('td');
		edit_main_td5.style.cssText = "padding-top:10px";
	var edit_main_td5_1 = document.createElement('td');
		edit_main_td5_1.style.cssText = "padding-top:10px";
		
	var edit_main_td6 = document.createElement('td');
		edit_main_td6.style.cssText = "padding-top:10px";
	var edit_main_td6_1 = document.createElement('td');
		edit_main_td6_1.style.cssText = "padding-top:10px";
		  
	var edit_main_td7 = document.createElement('td');
		edit_main_td7.style.cssText = "padding-top:10px";
	var edit_main_td7_1 = document.createElement('td');
		edit_main_td7_1.style.cssText = "padding-top:10px";
	var edit_main_td8 = document.createElement('td');
		edit_main_td8.style.cssText = "padding-top:10px";
	var edit_main_td8_1 = document.createElement('td');
		edit_main_td8_1.style.cssText = "padding-top:10px";
		  
	var el_label_label = document.createElement('label');
	                el_label_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_label_label.innerHTML = "Field label";
	
	var el_label_textarea = document.createElement('textarea');
                el_label_textarea.setAttribute("id", "edit_for_label");
                el_label_textarea.setAttribute("rows", "4");
                el_label_textarea.style.cssText = "width:200px";
                el_label_textarea.setAttribute("onKeyUp", "change_label('"+i+"_element_labelform_id_temp', this.value)");
		el_label_textarea.innerHTML = w_field_label;
		
	var el_label_position_label = document.createElement('label');
	        el_label_position_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_label_position_label.innerHTML = "Field label position";
	
	
	var el_label_position1 = document.createElement('input');
                el_label_position1.setAttribute("id", "edit_for_label_position_top");
                el_label_position1.setAttribute("type", "radio");
                el_label_position1.setAttribute("value", "left");
                
		el_label_position1.setAttribute("name", "edit_for_label_position");
                el_label_position1.setAttribute("onchange", "label_left("+i+")");
	Left = document.createTextNode("Left");
		
	var el_label_position2 = document.createElement('input');
                el_label_position2.setAttribute("id", "edit_for_label_position_left");
                el_label_position2.setAttribute("type", "radio");
                el_label_position2.setAttribute("value", "top");
		
                el_label_position2.setAttribute("name", "edit_for_label_position");
                el_label_position2.setAttribute("onchange", "label_top("+i+")");
	Top = document.createTextNode("Top");
		
	if(w_field_label_pos=="top")
				el_label_position2.setAttribute("checked", "checked");
	else
				el_label_position1.setAttribute("checked", "checked");

	var el_scale_amount_label = document.createElement('label');
				el_scale_amount_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
				el_scale_amount_label.innerHTML = "Scale Amount ";
	
	var el_scale_amount_input = document.createElement('input');
                el_scale_amount_input.setAttribute("type", "text");		
                el_scale_amount_input.setAttribute("id", "edit_for_scale_amount");		
                el_scale_amount_input.setAttribute("value", w_scale_amount);
                el_scale_amount_input.style.cssText = "width:100px;";	
				el_scale_amount_input.setAttribute("onKeyPress", "return check_isnum(event)");	
			   el_scale_amount_input.setAttribute("onKeyUp", "change_scale_amount(this.value,"+i+",'form_id_temp')");
           
	
	
	var el_style_label = document.createElement('label');
	        el_style_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_style_label.innerHTML = "Class name";
	
	var el_style_textarea = document.createElement('input');
                el_style_textarea.setAttribute("id", "element_style");
		el_style_textarea.setAttribute("type", "text");
		el_style_textarea.setAttribute("value", w_class);
                el_style_textarea.style.cssText = "width:200px;";
                el_style_textarea.setAttribute("onChange", "change_class(this.value,'"+i+"')");

	var el_required_label = document.createElement('label');
	        el_required_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_required_label.innerHTML = "Required";
	
	var el_required = document.createElement('input');
                el_required.setAttribute("id", "el_send");
                el_required.setAttribute("type", "checkbox");
                el_required.setAttribute("value", "yes");
                el_required.setAttribute("onclick", "set_required('"+i+"_required')");
	if(w_required=="yes")
			
                el_required.setAttribute("checked", "checked");
	
	var el_attr_label = document.createElement('label');
	                el_attr_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_attr_label.innerHTML = "Additional Attributes";
			
	var el_attr_add = document.createElement('img');
                el_attr_add.setAttribute("id", "el_choices_add");
           	el_attr_add.setAttribute("src", fmc_plugin_url+'/images/add.png');
            	el_attr_add.style.cssText = 'cursor:pointer; margin-left:68px';
            	el_attr_add.setAttribute("title", 'add');
                el_attr_add.setAttribute("onClick", "add_attr("+i+", 'type_scale_rating')");
	var el_attr_table = document.createElement('table');
                el_attr_table.setAttribute("id", 'attributes');
                el_attr_table.setAttribute("border", '0');
        	el_attr_table.style.cssText = 'margin-left:0px';
	var el_attr_tr_label = document.createElement('tr');
                el_attr_tr_label.setAttribute("idi", '0');
	var el_attr_td_name_label = document.createElement('th');
            	el_attr_td_name_label.style.cssText = 'width:100px';
	var el_attr_td_value_label = document.createElement('th');
            	el_attr_td_value_label.style.cssText = 'width:100px';
	var el_attr_td_X_label = document.createElement('th');
            	el_attr_td_X_label.style.cssText = 'width:10px';
	var el_attr_name_label = document.createElement('label');
	                el_attr_name_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 11px";
			el_attr_name_label.innerHTML = "Name";
			
	var el_attr_value_label = document.createElement('label');
	                el_attr_value_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 11px";
			el_attr_value_label.innerHTML = "Value";
			
	el_attr_table.appendChild(el_attr_tr_label);
	el_attr_tr_label.appendChild(el_attr_td_name_label);
	el_attr_tr_label.appendChild(el_attr_td_value_label);
	el_attr_tr_label.appendChild(el_attr_td_X_label);
	el_attr_td_name_label.appendChild(el_attr_name_label);
	el_attr_td_value_label.appendChild(el_attr_value_label);
	
	n=w_attr_name.length;
	for(j=1; j<=n; j++)
	{	
		var el_attr_tr = document.createElement('tr');
			el_attr_tr.setAttribute("id", "attr_row_"+j);
			el_attr_tr.setAttribute("idi", j);
		var el_attr_td_name = document.createElement('td');
			el_attr_td_name.style.cssText = 'width:100px';
		var el_attr_td_value = document.createElement('td');
			el_attr_td_value.style.cssText = 'width:100px';
		
		var el_attr_td_X = document.createElement('td');
		var el_attr_name = document.createElement('input');
	
			el_attr_name.setAttribute("type", "text");
	
			el_attr_name.style.cssText = "width:100px";
			el_attr_name.setAttribute("value", w_attr_name[j-1]);
			el_attr_name.setAttribute("id", "attr_name"+j);
			el_attr_name.setAttribute("onChange", "change_attribute_name("+i+", this, 'type_scale_rating')");
			
		var el_attr_value = document.createElement('input');
	
			el_attr_value.setAttribute("type", "text");
	
			el_attr_value.style.cssText = "width:100px";
			el_attr_value.setAttribute("value", w_attr_value[j-1]);
			el_attr_value.setAttribute("id", "attr_value"+j);
			el_attr_value.setAttribute("onChange", "change_attribute_value("+i+", "+j+", 'type_scale_rating')");
	
		var el_attr_remove = document.createElement('img');
			el_attr_remove.setAttribute("id", "el_choices"+j+"_remove");
			el_attr_remove.setAttribute("src", fmc_plugin_url+'/images/delete.png');
			el_attr_remove.style.cssText = 'cursor:pointer; vertical-align:middle; margin:3px';
			el_attr_remove.setAttribute("align", 'top');
			el_attr_remove.setAttribute("onClick", "remove_attr("+j+", "+i+", 'type_scale_rating')");
		el_attr_table.appendChild(el_attr_tr);
		el_attr_tr.appendChild(el_attr_td_name);
		el_attr_tr.appendChild(el_attr_td_value);
		el_attr_tr.appendChild(el_attr_td_X);
		el_attr_td_name.appendChild(el_attr_name);
		el_attr_td_value.appendChild(el_attr_value);
		el_attr_td_X.appendChild(el_attr_remove);
		
	}
		
	var t  = document.getElementById('edit_table');
	
	var br = document.createElement('br');
	var br1 = document.createElement('br');
	
	
	edit_main_td1.appendChild(el_label_label);
	edit_main_td1_1.appendChild(el_label_textarea);

	edit_main_td2.appendChild(el_label_position_label);
	edit_main_td2_1.appendChild(el_label_position1);
	edit_main_td2_1.appendChild(Left);
	edit_main_td2_1.appendChild(br);
	edit_main_td2_1.appendChild(el_label_position2);
	edit_main_td2_1.appendChild(Top);
	
	
	edit_main_td3.appendChild(el_scale_amount_label);
	edit_main_td3_1.appendChild(el_scale_amount_input);

	
	edit_main_td6.appendChild(el_style_label);
	edit_main_td6_1.appendChild(el_style_textarea);
	edit_main_td7.appendChild(el_required_label);
	edit_main_td7_1.appendChild(el_required);
	
	edit_main_td8.appendChild(el_attr_label);
	edit_main_td8.appendChild(el_attr_add);
	edit_main_td8.appendChild(br1);
	edit_main_td8.appendChild(el_attr_table);
	edit_main_td8.setAttribute("colspan", "2");
	edit_main_tr1.appendChild(edit_main_td1);
	edit_main_tr1.appendChild(edit_main_td1_1);
	edit_main_tr2.appendChild(edit_main_td2);
	edit_main_tr2.appendChild(edit_main_td2_1);
	edit_main_tr3.appendChild(edit_main_td3);
	edit_main_tr3.appendChild(edit_main_td3_1);
	

	edit_main_tr6.appendChild(edit_main_td6);
	edit_main_tr6.appendChild(edit_main_td6_1);
	edit_main_tr7.appendChild(edit_main_td7);
	edit_main_tr7.appendChild(edit_main_td7_1);
	edit_main_tr8.appendChild(edit_main_td8);
	edit_main_tr8.appendChild(edit_main_td8_1);
	edit_main_table.appendChild(edit_main_tr1);
	edit_main_table.appendChild(edit_main_tr2);
	edit_main_table.appendChild(edit_main_tr3);
 
	edit_main_table.appendChild(edit_main_tr6);
	edit_main_table.appendChild(edit_main_tr7);
	edit_main_table.appendChild(edit_main_tr8);
	edit_div.appendChild(edit_main_table);
	
	t.appendChild(edit_div);
	
//	add_id_and_name(i, 'type_scale_rating');
//show table

	
	var adding_type = document.createElement("input");
            adding_type.setAttribute("type", "hidden");
            adding_type.setAttribute("value", "type_scale_rating");
            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_scale_amount = document.createElement("input");
           	 	adding_scale_amount.setAttribute("type", "hidden");
           	 	adding_scale_amount.setAttribute("value", w_scale_amount);
			adding_scale_amount.setAttribute("id", i+"_scale_amountform_id_temp");
			adding_scale_amount.setAttribute("name", i+"_scale_amountform_id_temp");
			

			
			
     	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;");
			
      	edit_labels = document.createTextNode("The labels of the fields are editable. Please, click the label to edit.");

		div_for_editable_labels.appendChild(edit_labels);  
		
      	var table = document.createElement('table');
           	table.setAttribute("id", i+"_elemet_tableform_id_temp");
			
      	var tr = document.createElement('tr');
			
      	var td1 = document.createElement('td');
         	td1.setAttribute("valign", 'middle');
         	td1.setAttribute("align", 'left');
           	td1.setAttribute("id", i+"_label_sectionform_id_temp");
			
      	var td2 = document.createElement('td');
        	td2.setAttribute("valign", 'top');
         	td2.setAttribute("align", 'left');
           	td2.setAttribute("id", i+"_element_sectionform_id_temp");

		var div1 = document.createElement('div');	
           	div1.setAttribute("id", i+"_elementform_id_temp");
		
			div1.style.cssText ="float:left;";
		
		var scale_table = document.createElement('table');
           	scale_table.setAttribute("id", i+"_scale_tableform_id_temp");
			scale_table.style.cssText ="display:inline-table;";
			
			
		var scale_tr0 = document.createElement('tr');
           	scale_tr0.setAttribute("id", i+"_scale_tr1form_id_temp");
		
		var scale_tr1 = document.createElement('tr');
           	scale_tr1.setAttribute("id", i+"_scale_tr2form_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");
			
		
		
		var label1 = document.createElement('label');
			label1.setAttribute("class", "mini_label");	
			label1.setAttribute("id", i+"_mini_label_worst");
			label1.innerHTML= w_mini_labels[0];
			label1.style.cssText ="position:relative; top:6px; font-size:11px;";
			
		var label2 = document.createElement('label');
			label2.setAttribute("class", "mini_label");	
			label2.setAttribute("id", i+"_mini_label_best");
			label2.innerHTML= w_mini_labels[1];
			label2.style.cssText ="position:relative; top:6px; font-size:11px;";
	    
		
      	var required = document.createElement('span');
			required.setAttribute("id", i+"_required_elementform_id_temp");
			required.innerHTML = "";
			required.setAttribute("class", "required");
	if(w_required=="yes")
			required.innerHTML = " *";
      	var main_td  = document.getElementById('show_table');
      
      	td1.appendChild(label);
      	td1.appendChild(required );
      	td2.appendChild(adding_type);
      	td2.appendChild(adding_required);
		td2.appendChild(adding_scale_amount);
      	

		
		
		div1.appendChild(label1);
		scale_table.appendChild(scale_tr0);
		 
	for(var l=1;l<=w_scale_amount;l++){	   
	adding_num=document.createElement("span");
	adding_num.innerHTML = l;
	           
    adding_td =	document.createElement('td');
	adding_td.setAttribute("id", i+"_scale_td1_"+l+"form_id_temp");
	adding_td.style.cssText = 'text-align:center;';
	
	adding_td.appendChild(adding_num);
	scale_tr0.appendChild(adding_td);
	
    }	
	 
    for(var k=1;k<=w_scale_amount;k++){	

	
	var adding_radio=document.createElement("input");
	    adding_radio.setAttribute('id', i+'_scale_radioform_id_temp_'+k);
		adding_radio.setAttribute('name', i+'_scale_radioform_id_temp');
		adding_radio.setAttribute('value', k);
        adding_radio.setAttribute('type', 'radio');
		
	
    var adding_td_for_radio=document.createElement("td");
	     adding_td_for_radio.setAttribute('id', i+'_scale_td2_'+k+'form_id_temp');
       
	    adding_td_for_radio.appendChild(adding_radio);
		scale_tr1.appendChild(adding_td_for_radio);
	    scale_table.appendChild(scale_tr1);
      	div1.appendChild(scale_table);
		
	}	
	  
	    scale_table.appendChild(scale_tr1);
      	div1.appendChild(scale_table);
	    div1.appendChild(label2);
	td2.appendChild(div1);
	
      	tr.appendChild(td1);
      	tr.appendChild(td2);
      	table.appendChild(tr);
      
      	div.appendChild(table);
      	div.appendChild(br1);
		div.appendChild(div_for_editable_labels);
		
      	main_td.appendChild(div);
	if(w_field_label_pos=="top")
				label_top(i);
				
	jQuery(document).ready(function() {	
	jQuery("label#"+i+"_mini_label_worst").click(function() {		
	if (jQuery(this).children('input').length == 0) {		

		var worst = "<input type='text' class='worst' size='6' style='outline:none; border:none; background:none; font-size:11px;' value=\""+jQuery(this).text()+"\">";		

		jQuery(this).html(worst);		
		jQuery("input.worst").focus();		
		jQuery("input.worst").blur(function() {	

		var value = jQuery(this).val();			
		jQuery("#"+i+"_mini_label_worst").text(value);		
		});		
	}	
	});	

	
	jQuery("label#"+i+"_mini_label_best").click(function() {		

	if (jQuery(this).children('input').length == 0) {			
		var best = "<input type='text' class='best' size='6'  style='outline:none; border:none; background:none; font-size:11px;' value=\""+jQuery(this).text()+"\">";						

		jQuery(this).html(best);					

		jQuery("input.best").focus();			
		jQuery("input.best").blur(function() {		
		
		var value = jQuery(this).val();			
		jQuery("#"+i+"_mini_label_best").text(value);		
		});	
	}	
	});
	
	});			
				
				
change_class(w_class, i);
refresh_attr(i, 'type_scale_rating');


}

function change_scale_amount(b,c,form_id){
	var table=document.getElementById(c+"_scale_tableform_id_temp");
	var div=document.getElementById(c+"_elementform_id_temp");

	div.removeChild(table);

	var scale_table = document.createElement('table');
           	scale_table.setAttribute("id", c+"_scale_tableform_id_temp");
			scale_table.style.cssText ="display:inline-table;";
			
			
	   var tr0 = document.createElement('tr');
           	tr0.setAttribute("id", c+"_scale_tr1form_id_temp");
		
	   var tr1 = document.createElement('tr');
           	tr1.setAttribute("id", c+"_scale_tr2form_id_temp");
			scale_table.appendChild(tr0);
	for(var l=1;l<=b;l++){	 

		adding_num=document.createElement("span");
		adding_num.innerHTML = l;
				   
		adding_td =	document.createElement('td');
		adding_td.setAttribute("id", c+"_scale_td1_"+l+"form_id_temp");
		adding_td.style.cssText = 'text-align:center;';
		
		adding_td.appendChild(adding_num);
		tr0.appendChild(adding_td); 
		
		}	
	 
	for(var k=1;k<=b;k++){	

		
		var adding_radio=document.createElement("input");
			adding_radio.setAttribute('id', c+'_scale_radioform_id_temp_'+k);
			adding_radio.setAttribute('name', c+'_scale_radioform_id_temp');
			adding_radio.setAttribute('value', k);
			adding_radio.setAttribute('type', 'radio');
			

		var adding_td_for_radio=document.createElement("td");
			adding_td_for_radio.setAttribute('id', c+'_scale_td2_'+k+'form_id_temp');
			adding_td_for_radio.appendChild(adding_radio);
		   tr1.appendChild(adding_td_for_radio);
			
	}	
	scale_table.appendChild(tr1);
	div.insertBefore(scale_table,div.childNodes[1])
		  
	document.getElementById(c+'_scale_amountform_id_temp').value = b;
}


function type_spinner(i, w_field_label, w_field_label_pos, 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){

   document.getElementById("element_type").value="type_spinner";

	delete_last_child();
// edit table	
	var edit_div  = document.createElement('div');
		edit_div.setAttribute("id", "edit_div");
		edit_div.setAttribute("style", "border-top:1px dotted black; padding:10px;  padding-top:0px; padding-bottom:0px; margin-top:10px;");
		
	var edit_main_table  = document.createElement('table');
		edit_main_table.setAttribute("id", "edit_main_table");
		edit_main_table.setAttribute("cellpadding", "0");
		edit_main_table.setAttribute("cellspacing", "0");
		
	var edit_main_tr1  = document.createElement('tr');
      		edit_main_tr1.setAttribute("valing", "top");
		
	var edit_main_tr2  = document.createElement('tr');
      		edit_main_tr2.setAttribute("valing", "top");
		
	var edit_main_tr3  = document.createElement('tr');
      		edit_main_tr3.setAttribute("valing", "top");
		
	var edit_main_tr4  = document.createElement('tr');
      		edit_main_tr4.setAttribute("valing", "top");
		
	var edit_main_tr5  = document.createElement('tr');
      		edit_main_tr5.setAttribute("valing", "top");
			
	var edit_main_tr6  = document.createElement('tr');
      		edit_main_tr6.setAttribute("valing", "top");
	var edit_main_tr7  = document.createElement('tr');
      		edit_main_tr7.setAttribute("valing", "top");
	var edit_main_tr8  = document.createElement('tr');
      		edit_main_tr8.setAttribute("valing", "top");
	var edit_main_tr9  = document.createElement('tr');
      		edit_main_tr9.setAttribute("valing", "top");		

	var edit_main_td1 = document.createElement('td');
		edit_main_td1.style.cssText = "padding-top:10px";	
	var edit_main_td1_1 = document.createElement('td');
		edit_main_td1_1.style.cssText = "padding-top:10px";	
	var edit_main_td2 = document.createElement('td');
		edit_main_td2.style.cssText = "padding-top:10px";
	var edit_main_td2_1 = document.createElement('td');
		edit_main_td2_1.style.cssText = "padding-top:10px";

	var edit_main_td3 = document.createElement('td');
		edit_main_td3.style.cssText = "padding-top:10px";
	var edit_main_td3_1 = document.createElement('td');
		edit_main_td3_1.style.cssText = "padding-top:10px";
	
	var edit_main_td4 = document.createElement('td');
		edit_main_td4.style.cssText = "padding-top:10px";
	var edit_main_td4_1 = document.createElement('td');
		edit_main_td4_1.style.cssText = "padding-top:10px";
	
				
	var edit_main_td5 = document.createElement('td');
		edit_main_td5.style.cssText = "padding-top:10px";
	var edit_main_td5_1 = document.createElement('td');
		edit_main_td5_1.style.cssText = "padding-top:10px";
		  
	var edit_main_td6 = document.createElement('td');
		edit_main_td6.style.cssText = "padding-top:10px";
	var edit_main_td6_1 = document.createElement('td');
		edit_main_td6_1.style.cssText = "padding-top:10px";	  
	var edit_main_td7 = document.createElement('td');
		edit_main_td7.style.cssText = "padding-top:10px";
	var edit_main_td7_1 = document.createElement('td');
		edit_main_td7_1.style.cssText = "padding-top:10px";
	var edit_main_td8 = document.createElement('td');
		edit_main_td8.style.cssText = "padding-top:10px";
	var edit_main_td8_1 = document.createElement('td');
		edit_main_td8_1.style.cssText = "padding-top:10px";
	var edit_main_td9 = document.createElement('td');
		edit_main_td9.style.cssText = "padding-top:10px";
	var edit_main_td9_1 = document.createElement('td');
		edit_main_td9_1.style.cssText = "padding-top:10px";
		  
	var el_label_label = document.createElement('label');
	                el_label_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_label_label.innerHTML = "Field label";
	
	var el_label_textarea = document.createElement('textarea');
                el_label_textarea.setAttribute("id", "edit_for_label");
                el_label_textarea.setAttribute("rows", "4");
                el_label_textarea.style.cssText = "width:200px";
                el_label_textarea.setAttribute("onKeyUp", "change_label('"+i+"_element_labelform_id_temp', this.value)");
		el_label_textarea.innerHTML = w_field_label;
		
	var el_label_position_label = document.createElement('label');
	        el_label_position_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_label_position_label.innerHTML = "Field label position";
	
	
	var el_label_position1 = document.createElement('input');
                el_label_position1.setAttribute("id", "edit_for_label_position_top");
                el_label_position1.setAttribute("type", "radio");
                el_label_position1.setAttribute("value", "left");
                
		el_label_position1.setAttribute("name", "edit_for_label_position");
                el_label_position1.setAttribute("onchange", "label_left("+i+")");
	Left = document.createTextNode("Left");
		
	var el_label_position2 = document.createElement('input');
                el_label_position2.setAttribute("id", "edit_for_label_position_left");
                el_label_position2.setAttribute("type", "radio");
                el_label_position2.setAttribute("value", "top");
		
                el_label_position2.setAttribute("name", "edit_for_label_position");
                el_label_position2.setAttribute("onchange", "label_top("+i+")");
	Top = document.createTextNode("Top");
		
	if(w_field_label_pos=="top")
				el_label_position2.setAttribute("checked", "checked");
	else
				el_label_position1.setAttribute("checked", "checked");

				
	var el_spinner_width_label = document.createElement('label');
				el_spinner_width_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
				el_spinner_width_label.innerHTML = "Width ";
	
	var el_spinner_width_input = document.createElement('input');
                el_spinner_width_input.setAttribute("type", "text");		
                el_spinner_width_input.setAttribute("id", "edit_for_spinner_width");		
                el_spinner_width_input.setAttribute("value", w_field_width);
                el_spinner_width_input.style.cssText = "width:100px;";	
				el_spinner_width_input.setAttribute("onKeyPress", "return check_isnum(event)");	
			   el_spinner_width_input.setAttribute("onKeyUp", "change_spinner_width(this.value,"+i+",'form_id_temp')");			
				
				
				
	var el_spinner_min_value_label = document.createElement('label');
				el_spinner_min_value_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
				el_spinner_min_value_label.innerHTML = "Min Value ";
	
	var el_spinner_min_value_input = document.createElement('input');
                el_spinner_min_value_input.setAttribute("type", "text");		
                el_spinner_min_value_input.setAttribute("id", "edit_for_spinner_min_value");		
                el_spinner_min_value_input.setAttribute("value", w_field_min_value);
                el_spinner_min_value_input.style.cssText = "width:100px;";	
				el_spinner_min_value_input.setAttribute("onKeyPress", "return check_isnum_or_minus(event)");
				el_spinner_min_value_input.setAttribute("onChange", "change_spinner_min_value(this.value,"+i+",'form_id_temp')");
			   
			   
      var el_spinner_max_value_label = document.createElement('label');
				el_spinner_max_value_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
				el_spinner_max_value_label.innerHTML = "Max Value ";
	
	var el_spinner_max_value_input = document.createElement('input');
                el_spinner_max_value_input.setAttribute("type", "text");		
                el_spinner_max_value_input.setAttribute("id", "edit_for_spinner_max_value");		
                el_spinner_max_value_input.setAttribute("value", w_field_max_value);
                el_spinner_max_value_input.style.cssText = "width:100px;";	
				el_spinner_max_value_input.setAttribute("onKeyPress", "return check_isnum_or_minus(event)");
				el_spinner_max_value_input.setAttribute("onChange", "change_spinner_max_value(this.value,"+i+",'form_id_temp')");     
	
	var el_spinner_step_label = document.createElement('label');
	        el_spinner_step_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_spinner_step_label.innerHTML = "Step";
		
		var el_spinner_step_input = document.createElement('input');
                el_spinner_step_input.setAttribute("type", "text");		
                el_spinner_step_input.setAttribute("id", "edit_for_spinner_step");		
                el_spinner_step_input.setAttribute("value", w_field_step);
                el_spinner_step_input.style.cssText = "width:100px;";	
				el_spinner_step_input.setAttribute("onKeyPress", "return check_isnum_or_minus(event)");
				el_spinner_step_input.setAttribute("onChange", "change_spinner_step(this.value,"+i+",'form_id_temp')");
	


	var el_style_label = document.createElement('label');
	        el_style_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_style_label.innerHTML = "Class name";
	
	var el_style_textarea = document.createElement('input');
                el_style_textarea.setAttribute("id", "element_style");
		el_style_textarea.setAttribute("type", "text");
		el_style_textarea.setAttribute("value", w_class);
                el_style_textarea.style.cssText = "width:200px;";
                el_style_textarea.setAttribute("onChange", "change_class(this.value,'"+i+"')");

	var el_required_label = document.createElement('label');
	        el_required_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_required_label.innerHTML = "Required";
	
	var el_required = document.createElement('input');
                el_required.setAttribute("id", "el_send");
                el_required.setAttribute("type", "checkbox");
                el_required.setAttribute("value", "yes");
                el_required.setAttribute("onclick", "set_required('"+i+"_required')");
	if(w_required=="yes")
			
                el_required.setAttribute("checked", "checked");
	
	var el_attr_label = document.createElement('label');
	                el_attr_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_attr_label.innerHTML = "Additional Attributes";
			
	var el_attr_add = document.createElement('img');
                el_attr_add.setAttribute("id", "el_choices_add");
           	el_attr_add.setAttribute("src", fmc_plugin_url+'/images/add.png');
            	el_attr_add.style.cssText = 'cursor:pointer; margin-left:68px';
            	el_attr_add.setAttribute("title", 'add');
                el_attr_add.setAttribute("onClick", "add_attr("+i+", 'type_spinner')");
	var el_attr_table = document.createElement('table');
                el_attr_table.setAttribute("id", 'attributes');
                el_attr_table.setAttribute("border", '0');
        	el_attr_table.style.cssText = 'margin-left:0px';
	var el_attr_tr_label = document.createElement('tr');
                el_attr_tr_label.setAttribute("idi", '0');
	var el_attr_td_name_label = document.createElement('th');
            	el_attr_td_name_label.style.cssText = 'width:100px';
	var el_attr_td_value_label = document.createElement('th');
            	el_attr_td_value_label.style.cssText = 'width:100px';
	var el_attr_td_X_label = document.createElement('th');
            	el_attr_td_X_label.style.cssText = 'width:10px';
	var el_attr_name_label = document.createElement('label');
	                el_attr_name_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 11px";
			el_attr_name_label.innerHTML = "Name";
			
	var el_attr_value_label = document.createElement('label');
	                el_attr_value_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 11px";
			el_attr_value_label.innerHTML = "Value";
			
	el_attr_table.appendChild(el_attr_tr_label);
	el_attr_tr_label.appendChild(el_attr_td_name_label);
	el_attr_tr_label.appendChild(el_attr_td_value_label);
	el_attr_tr_label.appendChild(el_attr_td_X_label);
	el_attr_td_name_label.appendChild(el_attr_name_label);
	el_attr_td_value_label.appendChild(el_attr_value_label);
	
	n=w_attr_name.length;
	for(j=1; j<=n; j++)
	{	
		var el_attr_tr = document.createElement('tr');
			el_attr_tr.setAttribute("id", "attr_row_"+j);
			el_attr_tr.setAttribute("idi", j);
		var el_attr_td_name = document.createElement('td');
			el_attr_td_name.style.cssText = 'width:100px';
		var el_attr_td_value = document.createElement('td');
			el_attr_td_value.style.cssText = 'width:100px';
		
		var el_attr_td_X = document.createElement('td');
		var el_attr_name = document.createElement('input');
	
			el_attr_name.setAttribute("type", "text");
	
			el_attr_name.style.cssText = "width:100px";
			el_attr_name.setAttribute("value", w_attr_name[j-1]);
			el_attr_name.setAttribute("id", "attr_name"+j);
			el_attr_name.setAttribute("onChange", "change_attribute_name("+i+", this, 'type_spinner')");
			
		var el_attr_value = document.createElement('input');
	
			el_attr_value.setAttribute("type", "text");
	
			el_attr_value.style.cssText = "width:100px";
			el_attr_value.setAttribute("value", w_attr_value[j-1]);
			el_attr_value.setAttribute("id", "attr_value"+j);
			el_attr_value.setAttribute("onChange", "change_attribute_value("+i+", "+j+", 'type_spinner')");
	
		var el_attr_remove = document.createElement('img');
			el_attr_remove.setAttribute("id", "el_choices"+j+"_remove");
			el_attr_remove.setAttribute("src", fmc_plugin_url+'/images/delete.png');
			el_attr_remove.style.cssText = 'cursor:pointer; vertical-align:middle; margin:3px';
			el_attr_remove.setAttribute("align", 'top');
			el_attr_remove.setAttribute("onClick", "remove_attr("+j+", "+i+", 'type_spinner')");
		el_attr_table.appendChild(el_attr_tr);
		el_attr_tr.appendChild(el_attr_td_name);
		el_attr_tr.appendChild(el_attr_td_value);
		el_attr_tr.appendChild(el_attr_td_X);
		el_attr_td_name.appendChild(el_attr_name);
		el_attr_td_value.appendChild(el_attr_value);
		el_attr_td_X.appendChild(el_attr_remove);
		
	}
		
	var t  = document.getElementById('edit_table');
	
	var br = document.createElement('br');
	var br1 = document.createElement('br');
	
	
	edit_main_td1.appendChild(el_label_label);
	edit_main_td1_1.appendChild(el_label_textarea);

	edit_main_td2.appendChild(el_label_position_label);
	edit_main_td2_1.appendChild(el_label_position1);
	edit_main_td2_1.appendChild(Left);
	edit_main_td2_1.appendChild(br);
	edit_main_td2_1.appendChild(el_label_position2);
	edit_main_td2_1.appendChild(Top);
	
	
	edit_main_td3.appendChild(el_spinner_width_label);
	edit_main_td3_1.appendChild(el_spinner_width_input);
	
	edit_main_td4.appendChild(el_spinner_min_value_label);
	edit_main_td4_1.appendChild(el_spinner_min_value_input);

    edit_main_td5.appendChild(el_spinner_max_value_label);	
	edit_main_td5_1.appendChild(el_spinner_max_value_input);
	
	  edit_main_td6.appendChild(el_spinner_step_label);	
	edit_main_td6_1.appendChild(el_spinner_step_input);
	
	edit_main_td7.appendChild(el_style_label);
	edit_main_td7_1.appendChild(el_style_textarea);
	edit_main_td8.appendChild(el_required_label);
	edit_main_td8_1.appendChild(el_required);
	
	edit_main_td9.appendChild(el_attr_label);
	edit_main_td9.appendChild(el_attr_add);
	edit_main_td9.appendChild(br1);
	edit_main_td9.appendChild(el_attr_table);
	edit_main_td9.setAttribute("colspan", "2");
	
	edit_main_tr1.appendChild(edit_main_td1);
	edit_main_tr1.appendChild(edit_main_td1_1);
	edit_main_tr2.appendChild(edit_main_td2);
	edit_main_tr2.appendChild(edit_main_td2_1);
	edit_main_tr3.appendChild(edit_main_td3);
	edit_main_tr3.appendChild(edit_main_td3_1);
	
	edit_main_tr4.appendChild(edit_main_td4);
	edit_main_tr4.appendChild(edit_main_td4_1);
	
	edit_main_tr5.appendChild(edit_main_td5);
	edit_main_tr5.appendChild(edit_main_td5_1);
	
	edit_main_tr6.appendChild(edit_main_td6);
	edit_main_tr6.appendChild(edit_main_td6_1);
	edit_main_tr7.appendChild(edit_main_td7);
	edit_main_tr7.appendChild(edit_main_td7_1);
	edit_main_tr8.appendChild(edit_main_td8);
	edit_main_tr8.appendChild(edit_main_td8_1);
	edit_main_tr9.appendChild(edit_main_td9);
	
	edit_main_table.appendChild(edit_main_tr1);
	edit_main_table.appendChild(edit_main_tr2);
	edit_main_table.appendChild(edit_main_tr3);
    edit_main_table.appendChild(edit_main_tr4);
	edit_main_table.appendChild(edit_main_tr5);
	edit_main_table.appendChild(edit_main_tr6);
	edit_main_table.appendChild(edit_main_tr7);
	edit_main_table.appendChild(edit_main_tr8);
	edit_main_table.appendChild(edit_main_tr9);
	edit_div.appendChild(edit_main_table);
	
	t.appendChild(edit_div);
	add_id_and_name(i, 'type_spinner');
	
//show table

	
	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.setAttribute("value",'');
			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("onKeyPress", "return check_isnum_or_minus(event)");
			
			
     	var div = document.createElement('div');
      	    div.setAttribute("id", "main_div");
					
      	var table = document.createElement('table');
           	table.setAttribute("id", i+"_elemet_tableform_id_temp");
			
      	var tr = document.createElement('tr');
			
      	var td1 = document.createElement('td');
         	td1.setAttribute("valign", 'middle');
         	td1.setAttribute("align", 'left');
           	td1.setAttribute("id", i+"_label_sectionform_id_temp");
			
      	var td2 = document.createElement('td');
        	td2.setAttribute("valign", 'top');
         	td2.setAttribute("align", 'left');
           	td2.setAttribute("id", i+"_element_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");
	    
      	var required = document.createElement('span');
			required.setAttribute("id", i+"_required_elementform_id_temp");
			required.innerHTML = "";
			required.setAttribute("class", "required");
	if(w_required=="yes")
			required.innerHTML = " *";
      	var main_td  = document.getElementById('show_table');
      
      	td1.appendChild(label);
      	td1.appendChild(required );
      	td2.appendChild(adding_type);
      	td2.appendChild(adding_required);
		td2.appendChild(adding_width);
		td2.appendChild(adding_min_value);
      	td2.appendChild(adding_max_value);
		td2.appendChild(adding_step);
	    
	
		td2.appendChild(adding_spinner_input);
		
		
 	
      	tr.appendChild(td1);
      	tr.appendChild(td2);
      	table.appendChild(tr);
      
      	div.appendChild(table);
      	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();


spinner.spinner( "value", w_field_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});
}


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


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

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

}

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



function type_slider(i, w_field_label, w_field_label_pos,  w_field_width, w_field_min_value, w_field_max_value, w_field_value, w_required, w_class, w_attr_name, w_attr_value){

  document.getElementById("element_type").value="type_slider";

	delete_last_child();
// edit table	
	var edit_div  = document.createElement('div');
		edit_div.setAttribute("id", "edit_div");
		edit_div.setAttribute("style", "border-top:1px dotted black; padding:10px;  padding-top:0px; padding-bottom:0px; margin-top:10px;");
		
	var edit_main_table  = document.createElement('table');
		edit_main_table.setAttribute("id", "edit_main_table");
		edit_main_table.setAttribute("cellpadding", "0");
		edit_main_table.setAttribute("cellspacing", "0");
		
	var edit_main_tr1  = document.createElement('tr');
      		edit_main_tr1.setAttribute("valing", "top");
		
	var edit_main_tr2  = document.createElement('tr');
      		edit_main_tr2.setAttribute("valing", "top");
		
	var edit_main_tr3  = document.createElement('tr');
      		edit_main_tr3.setAttribute("valing", "top");
		
	var edit_main_tr4  = document.createElement('tr');
      		edit_main_tr4.setAttribute("valing", "top");
		
	var edit_main_tr5  = document.createElement('tr');
      		edit_main_tr5.setAttribute("valing", "top");
			
	var edit_main_tr6  = document.createElement('tr');
      		edit_main_tr6.setAttribute("valing", "top");
	var edit_main_tr7  = document.createElement('tr');
      		edit_main_tr7.setAttribute("valing", "top");
	var edit_main_tr8  = document.createElement('tr');
      	edit_main_tr8.setAttribute("valing", "top");
	

	var edit_main_td1 = document.createElement('td');
		edit_main_td1.style.cssText = "padding-top:10px";	
	var edit_main_td1_1 = document.createElement('td');
		edit_main_td1_1.style.cssText = "padding-top:10px";	
	var edit_main_td2 = document.createElement('td');
		edit_main_td2.style.cssText = "padding-top:10px";
	var edit_main_td2_1 = document.createElement('td');
		edit_main_td2_1.style.cssText = "padding-top:10px";

	var edit_main_td3 = document.createElement('td');
		edit_main_td3.style.cssText = "padding-top:10px";
	var edit_main_td3_1 = document.createElement('td');
		edit_main_td3_1.style.cssText = "padding-top:10px";
	
	var edit_main_td4 = document.createElement('td');
		edit_main_td4.style.cssText = "padding-top:10px";
	var edit_main_td4_1 = document.createElement('td');
		edit_main_td4_1.style.cssText = "padding-top:10px";
	
				
	var edit_main_td5 = document.createElement('td');
		edit_main_td5.style.cssText = "padding-top:10px";
	var edit_main_td5_1 = document.createElement('td');
		edit_main_td5_1.style.cssText = "padding-top:10px";
		
	var edit_main_td6 = document.createElement('td');
		edit_main_td6.style.cssText = "padding-top:10px";
	var edit_main_td6_1 = document.createElement('td');
		edit_main_td6_1.style.cssText = "padding-top:10px";
		  
	var edit_main_td7 = document.createElement('td');
		edit_main_td7.style.cssText = "padding-top:10px";
	var edit_main_td7_1 = document.createElement('td');
		edit_main_td7_1.style.cssText = "padding-top:10px";
	var edit_main_td8 = document.createElement('td');
		edit_main_td8.style.cssText = "padding-top:10px";
	var edit_main_td8_1 = document.createElement('td');
		edit_main_td8_1.style.cssText = "padding-top:10px";
		  
	var el_label_label = document.createElement('label');
	                el_label_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_label_label.innerHTML = "Field label";
	
	var el_label_textarea = document.createElement('textarea');
                el_label_textarea.setAttribute("id", "edit_for_label");
                el_label_textarea.setAttribute("rows", "4");
                el_label_textarea.style.cssText = "width:200px";
                el_label_textarea.setAttribute("onKeyUp", "change_label('"+i+"_element_labelform_id_temp', this.value)");
		el_label_textarea.innerHTML = w_field_label;
		
	var el_label_position_label = document.createElement('label');
	        el_label_position_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_label_position_label.innerHTML = "Field label position";
	
	
	var el_label_position1 = document.createElement('input');
                el_label_position1.setAttribute("id", "edit_for_label_position_top");
                el_label_position1.setAttribute("type", "radio");
                el_label_position1.setAttribute("value", "left");
                
		el_label_position1.setAttribute("name", "edit_for_label_position");
                el_label_position1.setAttribute("onchange", "label_left("+i+")");
	Left = document.createTextNode("Left");
		
	var el_label_position2 = document.createElement('input');
                el_label_position2.setAttribute("id", "edit_for_label_position_left");
                el_label_position2.setAttribute("type", "radio");
                el_label_position2.setAttribute("value", "top");
		
                el_label_position2.setAttribute("name", "edit_for_label_position");
                el_label_position2.setAttribute("onchange", "label_top("+i+")");
	Top = document.createTextNode("Top");
		
	if(w_field_label_pos=="top")
				el_label_position2.setAttribute("checked", "checked");
	else
				el_label_position1.setAttribute("checked", "checked");
				
				
	var el_slider_size_label = document.createElement('label');
	        el_slider_size_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_slider_size_label.innerHTML = "Width";			
				
    var el_slider_size_input = document.createElement('input');
                el_slider_size_input.setAttribute("type", "text");		
                el_slider_size_input.setAttribute("id", "edit_for_slider_width");		
                el_slider_size_input.setAttribute("value", w_field_width);
                el_slider_size_input.style.cssText = "width:100px;";	
				el_slider_size_input.setAttribute("onKeyPress", "return check_isnum(event)");	
			   el_slider_size_input.setAttribute("onKeyUp", "change_slider_width(this.value,"+i+",'form_id_temp')");
	
	var el_slider_min_value_label = document.createElement('label');
				el_slider_min_value_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
				el_slider_min_value_label.innerHTML = "Min Value ";
	
	var el_slider_min_value_input = document.createElement('input');
                el_slider_min_value_input.setAttribute("type", "text");		
                el_slider_min_value_input.setAttribute("id", "edit_for_slider_min_value");		
                el_slider_min_value_input.setAttribute("value", w_field_min_value);
                el_slider_min_value_input.style.cssText = "width:100px;";	
				el_slider_min_value_input.setAttribute("onKeyPress", "return check_isnum(event)");	
				el_slider_min_value_input.setAttribute("onKeyUp", "change_slider_min_or_max_value(this.value,"+i+",'form_id_temp','min')");
			   el_slider_min_value_input.setAttribute("onChange", "change_slider_min_value(this.value,"+i+",'form_id_temp')");
           
		   
	var el_slider_max_value_label = document.createElement('label');
				el_slider_max_value_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
				el_slider_max_value_label.innerHTML = "Max Value ";
	
	var el_slider_max_value_input = document.createElement('input');
                el_slider_max_value_input.setAttribute("type", "text");		
                el_slider_max_value_input.setAttribute("id", "edit_for_slider_max_value");		
                el_slider_max_value_input.setAttribute("value", w_field_max_value);
                el_slider_max_value_input.style.cssText = "width:100px;";	
				el_slider_max_value_input.setAttribute("onKeyPress", "return check_isnum(event)");	
				el_slider_max_value_input.setAttribute("onKeyUp", "change_slider_min_or_max_value(this.value,"+i+",'form_id_temp','max')");
			   el_slider_max_value_input.setAttribute("onChange", "change_slider_max_value(this.value,"+i+",'form_id_temp')");
           
	

	var el_style_label = document.createElement('label');
	        el_style_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_style_label.innerHTML = "Class name";
	
	var el_style_textarea = document.createElement('input');
                el_style_textarea.setAttribute("id", "element_style");
		el_style_textarea.setAttribute("type", "text");
		el_style_textarea.setAttribute("value", w_class);
                el_style_textarea.style.cssText = "width:200px;";
                el_style_textarea.setAttribute("onChange", "change_class(this.value,'"+i+"')");

	var el_required_label = document.createElement('label');
	        el_required_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_required_label.innerHTML = "Required";
	
	var el_required = document.createElement('input');
                el_required.setAttribute("id", "el_send");
                el_required.setAttribute("type", "checkbox");
                el_required.setAttribute("value", "yes");
                el_required.setAttribute("onclick", "set_required('"+i+"_required')");
	if(w_required=="yes")
			
                el_required.setAttribute("checked", "checked");
	
	var el_attr_label = document.createElement('label');
	                el_attr_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_attr_label.innerHTML = "Additional Attributes";
			
	var el_attr_add = document.createElement('img');
                el_attr_add.setAttribute("id", "el_choices_add");
           	el_attr_add.setAttribute("src", fmc_plugin_url+'/images/add.png');
            	el_attr_add.style.cssText = 'cursor:pointer; margin-left:68px';
            	el_attr_add.setAttribute("title", 'add');
                el_attr_add.setAttribute("onClick", "add_attr("+i+", 'type_slider')");
	var el_attr_table = document.createElement('table');
                el_attr_table.setAttribute("id", 'attributes');
                el_attr_table.setAttribute("border", '0');
        	el_attr_table.style.cssText = 'margin-left:0px';
	var el_attr_tr_label = document.createElement('tr');
                el_attr_tr_label.setAttribute("idi", '0');
	var el_attr_td_name_label = document.createElement('th');
            	el_attr_td_name_label.style.cssText = 'width:100px';
	var el_attr_td_value_label = document.createElement('th');
            	el_attr_td_value_label.style.cssText = 'width:100px';
	var el_attr_td_X_label = document.createElement('th');
            	el_attr_td_X_label.style.cssText = 'width:10px';
	var el_attr_name_label = document.createElement('label');
	                el_attr_name_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 11px";
			el_attr_name_label.innerHTML = "Name";
			
	var el_attr_value_label = document.createElement('label');
	                el_attr_value_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 11px";
			el_attr_value_label.innerHTML = "Value";
			
	el_attr_table.appendChild(el_attr_tr_label);
	el_attr_tr_label.appendChild(el_attr_td_name_label);
	el_attr_tr_label.appendChild(el_attr_td_value_label);
	el_attr_tr_label.appendChild(el_attr_td_X_label);
	el_attr_td_name_label.appendChild(el_attr_name_label);
	el_attr_td_value_label.appendChild(el_attr_value_label);
	
	n=w_attr_name.length;
	for(j=1; j<=n; j++)
	{	
		var el_attr_tr = document.createElement('tr');
			el_attr_tr.setAttribute("id", "attr_row_"+j);
			el_attr_tr.setAttribute("idi", j);
		var el_attr_td_name = document.createElement('td');
			el_attr_td_name.style.cssText = 'width:100px';
		var el_attr_td_value = document.createElement('td');
			el_attr_td_value.style.cssText = 'width:100px';
		
		var el_attr_td_X = document.createElement('td');
		var el_attr_name = document.createElement('input');
	
			el_attr_name.setAttribute("type", "text");
	
			el_attr_name.style.cssText = "width:100px";
			el_attr_name.setAttribute("value", w_attr_name[j-1]);
			el_attr_name.setAttribute("id", "attr_name"+j);
			el_attr_name.setAttribute("onChange", "change_attribute_name("+i+", this, 'type_slider')");
			
		var el_attr_value = document.createElement('input');
	
			el_attr_value.setAttribute("type", "text");
	
			el_attr_value.style.cssText = "width:100px";
			el_attr_value.setAttribute("value", w_attr_value[j-1]);
			el_attr_value.setAttribute("id", "attr_value"+j);
			el_attr_value.setAttribute("onChange", "change_attribute_value("+i+", "+j+", 'type_slider')");
	
		var el_attr_remove = document.createElement('img');
			el_attr_remove.setAttribute("id", "el_choices"+j+"_remove");
			el_attr_remove.setAttribute("src", fmc_plugin_url+'/images/delete.png');
			el_attr_remove.style.cssText = 'cursor:pointer; vertical-align:middle; margin:3px';
			el_attr_remove.setAttribute("align", 'top');
			el_attr_remove.setAttribute("onClick", "remove_attr("+j+", "+i+", 'type_slider')");
		el_attr_table.appendChild(el_attr_tr);
		el_attr_tr.appendChild(el_attr_td_name);
		el_attr_tr.appendChild(el_attr_td_value);
		el_attr_tr.appendChild(el_attr_td_X);
		el_attr_td_name.appendChild(el_attr_name);
		el_attr_td_value.appendChild(el_attr_value);
		el_attr_td_X.appendChild(el_attr_remove);
		
	}
		
	var t  = document.getElementById('edit_table');
	
	var br = document.createElement('br');
	var br1 = document.createElement('br');
	
	
	edit_main_td1.appendChild(el_label_label);
	edit_main_td1_1.appendChild(el_label_textarea);

	edit_main_td2.appendChild(el_label_position_label);
	edit_main_td2_1.appendChild(el_label_position1);
	edit_main_td2_1.appendChild(Left);
	edit_main_td2_1.appendChild(br);
	edit_main_td2_1.appendChild(el_label_position2);
	edit_main_td2_1.appendChild(Top);
	
	edit_main_td3.appendChild(el_slider_size_label);	
	edit_main_td3_1.appendChild(el_slider_size_input);
	
	edit_main_td4.appendChild(el_slider_min_value_label);
	edit_main_td4_1.appendChild(el_slider_min_value_input);
	
	
	edit_main_td5.appendChild(el_slider_max_value_label);
	edit_main_td5_1.appendChild(el_slider_max_value_input);

    
	
	edit_main_td6.appendChild(el_style_label);
	edit_main_td6_1.appendChild(el_style_textarea);
	edit_main_td7.appendChild(el_required_label);
	edit_main_td7_1.appendChild(el_required);
	
	edit_main_td8.appendChild(el_attr_label);
	edit_main_td8.appendChild(el_attr_add);
	edit_main_td8.appendChild(br1);
	edit_main_td8.appendChild(el_attr_table);
	edit_main_td8.setAttribute("colspan", "2");
	edit_main_tr1.appendChild(edit_main_td1);
	edit_main_tr1.appendChild(edit_main_td1_1);
	edit_main_tr2.appendChild(edit_main_td2);
	edit_main_tr2.appendChild(edit_main_td2_1);
	edit_main_tr3.appendChild(edit_main_td3);
	edit_main_tr3.appendChild(edit_main_td3_1);
	
	edit_main_tr4.appendChild(edit_main_td4);
	edit_main_tr4.appendChild(edit_main_td4_1);
	
	edit_main_tr5.appendChild(edit_main_td5);
	edit_main_tr5.appendChild(edit_main_td5_1);
	edit_main_tr6.appendChild(edit_main_td6);
	edit_main_tr6.appendChild(edit_main_td6_1);
	edit_main_tr7.appendChild(edit_main_td7);
	edit_main_tr7.appendChild(edit_main_td7_1);
	edit_main_tr8.appendChild(edit_main_td8);
	
	edit_main_table.appendChild(edit_main_tr1);
	edit_main_table.appendChild(edit_main_tr2);
	edit_main_table.appendChild(edit_main_tr3);
    edit_main_table.appendChild(edit_main_tr4);
	edit_main_table.appendChild(edit_main_tr5);
	edit_main_table.appendChild(edit_main_tr6);
	edit_main_table.appendChild(edit_main_tr7);
	edit_main_table.appendChild(edit_main_tr8);
	edit_div.appendChild(edit_main_table);
	
	t.appendChild(edit_div);
	add_id_and_name(i, 'type_slider');
	
//show table

	
	var adding_type = document.createElement("input");
            adding_type.setAttribute("type", "hidden");
            adding_type.setAttribute("value", "type_slider");
            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_slider_min_value = document.createElement("input");
           	 	adding_slider_min_value.setAttribute("type", "hidden");
           	 	adding_slider_min_value.setAttribute("value", w_field_min_value);
			adding_slider_min_value.setAttribute("id", i+"_slider_min_valueform_id_temp");
			adding_slider_min_value.setAttribute("name", i+"_slider_min_valueform_id_temp");		
			
	var adding_slider_max_value = document.createElement("input");
           	 	adding_slider_max_value.setAttribute("type", "hidden");
           	 	adding_slider_max_value.setAttribute("value", w_field_max_value);
			adding_slider_max_value.setAttribute("id", i+"_slider_max_valueform_id_temp");
			adding_slider_max_value.setAttribute("name", i+"_slider_max_valueform_id_temp");
			
			
	var adding_slider_value = document.createElement("input");
           	 	adding_slider_value.setAttribute("type", "hidden");
           	 	adding_slider_value.setAttribute("value", w_field_value);
			adding_slider_value.setAttribute("id", i+"_slider_valueform_id_temp");
			adding_slider_value.setAttribute("name", i+"_slider_valueform_id_temp");

			
	var adding_slider_width = document.createElement("input");
            adding_slider_width.setAttribute("type", "hidden");
            adding_slider_width.setAttribute("value", w_field_width);
            adding_slider_width.setAttribute("name", i+"_slider_widthform_id_temp");	
            adding_slider_width.setAttribute("id", i+"_slider_widthform_id_temp");
			
    var adding_slider_div = document.createElement("div");
			adding_slider_div.style.cssText="width:"+w_field_width+"px"; 
            adding_slider_div.setAttribute("name", i+"_elementform_id_temp");	
            adding_slider_div.setAttribute("id", i+"_elementform_id_temp");

	

			
     	var div = document.createElement('div');
      	    div.setAttribute("id", "main_div");
					
      	var table = document.createElement('table');
           	table.setAttribute("id", i+"_elemet_tableform_id_temp");
			
			
		var slider_table = document.createElement('table');
           	slider_table.setAttribute("id", i+"_slider_tableform_id_temp");	
			
		var slider_tr1 = document.createElement('tr');	
		var slider_tr2 = document.createElement('tr');	
		
	    var slider_td1 = document.createElement('td');
         	slider_td1.setAttribute("colspan", '3');
           	slider_td1.setAttribute("id", i+"_slider_td1form_id_temp");
			
        var slider_td2 = document.createElement('td');
         	  slider_td2.setAttribute("align", 'left');
           	slider_td2.setAttribute("id", i+"_slider_td2form_id_temp");
				
			
		var slider_td3 = document.createElement('td');
            slider_td3.setAttribute("align", 'right');
           	slider_td3.setAttribute("id", i+"_slider_td3form_id_temp");
			
		var slider_td4 = document.createElement('td');
            slider_td4.setAttribute("align", 'right');
           	slider_td4.setAttribute("id", i+"_slider_td4form_id_temp");		
      	var tr = document.createElement('tr');
			
      	var td1 = document.createElement('td');
         	td1.setAttribute("valign", 'top');
         	td1.setAttribute("align", 'left');
           	td1.setAttribute("id", i+"_label_sectionform_id_temp");
			
      	var td2 = document.createElement('td');
        	td2.setAttribute("valign", 'top');
         	td2.setAttribute("align", 'left');
           	td2.setAttribute("id", i+"_element_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");
	    
      	var required = document.createElement('span');
			required.setAttribute("id", i+"_required_elementform_id_temp");
			required.innerHTML = "";
			required.setAttribute("class", "required");
	if(w_required=="yes")
			required.innerHTML = " *";
      	var main_td  = document.getElementById('show_table');
      
      	td1.appendChild(label);
      	td1.appendChild(required );
      	td2.appendChild(adding_type);
      	td2.appendChild(adding_required);
		td2.appendChild(adding_slider_width);
	    td2.appendChild(adding_slider_min_value);
		td2.appendChild(adding_slider_max_value); 
		td2.appendChild(adding_slider_value); 
		
        var slider_min = document.createElement('span');
			slider_min.setAttribute("id", i+"_element_minform_id_temp");
			slider_min.innerHTML = w_field_min_value;
			slider_min.setAttribute("class", "label");
			
		var slider_max = document.createElement('span');
			slider_max.setAttribute("id", i+"_element_maxform_id_temp");
			slider_max.innerHTML = w_field_max_value;
			slider_max.setAttribute("class", "label");
		
        var slider_value = document.createElement('span');
			slider_value.setAttribute("id", i+"_element_valueform_id_temp");
			slider_value.innerHTML = w_field_value;
			slider_value.setAttribute("class", "label");		
	
	
		slider_td1.appendChild(adding_slider_div);
		slider_tr1.appendChild(slider_td1);
		slider_table.appendChild(slider_tr1);
		
		
		slider_td2.appendChild(slider_min);
        slider_tr2.appendChild(slider_td2);
	    slider_table.appendChild(slider_tr2);
		
		
		slider_td3.appendChild(slider_value);
        slider_tr2.appendChild(slider_td3);
	    slider_table.appendChild(slider_tr2);
		
		slider_td4.appendChild(slider_max);
        slider_tr2.appendChild(slider_td4);
	    slider_table.appendChild(slider_tr2);
		
		td2.appendChild(slider_table);
		
		
      	tr.appendChild(td1);
      	tr.appendChild(td2);
      	table.appendChild(tr);
      
      	div.appendChild(table);
      	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_slider');
jQuery("#"+i+"_elementform_id_temp")[0].slide = null;

jQuery(function() {
	jQuery( "#"+i+"_elementform_id_temp").slider({
		range: "min",
		value: eval(w_field_value),
		min: eval(w_field_min_value),
		max: eval(w_field_max_value),
		slide: function( event, ui ) {
		document.getElementById( i+"_element_valueform_id_temp" ).innerHTML = "" + ui.value ;
		document.getElementById( i+"_slider_valueform_id_temp" ).value = "" + ui.value; 	
		}
	});
	
	
});


}


function change_slider_min_or_max_value(a,b,form_id, min_or_max){ 
document.getElementById( b+"_element_"+min_or_max+"form_id_temp" ).innerHTML=a;
}


function change_slider_width(a,b,form_id){
document.getElementById( b+"_elementform_id_temp" ).style.cssText="width:"+a+"px";
document.getElementById( b+"_slider_widthform_id_temp" ).value=a;

}

function change_slider_min_value(a,b,form_id){
document.getElementById( b+"_slider_min_valueform_id_temp" ).value=a;
document.getElementById(b+"_slider_valueform_id_temp" ).value = a;
if(eval(a) > document.getElementById( b+"_element_valueform_id_temp" ).innerHTML){
document.getElementById( b+"_element_valueform_id_temp" ).innerHTML = a;

	jQuery( "#"+b+"_elementform_id_temp").slider({
			min: eval(a),
		slide: function( event, ui ) {
		document.getElementById(b+"_element_valueform_id_temp").innerHTML = "" + ui.value ;
		document.getElementById(b+"_slider_valueform_id_temp" ).value = "" + ui.value;
		}
	});

}
else{

jQuery( "#"+b+"_elementform_id_temp").slider({
		min: eval(a),
		slide: function( event, ui ) {
		document.getElementById(b+"_element_valueform_id_temp" ).innerHTML = "" + ui.value ;
		document.getElementById(b+"_slider_valueform_id_temp" ).value = "" + ui.value;	
		}
	});

}

}

function change_slider_max_value(a,b,form_id){
document.getElementById( b+"_slider_max_valueform_id_temp" ).value=a;

if(eval(a) < parseInt(document.getElementById( b+"_slider_valueform_id_temp" ).value)){

document.getElementById( b+"_element_valueform_id_temp" ).innerHTML = a;
document.getElementById(b+"_slider_valueform_id_temp" ).value = a;
	jQuery( "#"+b+"_elementform_id_temp").slider({
		min: eval(document.getElementById(b+"_slider_min_valueform_id_temp" ).value),
		max: eval(a),
		value: eval(document.getElementById(b+"_slider_valueform_id_temp" ).value),
		slide: function( event, ui ) {
		document.getElementById(b+"_element_valueform_id_temp" ).innerHTML = "" + ui.value ;
		document.getElementById(b+"_slider_valueform_id_temp" ).value = "" + ui.value;	
		}
	});
}
else{

jQuery( "#"+b+"_elementform_id_temp").slider({
        min: eval(document.getElementById(b+"_slider_min_valueform_id_temp" ).value),
		max: eval(a),
		value: eval(document.getElementById(b+"_slider_valueform_id_temp" ).value),
		slide: function( event, ui ) {
		document.getElementById(b+"_element_valueform_id_temp" ).innerHTML = "" + ui.value ;
		document.getElementById(b+"_slider_valueform_id_temp" ).value = "" + ui.value;	
		}
	});

}
}



function type_range(i, w_field_label, w_field_label_pos, 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){

   document.getElementById("element_type").value="type_range";

	delete_last_child();
// edit table	
	var edit_div  = document.createElement('div');
		edit_div.setAttribute("id", "edit_div");
		edit_div.setAttribute("style", "border-top:1px dotted black; padding:10px;  padding-top:0px; padding-bottom:0px; margin-top:10px;");
		
	var edit_main_table  = document.createElement('table');
		edit_main_table.setAttribute("id", "edit_main_table");
		edit_main_table.setAttribute("cellpadding", "0");
		edit_main_table.setAttribute("cellspacing", "0");
		
	var edit_main_tr1  = document.createElement('tr');
      		edit_main_tr1.setAttribute("valing", "top");
		
	var edit_main_tr2  = document.createElement('tr');
      		edit_main_tr2.setAttribute("valing", "top");
		
	var edit_main_tr3  = document.createElement('tr');
      		edit_main_tr3.setAttribute("valing", "top");
		
	var edit_main_tr4  = document.createElement('tr');
      		edit_main_tr4.setAttribute("valing", "top");
		
	var edit_main_tr5  = document.createElement('tr');
      		edit_main_tr5.setAttribute("valing", "top");
			
	var edit_main_tr6  = document.createElement('tr');
      		edit_main_tr6.setAttribute("valing", "top");
	var edit_main_tr7  = document.createElement('tr');
      		edit_main_tr7.setAttribute("valing", "top");
	var edit_main_tr8  = document.createElement('tr');
      		edit_main_tr8.setAttribute("valing", "top");	
    var edit_main_tr9  = document.createElement('tr');
      		edit_main_tr9.setAttribute("valing", "top");				
	

	var edit_main_td1 = document.createElement('td');
		edit_main_td1.style.cssText = "padding-top:10px";	
	var edit_main_td1_1 = document.createElement('td');
		edit_main_td1_1.style.cssText = "padding-top:10px";	
	var edit_main_td2 = document.createElement('td');
		edit_main_td2.style.cssText = "padding-top:10px";
	var edit_main_td2_1 = document.createElement('td');
		edit_main_td2_1.style.cssText = "padding-top:10px";

	var edit_main_td3 = document.createElement('td');
		edit_main_td3.style.cssText = "padding-top:10px";
	var edit_main_td3_1 = document.createElement('td');
		edit_main_td3_1.style.cssText = "padding-top:10px";
	
	var edit_main_td4 = document.createElement('td');
		edit_main_td4.style.cssText = "padding-top:10px";
	var edit_main_td4_1 = document.createElement('td');
		edit_main_td4_1.style.cssText = "padding-top:10px";
	
				
	var edit_main_td5 = document.createElement('td');
		edit_main_td5.style.cssText = "padding-top:10px";
	var edit_main_td5_1 = document.createElement('td');
		edit_main_td5_1.style.cssText = "padding-top:10px";
		  
	var edit_main_td6 = document.createElement('td');
		edit_main_td6.style.cssText = "padding-top:10px";
	var edit_main_td6_1 = document.createElement('td');
		edit_main_td6_1.style.cssText = "padding-top:10px";	  
	var edit_main_td7 = document.createElement('td');
		edit_main_td7.style.cssText = "padding-top:10px";
	var edit_main_td7_1 = document.createElement('td');
		edit_main_td7_1.style.cssText = "padding-top:10px";	 	
	var edit_main_td8 = document.createElement('td');
		edit_main_td8.style.cssText = "padding-top:10px";
    var edit_main_td8_1 = document.createElement('td');
		edit_main_td8_1.style.cssText = "padding-top:10px";	 
    var edit_main_td9 = document.createElement('td');
		edit_main_td9.style.cssText = "padding-top:10px";
	
	var el_label_label = document.createElement('label');
	                el_label_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_label_label.innerHTML = "Field label";
	
	var el_label_textarea = document.createElement('textarea');
                el_label_textarea.setAttribute("id", "edit_for_label");
                el_label_textarea.setAttribute("rows", "4");
                el_label_textarea.style.cssText = "width:200px";
                el_label_textarea.setAttribute("onKeyUp", "change_label('"+i+"_element_labelform_id_temp', this.value)");
		el_label_textarea.innerHTML = w_field_label;
		
	var el_label_position_label = document.createElement('label');
	        el_label_position_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_label_position_label.innerHTML = "Field label position";
	
	
	var el_label_position1 = document.createElement('input');
                el_label_position1.setAttribute("id", "edit_for_label_position_top");
                el_label_position1.setAttribute("type", "radio");
                el_label_position1.setAttribute("value", "left");
                
		el_label_position1.setAttribute("name", "edit_for_label_position");
                el_label_position1.setAttribute("onchange", "label_left("+i+")");
	Left = document.createTextNode("Left");
		
	var el_label_position2 = document.createElement('input');
                el_label_position2.setAttribute("id", "edit_for_label_position_left");
                el_label_position2.setAttribute("type", "radio");
                el_label_position2.setAttribute("value", "top");
		
                el_label_position2.setAttribute("name", "edit_for_label_position");
                el_label_position2.setAttribute("onchange", "label_top("+i+")");
	Top = document.createTextNode("Top");
		
	if(w_field_label_pos=="top")
				el_label_position2.setAttribute("checked", "checked");
	else
				el_label_position1.setAttribute("checked", "checked");

				
	var el_range_width_label = document.createElement('label');
				el_range_width_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
				el_range_width_label.innerHTML = "Width ";
	
	var el_range_width_input = document.createElement('input');
                el_range_width_input.setAttribute("type", "text");		
                el_range_width_input.setAttribute("id", "edit_for_spinner_width");		
                el_range_width_input.setAttribute("value", w_field_range_width);
                el_range_width_input.style.cssText = "width:100px;";	
				el_range_width_input.setAttribute("onKeyPress", "return check_isnum(event)");	
			    el_range_width_input.setAttribute("onKeyUp", "change_range_width(this.value,"+i+",'form_id_temp')");			
				

	var el_range_step_label = document.createElement('label');
	        el_range_step_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_range_step_label.innerHTML = "Step";
		
		var el_range_step_input = document.createElement('input');
                el_range_step_input.setAttribute("type", "text");		
                el_range_step_input.setAttribute("id", "edit_for_spinner_step");		
                el_range_step_input.setAttribute("value", w_field_range_step);
                el_range_step_input.style.cssText = "width:100px;";	
				el_range_step_input.setAttribute("onKeyPress", "return check_isnum_or_minus(event)");
			    el_range_step_input.setAttribute("onChange", "change_range_step(this.value,"+i+",'form_id_temp')");
	
    
	var el_style_label = document.createElement('label');
	        el_style_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_style_label.innerHTML = "Class name";
	
	var el_style_textarea = document.createElement('input');
                el_style_textarea.setAttribute("id", "element_style");
		el_style_textarea.setAttribute("type", "text");
		el_style_textarea.setAttribute("value", w_class);
                el_style_textarea.style.cssText = "width:200px;";
                el_style_textarea.setAttribute("onChange", "change_class(this.value,'"+i+"')");

	var el_required_label = document.createElement('label');
	        el_required_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_required_label.innerHTML = "Required";
	
	var el_required = document.createElement('input');
                el_required.setAttribute("id", "el_send");
                el_required.setAttribute("type", "checkbox");
                el_required.setAttribute("value", "yes");
                el_required.setAttribute("onclick", "set_required('"+i+"_required')");
	if(w_required=="yes")
			
                el_required.setAttribute("checked", "checked");
	
	var el_attr_label = document.createElement('label');
	                el_attr_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_attr_label.innerHTML = "Additional Attributes";
			
	var el_attr_add = document.createElement('img');
                el_attr_add.setAttribute("id", "el_choices_add");
           	el_attr_add.setAttribute("src", fmc_plugin_url+'/images/add.png');
            	el_attr_add.style.cssText = 'cursor:pointer; margin-left:68px';
            	el_attr_add.setAttribute("title", 'add');
                el_attr_add.setAttribute("onClick", "add_attr("+i+", 'type_range')");
	var el_attr_table = document.createElement('table');
                el_attr_table.setAttribute("id", 'attributes');
                el_attr_table.setAttribute("border", '0');
        	el_attr_table.style.cssText = 'margin-left:0px';
	var el_attr_tr_label = document.createElement('tr');
                el_attr_tr_label.setAttribute("idi", '0');
	var el_attr_td_name_label = document.createElement('th');
            	el_attr_td_name_label.style.cssText = 'width:100px';
	var el_attr_td_value_label = document.createElement('th');
            	el_attr_td_value_label.style.cssText = 'width:100px';
	var el_attr_td_X_label = document.createElement('th');
            	el_attr_td_X_label.style.cssText = 'width:10px';
	var el_attr_name_label = document.createElement('label');
	                el_attr_name_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 11px";
			el_attr_name_label.innerHTML = "Name";
			
	var el_attr_value_label = document.createElement('label');
	                el_attr_value_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 11px";
			el_attr_value_label.innerHTML = "Value";
			
	el_attr_table.appendChild(el_attr_tr_label);
	el_attr_tr_label.appendChild(el_attr_td_name_label);
	el_attr_tr_label.appendChild(el_attr_td_value_label);
	el_attr_tr_label.appendChild(el_attr_td_X_label);
	el_attr_td_name_label.appendChild(el_attr_name_label);
	el_attr_td_value_label.appendChild(el_attr_value_label);
	
	n=w_attr_name.length;
	for(j=1; j<=n; j++)
	{	
		var el_attr_tr = document.createElement('tr');
			el_attr_tr.setAttribute("id", "attr_row_"+j);
			el_attr_tr.setAttribute("idi", j);
		var el_attr_td_name = document.createElement('td');
			el_attr_td_name.style.cssText = 'width:100px';
		var el_attr_td_value = document.createElement('td');
			el_attr_td_value.style.cssText = 'width:100px';
		
		var el_attr_td_X = document.createElement('td');
		var el_attr_name = document.createElement('input');
	
			el_attr_name.setAttribute("type", "text");
	
			el_attr_name.style.cssText = "width:100px";
			el_attr_name.setAttribute("value", w_attr_name[j-1]);
			el_attr_name.setAttribute("id", "attr_name"+j);
			el_attr_name.setAttribute("onChange", "change_attribute_name("+i+", this, 'type_range')");
			
		var el_attr_value = document.createElement('input');
	
			el_attr_value.setAttribute("type", "text");
	
			el_attr_value.style.cssText = "width:100px";
			el_attr_value.setAttribute("value", w_attr_value[j-1]);
			el_attr_value.setAttribute("id", "attr_value"+j);
			el_attr_value.setAttribute("onChange", "change_attribute_value("+i+", "+j+", 'type_range')");
	
		var el_attr_remove = document.createElement('img');
			el_attr_remove.setAttribute("id", "el_choices"+j+"_remove");
			el_attr_remove.setAttribute("src", fmc_plugin_url+'/images/delete.png');
			el_attr_remove.style.cssText = 'cursor:pointer; vertical-align:middle; margin:3px';
			el_attr_remove.setAttribute("align", 'top');
			el_attr_remove.setAttribute("onClick", "remove_attr("+j+", "+i+", 'type_range')");
		el_attr_table.appendChild(el_attr_tr);
		el_attr_tr.appendChild(el_attr_td_name);
		el_attr_tr.appendChild(el_attr_td_value);
		el_attr_tr.appendChild(el_attr_td_X);
		el_attr_td_name.appendChild(el_attr_name);
		el_attr_td_value.appendChild(el_attr_value);
		el_attr_td_X.appendChild(el_attr_remove);
		
	}
		
	var t  = document.getElementById('edit_table');
	
	var br = document.createElement('br');
	var br1 = document.createElement('br');
	
	
	edit_main_td1.appendChild(el_label_label);
	edit_main_td1_1.appendChild(el_label_textarea);

	edit_main_td2.appendChild(el_label_position_label);
	edit_main_td2_1.appendChild(el_label_position1);
	edit_main_td2_1.appendChild(Left);
	edit_main_td2_1.appendChild(br);
	edit_main_td2_1.appendChild(el_label_position2);
	edit_main_td2_1.appendChild(Top);
	
	
	edit_main_td3.appendChild(el_range_width_label);
	edit_main_td3_1.appendChild(el_range_width_input);
	
	edit_main_td4.appendChild(el_range_step_label);	
	edit_main_td4_1.appendChild(el_range_step_input);
	
	
	
	edit_main_td5.appendChild(el_style_label);
	edit_main_td5_1.appendChild(el_style_textarea);
	edit_main_td6.appendChild(el_required_label);
	edit_main_td6_1.appendChild(el_required);
	
	edit_main_td7.appendChild(el_attr_label);
	edit_main_td7.appendChild(el_attr_add);
	edit_main_td7.appendChild(br1);
	edit_main_td7.appendChild(el_attr_table);
	edit_main_td7.setAttribute("colspan", "2");
	
	edit_main_tr1.appendChild(edit_main_td1);
	edit_main_tr1.appendChild(edit_main_td1_1);
	edit_main_tr2.appendChild(edit_main_td2);
	edit_main_tr2.appendChild(edit_main_td2_1);
	edit_main_tr3.appendChild(edit_main_td3);
	edit_main_tr3.appendChild(edit_main_td3_1);
	
	edit_main_tr4.appendChild(edit_main_td4);
	edit_main_tr4.appendChild(edit_main_td4_1);
	
	edit_main_tr5.appendChild(edit_main_td5);
	edit_main_tr5.appendChild(edit_main_td5_1);
	
	edit_main_tr6.appendChild(edit_main_td6);
	edit_main_tr6.appendChild(edit_main_td6_1);
	edit_main_tr7.appendChild(edit_main_td7);
	
	
	
	edit_main_table.appendChild(edit_main_tr1);
	edit_main_table.appendChild(edit_main_tr2);
	edit_main_table.appendChild(edit_main_tr3);
    edit_main_table.appendChild(edit_main_tr4);
	edit_main_table.appendChild(edit_main_tr5);
	edit_main_table.appendChild(edit_main_tr6);
	edit_main_table.appendChild(edit_main_tr7);
	

	edit_div.appendChild(edit_main_table);
	
	t.appendChild(edit_div);
	add_id_and_name(i, 'type_range');
	
//show table

	
	var adding_type = document.createElement("input");
            adding_type.setAttribute("type", "hidden");
            adding_type.setAttribute("value", "type_range");
            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_range_width);
            adding_width.setAttribute("name", i+"_range_widthform_id_temp");	
            adding_width.setAttribute("id", i+"_range_widthform_id_temp");		
			
		
	var adding_step = document.createElement("input");
            adding_step.setAttribute("type", "hidden");
            adding_step.setAttribute("value", w_field_range_step);
            adding_step.setAttribute("name", i+"_range_stepform_id_temp");	
            adding_step.setAttribute("id", i+"_range_stepform_id_temp");

	  
		
    var adding_range_input_from = document.createElement("input");
            adding_range_input_from.setAttribute("type", "");
            adding_range_input_from.setAttribute("value",'');
			adding_range_input_from.style.cssText="width:"+w_field_range_width+"px"; 
            adding_range_input_from.setAttribute("name", i+"_elementform_id_temp0");	
            adding_range_input_from.setAttribute("id", i+"_elementform_id_temp0");
			adding_range_input_from.setAttribute("onKeyPress", "return check_isnum_or_minus(event)");
			
    var adding_range_input_to = document.createElement("input");
            adding_range_input_to.setAttribute("type", "");
            adding_range_input_to.setAttribute("value",'');
			adding_range_input_to.style.cssText="width:"+w_field_range_width+"px"; 
            adding_range_input_to.setAttribute("name", i+"_elementform_id_temp1");	
            adding_range_input_to.setAttribute("id", i+"_elementform_id_temp1");
			adding_range_input_to.setAttribute("onKeyPress", "return check_isnum_or_minus(event)");
			
	var adding_range_label_from = document.createElement("label");
          
      adding_range_label_from.setAttribute("class", "mini_label");
			adding_range_label_from.setAttribute("id", i+"_mini_label_from");
			adding_range_label_from.innerHTML=w_mini_labels[0];
          	
			

	var adding_range_label_to = document.createElement("label");
         
		  adding_range_label_to.setAttribute("class", "mini_label");	
			adding_range_label_to.setAttribute("id", i+"_mini_label_to");
			adding_range_label_to.innerHTML=w_mini_labels[1];
          	
          
			
     	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;");
			
      	edit_labels = document.createTextNode("The labels of the fields are editable. Please, click the label to edit.");

		div_for_editable_labels.appendChild(edit_labels);  
		
      	var table = document.createElement('table');
           	table.setAttribute("id", i+"_elemet_tableform_id_temp");
			
      	var tr = document.createElement('tr');
			
      	var td1 = document.createElement('td');
         	td1.setAttribute("valign", 'top');
         	td1.setAttribute("align", 'left');
           	td1.setAttribute("id", i+"_label_sectionform_id_temp");
			
      	var td2 = document.createElement('td');
        	td2.setAttribute("valign", 'top');
         	td2.setAttribute("align", 'left');
           	td2.setAttribute("id", i+"_element_sectionform_id_temp");

		var table_little = document.createElement('table');
           	table_little.setAttribute("id", i+"_elemet_table_littleform_id_temp");
			
      	var tr1 = document.createElement('tr');
		var tr2 = document.createElement('tr');
			
      	var td1_1 = document.createElement('td');
         	td1_1.setAttribute("valign", 'middle');
         	td1_1.setAttribute("align", 'left');
          
			
		var td1_2 = document.createElement('td');
         	td1_2.setAttribute("valign", 'middle');
         	td1_2.setAttribute("align", 'left');
           
			
      	var td2_1 = document.createElement('td');
        	td2_1.setAttribute("valign", 'top');
         	td2_1.setAttribute("align", 'left');
           
		var td2_2 = document.createElement('td');
        	td2_2.setAttribute("valign", 'top');
         	td2_2.setAttribute("align", 'left');
           	
		  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");
	    
      	var required = document.createElement('span');
			required.setAttribute("id", i+"_required_elementform_id_temp");
			required.innerHTML = "";
			required.setAttribute("class", "required");
	if(w_required=="yes")
			required.innerHTML = " *";
      	var main_td  = document.getElementById('show_table');
      
      	td1.appendChild(label);
      	td1.appendChild(required );
      	td2.appendChild(adding_type);
      	td2.appendChild(adding_required);
		td2.appendChild(adding_width);
		td2.appendChild(adding_step);
	    
		td1_1.appendChild(adding_range_input_from);
		td1_2.appendChild(adding_range_input_to);
		td2_1.appendChild(adding_range_label_from);
		td2_2.appendChild(adding_range_label_to);
 	
	    tr1.appendChild(td1_1);
		tr1.appendChild(td1_2);
		tr2.appendChild(td2_1);
		tr2.appendChild(td2_2);
		
		table_little.appendChild(tr1);
		table_little.appendChild(tr2);
		
		td2.appendChild(table_little);
		
      	tr.appendChild(td1);
      	tr.appendChild(td2);
      	table.appendChild(tr);
      
      	div.appendChild(table);
      	div.appendChild(br1);
		div.appendChild(div_for_editable_labels);
	
      	main_td.appendChild(div);
	if (w_field_label_pos=="top") {
    label_top(i);
  }
  change_class(w_class, i);
  refresh_attr(i, 'type_range');

jQuery( "#"+i+"_elementform_id_temp0" ).spinner();
 var spinner1 = jQuery( "#"+i+"_elementform_id_temp0" ).spinner();

spinner1.spinner( "value", w_field_value1 );
jQuery( "#"+i+"_elementform_id_temp0" ).spinner({ step: w_field_range_step});


jQuery( "#"+i+"_elementform_id_temp1" ).spinner();
var spinner2 = jQuery( "#"+i+"_elementform_id_temp1" ).spinner();
spinner2.spinner( "value", w_field_value2 );
jQuery( "#"+i+"_elementform_id_temp1" ).spinner({ step: w_field_range_step});

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

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


function change_range_width(a,b,form_id){
document.getElementById( b+"_elementform_id_temp0" ).style.cssText="width:"+a+"px";
document.getElementById( b+"_elementform_id_temp1" ).style.cssText="width:"+a+"px";
document.getElementById( b+"_range_widthform_id_temp" ).value=a;
}

function change_range_step(a,b,form_id){
jQuery( "#"+b+"_elementform_id_temp0" ).spinner({ step: a});
jQuery( "#"+b+"_elementform_id_temp1" ).spinner({ step: a});
document.getElementById( b+"_range_stepform_id_temp" ).value=a;


}


function type_grading(i, w_field_label, w_field_label_pos, w_items, w_total, w_required, w_class, w_attr_name, w_attr_value) {

	document.getElementById("element_type").value="type_grading";

	delete_last_child();
// edit table	
	var edit_div  = document.createElement('div');
		edit_div.setAttribute("id", "edit_div");
		edit_div.setAttribute("style", "border-top:1px dotted black; padding:10px;  padding-top:0px; padding-bottom:0px; margin-top:10px;");
		
	var edit_main_table  = document.createElement('table');
		edit_main_table.setAttribute("id", "edit_main_table");
		edit_main_table.setAttribute("cellpadding", "0");
		edit_main_table.setAttribute("cellspacing", "0");
		
	var edit_main_tr1  = document.createElement('tr');
      		edit_main_tr1.setAttribute("valing", "top");
		
	var edit_main_tr2  = document.createElement('tr');
      		edit_main_tr2.setAttribute("valing", "top");
		
	var edit_main_tr3  = document.createElement('tr');
      		edit_main_tr3.setAttribute("valing", "top");
		
	var edit_main_tr4  = document.createElement('tr');
      		edit_main_tr4.setAttribute("valing", "top");
		
	var edit_main_tr5  = document.createElement('tr');
      		edit_main_tr5.setAttribute("valing", "top");
			
	var edit_main_tr6  = document.createElement('tr');
      		edit_main_tr6.setAttribute("valing", "top");

    var edit_main_tr7  = document.createElement('tr');
      		edit_main_tr7.setAttribute("valing", "top");

	

	var edit_main_td1 = document.createElement('td');
		edit_main_td1.style.cssText = "padding-top:10px";	
	var edit_main_td1_1 = document.createElement('td');
		edit_main_td1_1.style.cssText = "padding-top:10px";		
	var edit_main_td2 = document.createElement('td');
		edit_main_td2.style.cssText = "padding-top:10px";
	var edit_main_td2_1 = document.createElement('td');
		edit_main_td2_1.style.cssText = "padding-top:10px";

	var edit_main_td3 = document.createElement('td');
		edit_main_td3.style.cssText = "padding-top:10px";
		
	var edit_main_td3_1 = document.createElement('td');
		edit_main_td3_1.style.cssText = "padding-top:10px ";

		
	var edit_main_td4 = document.createElement('td');
		edit_main_td4.style.cssText = "padding-top:10px; vertical-align:top" ; 	
		edit_main_td4.setAttribute("id", "items");
		
	var edit_main_td4_1 = document.createElement('td');
		edit_main_td4_1.style.cssText = "padding-top:10px; vertical-align:top";
     
	var edit_main_td5 = document.createElement('td');
		edit_main_td5.style.cssText = "padding-top:10px";
		edit_main_td5.setAttribute("id", "columns");
	var edit_main_td5_1 = document.createElement('td');
		edit_main_td5_1.style.cssText = "padding-top:10px;  ";
				
	var edit_main_td6 = document.createElement('td');
		edit_main_td6.style.cssText = "padding-top:10px";
	var edit_main_td6_1 = document.createElement('td');
		edit_main_td6_1.style.cssText = "padding-top:10px;  ";
	
	var edit_main_td7 = document.createElement('td');
		edit_main_td7.style.cssText = "padding-top:10px";
		
		
		  
	var el_label_label = document.createElement('label');
			        el_label_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_label_label.innerHTML = "Field label";
	
	var el_label_textarea = document.createElement('textarea');
                el_label_textarea.setAttribute("id", "edit_for_label");
                el_label_textarea.setAttribute("rows", "4");
                el_label_textarea.style.cssText = "width:200px;";
                el_label_textarea.setAttribute("onKeyUp", "change_label('"+i+"_element_labelform_id_temp', this.value)");
				el_label_textarea.innerHTML = w_field_label;
		
	var el_label_position_label = document.createElement('label');
			        el_label_position_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_label_position_label.innerHTML = "Field label position";
	
	var el_label_position1 = document.createElement('input');
                el_label_position1.setAttribute("id", "edit_for_label_position_top");
                el_label_position1.setAttribute("type", "radio");
                el_label_position1.setAttribute("value", "left");
                
                el_label_position1.setAttribute("name", "edit_for_label_position");
                el_label_position1.setAttribute("onchange", "label_left("+i+")");
		Left = document.createTextNode("Left");
		
	var el_label_position2 = document.createElement('input');
                el_label_position2.setAttribute("id", "edit_for_label_position_left");
                el_label_position2.setAttribute("type", "radio");
                el_label_position2.setAttribute("value", "top");
			
                el_label_position2.setAttribute("name", "edit_for_label_position");
                el_label_position2.setAttribute("onchange", "label_top("+i+")");
		Top = document.createTextNode("Top");
		
	if(w_field_label_pos=="top")
	
				el_label_position2.setAttribute("checked", "checked");
	else
				el_label_position1.setAttribute("checked", "checked");
	
	var el_total_label = document.createElement('label');
	        el_total_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_total_label.innerHTML = "Total";
	
	var el_total_input = document.createElement('input');
                el_total_input.setAttribute("id", "element_total");
		        el_total_input.setAttribute("type", "text");
 	           	el_total_input.setAttribute("value", w_total);
                el_total_input.style.cssText = "width:200px;";
				el_total_input.setAttribute("onKeyPress", "return check_isnum_or_minus(event)");
                el_total_input.setAttribute("onKeyUp", "change_total(this.value,'"+i+"')");
	
	
	var el_style_label = document.createElement('label');
	        el_style_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_style_label.innerHTML = "Class name";
	
	var el_style_textarea = document.createElement('input');
                el_style_textarea.setAttribute("id", "element_style");
		el_style_textarea.setAttribute("type", "text");
 		el_style_textarea.setAttribute("value", w_class);
                el_style_textarea.style.cssText = "width:200px;";
                el_style_textarea.setAttribute("onChange", "change_class(this.value,'"+i+"')");
				
				

	var el_required_label = document.createElement('label');
	        el_required_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_required_label.innerHTML = "Required";
	
	var el_required = document.createElement('input');
                el_required.setAttribute("id", "el_send");
                el_required.setAttribute("type", "checkbox");
                el_required.setAttribute("value", "yes");
                el_required.setAttribute("onclick", "set_required('"+i+"_required')");
	if(w_required=="yes")
			
                el_required.setAttribute("checked", "checked");
		
	
	var el_attr_label = document.createElement('label');
	                el_attr_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_attr_label.innerHTML = "Additional Attributes";
	var el_attr_add = document.createElement('img');
                el_attr_add.setAttribute("id", "el_choices_add");
           	el_attr_add.setAttribute("src", fmc_plugin_url+'/images/add.png');
            	el_attr_add.style.cssText = 'cursor:pointer; margin-left:68px';
            	el_attr_add.setAttribute("title", 'add');
                el_attr_add.setAttribute("onClick", "add_attr("+i+", 'type_grading')");
	var el_attr_table = document.createElement('table');
                el_attr_table.setAttribute("id", 'attributes');
                el_attr_table.setAttribute("border", '0');
        	el_attr_table.style.cssText = 'margin-left:0px';
	var el_attr_tr_label = document.createElement('tr');
                el_attr_tr_label.setAttribute("idi", '0');
	var el_attr_td_name_label = document.createElement('th');
            	el_attr_td_name_label.style.cssText = 'width:100px';
	var el_attr_td_value_label = document.createElement('th');
            	el_attr_td_value_label.style.cssText = 'width:100px';
	var el_attr_td_X_label = document.createElement('th');
            	el_attr_td_X_label.style.cssText = 'width:10px';
	var el_attr_name_label = document.createElement('label');
	                el_attr_name_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 11px";
			el_attr_name_label.innerHTML = "Name";
			
	var el_attr_value_label = document.createElement('label');
	                el_attr_value_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 11px";
			el_attr_value_label.innerHTML = "Value";
			
	el_attr_table.appendChild(el_attr_tr_label);
	el_attr_tr_label.appendChild(el_attr_td_name_label);
	el_attr_tr_label.appendChild(el_attr_td_value_label);
	el_attr_tr_label.appendChild(el_attr_td_X_label);
	el_attr_td_name_label.appendChild(el_attr_name_label);
	el_attr_td_value_label.appendChild(el_attr_value_label);
	
	n=w_attr_name.length;
	for(j=1; j<=n; j++)
	{	
		var el_attr_tr = document.createElement('tr');
			el_attr_tr.setAttribute("id", "attr_row_"+j);
			el_attr_tr.setAttribute("idi", j);
		var el_attr_td_name = document.createElement('td');
			el_attr_td_name.style.cssText = 'width:100px';
		var el_attr_td_value = document.createElement('td');
			el_attr_td_value.style.cssText = 'width:100px';
		
		var el_attr_td_X = document.createElement('td');
		var el_attr_name = document.createElement('input');
	
			el_attr_name.setAttribute("type", "text");
	
			el_attr_name.style.cssText = "width:100px";
			el_attr_name.setAttribute("value", w_attr_name[j-1]);
			el_attr_name.setAttribute("id", "attr_name"+j);
			el_attr_name.setAttribute("onChange", "change_attribute_name("+i+", this, 'type_grading')");
			
		var el_attr_value = document.createElement('input');
	
			el_attr_value.setAttribute("type", "text");	
			el_attr_value.style.cssText = "width:100px";
			el_attr_value.setAttribute("value", w_attr_value[j-1]);
			el_attr_value.setAttribute("id", "attr_value"+j);
			el_attr_value.setAttribute("onChange", "change_attribute_value("+i+", "+j+", 'type_grading')");
	
		var el_attr_remove = document.createElement('img');
			el_attr_remove.setAttribute("id", "el_choices"+j+"_remove");
			el_attr_remove.setAttribute("src", fmc_plugin_url+'/images/delete.png');
			el_attr_remove.style.cssText = 'cursor:pointer; vertical-align:middle; margin:3px';
			el_attr_remove.setAttribute("align", 'top');
			el_attr_remove.setAttribute("onClick", "remove_attr("+j+", "+i+", 'type_grading')");
		el_attr_table.appendChild(el_attr_tr);
		el_attr_tr.appendChild(el_attr_td_name);
		el_attr_tr.appendChild(el_attr_td_value);
		el_attr_tr.appendChild(el_attr_td_X);
		el_attr_td_name.appendChild(el_attr_name);
		el_attr_td_value.appendChild(el_attr_value);
		el_attr_td_X.appendChild(el_attr_remove);
		
	}

	var el_items_label = document.createElement('label');
			        el_items_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_items_label.innerHTML = "Items ";
	var el_items_add = document.createElement('img');
                el_items_add.setAttribute("id", "el_items_add");
           		el_items_add.setAttribute("src", fmc_plugin_url+'/images/add.png');
            	el_items_add.style.cssText = 'cursor:pointer;';
            	el_items_add.setAttribute("title", 'add');
                el_items_add.setAttribute("onClick", "add_grading_items("+i+")");
				
		
	
	var t  = document.getElementById('edit_table');
	
	var br = document.createElement('br');
	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 br6 = document.createElement('br');
	
	edit_main_td1.appendChild(el_label_label);
	edit_main_td1_1.appendChild(el_label_textarea);

	edit_main_td2.appendChild(el_label_position_label);
	edit_main_td2_1.appendChild(el_label_position1);
	edit_main_td2_1.appendChild(Left);
	edit_main_td2_1.appendChild(br2);
	edit_main_td2_1.appendChild(el_label_position2);
	edit_main_td2_1.appendChild(Top);

    edit_main_td3.appendChild(el_total_label);
	edit_main_td3_1.appendChild(el_total_input);
		
	edit_main_td4.appendChild(el_items_label);
	edit_main_td4_1.appendChild(el_items_add);
	
	edit_main_td5.appendChild(el_required_label);
	edit_main_td5_1.appendChild(el_required);
	

	edit_main_td6.appendChild(el_style_label);
	edit_main_td6_1.appendChild(el_style_textarea);
	
	edit_main_td7.appendChild(el_attr_label);
	edit_main_td7.appendChild(el_attr_add);
	edit_main_td7.appendChild(br6);
	edit_main_td7.appendChild(el_attr_table);
	edit_main_td7.setAttribute("colspan", "2");
	

	
	n=w_items.length;
	for(k=0; k<n; k++)
	{	
		var br = document.createElement('br');
			br.setAttribute("id", "britems"+k);
			
		var el_items = document.createElement('input');
			el_items.setAttribute("id", "el_items"+k);
			el_items.setAttribute("type", "text");
			el_items.setAttribute("value", w_items[k]);
			el_items.style.cssText =   "width:100px; margin:0; padding:0; border-width: 1px";
			el_items.setAttribute("onKeyUp", "change_label('"+i+"_label_elementform_id_temp"+k+"', this.value); change_in_value('"+i+"_label_elementform_id_temp"+k+"', this.value)");
	
		var el_items_remove = document.createElement('img');
			el_items_remove.setAttribute("id", "el_items"+k+"_remove");
			el_items_remove.setAttribute("src", fmc_plugin_url+'/images/delete.png');		
			el_items_remove.style.cssText = 'cursor:pointer; vertical-align:middle; margin:3px';
			el_items_remove.setAttribute("align", 'top');
			el_items_remove.setAttribute("onClick", "remove_grading_items("+k+","+i+")");
			
		edit_main_td4.appendChild(br);
		edit_main_td4.appendChild(el_items);
		edit_main_td4.appendChild(el_items_remove);
	
	}
	


	edit_main_tr1.appendChild(edit_main_td1);
	edit_main_tr1.appendChild(edit_main_td1_1);
	edit_main_tr2.appendChild(edit_main_td2);
	edit_main_tr2.appendChild(edit_main_td2_1);
	edit_main_tr3.appendChild(edit_main_td3);
    edit_main_tr3.appendChild(edit_main_td3_1);
	edit_main_tr4.appendChild(edit_main_td4);
	edit_main_tr4.appendChild(edit_main_td4_1);
	edit_main_tr5.appendChild(edit_main_td5);
	edit_main_tr5.appendChild(edit_main_td5_1);
	edit_main_tr6.appendChild(edit_main_td6);
	edit_main_tr6.appendChild(edit_main_td6_1);
	edit_main_tr7.appendChild(edit_main_td7);

		
	edit_main_table.appendChild(edit_main_tr1);
	edit_main_table.appendChild(edit_main_tr2);
	edit_main_table.appendChild(edit_main_tr3);
	edit_main_table.appendChild(edit_main_tr4);
	edit_main_table.appendChild(edit_main_tr5);
	edit_main_table.appendChild(edit_main_tr6);
	edit_main_table.appendChild(edit_main_tr7);

	
	edit_div.appendChild(edit_main_table);
	t.appendChild(edit_div);
	
//show table

	element='input';	type='grading'; 
	var adding_type = document.createElement("input");
            adding_type.setAttribute("type", "hidden");
            adding_type.setAttribute("value", "type_grading");
            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_total = document.createElement("input");
            adding_total.setAttribute("type", "hidden");
            adding_total.setAttribute("value", w_total);
            adding_total.setAttribute("name", i+"_grading_totalform_id_temp");
            adding_total.setAttribute("id", i+"_grading_totalform_id_temp");
	    
   var div = document.createElement('div');
       	div.setAttribute("id", "main_div");
//tbody sarqac
		
		
	var table = document.createElement('table');
		table.setAttribute("id", i+"_elemet_tableform_id_temp");
	    
	
    var tr = document.createElement('tr');
			
    var td1 = document.createElement('td');
         	td1.setAttribute("valign", 'top');
         	td1.setAttribute("align", 'left');
           	td1.setAttribute("id", i+"_label_sectionform_id_temp");
			
      	var td2 = document.createElement('td');
        	td2.setAttribute("valign", 'top');
         	td2.setAttribute("align", 'left');
           	td2.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 div_grading = document.createElement('div');
	    div_grading.setAttribute("id", i+"_elementform_id_temp");

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

	    
      	var required = document.createElement('span');
			required.setAttribute("id", i+"_required_elementform_id_temp");
			required.innerHTML = "";
			required.setAttribute("class", "required");
	if(w_required=="yes")
			required.innerHTML = " *";
	
      	var main_td  = document.getElementById('show_table');
	
      
      	td1.appendChild(label);
      	td1.appendChild(required);
        td2.appendChild(adding_type);
        td2.appendChild(adding_required);
	    td2.appendChild(adding_total);
      
		td2.appendChild(div_grading);
      	tr.appendChild(td1);
      	tr.appendChild(td2);
      	table.appendChild(tr);
      

      	div.appendChild(table);
      	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_grading');
refresh_grading_items(i);
add_id_and_name(i, 'type_grading');
}

function change_total(value,id){
document.getElementById(id+"_grading_totalform_id_temp").value = value;
document.getElementById(id+"_total_elementform_id_temp").innerHTML = value;
}



function type_matrix(i, w_field_label, w_field_label_pos, w_field_input_type, w_rows, w_columns, w_required, w_class, w_attr_name, w_attr_value) {

	document.getElementById("element_type").value="type_matrix";

	delete_last_child();
// edit table	
	var edit_div  = document.createElement('div');
		edit_div.setAttribute("id", "edit_div");
		edit_div.setAttribute("style", "border-top:1px dotted black; padding:10px;  padding-top:0px; padding-bottom:0px; margin-top:10px;");
		
	var edit_main_table  = document.createElement('table');
		edit_main_table.setAttribute("id", "edit_main_table");
		edit_main_table.setAttribute("cellpadding", "0");
		edit_main_table.setAttribute("cellspacing", "0");
		
	var edit_main_tr1  = document.createElement('tr');
      		edit_main_tr1.setAttribute("valing", "top");
		
	var edit_main_tr2  = document.createElement('tr');
      		edit_main_tr2.setAttribute("valing", "top");
		
	var edit_main_tr3  = document.createElement('tr');
      		edit_main_tr3.setAttribute("valing", "top");
		
	var edit_main_tr4  = document.createElement('tr');
      		edit_main_tr4.setAttribute("valing", "top");
		
	var edit_main_tr5  = document.createElement('tr');
      		edit_main_tr5.setAttribute("valing", "top");
			
	var edit_main_tr6  = document.createElement('tr');
      		edit_main_tr6.setAttribute("valing", "top");
	var edit_main_tr7  = document.createElement('tr');
      		edit_main_tr7.setAttribute("valing", "top");

	var edit_main_tr8  = document.createElement('tr');
      		edit_main_tr8.setAttribute("valing", "top");

	

	var edit_main_td1 = document.createElement('td');
		edit_main_td1.style.cssText = "padding-top:10px";	
	var edit_main_td1_1 = document.createElement('td');
		edit_main_td1_1.style.cssText = "padding-top:10px";		
	var edit_main_td2 = document.createElement('td');
		edit_main_td2.style.cssText = "padding-top:10px";
	var edit_main_td2_1 = document.createElement('td');
		edit_main_td2_1.style.cssText = "padding-top:10px";

	var edit_main_td3 = document.createElement('td');
		edit_main_td3.style.cssText = "padding-top:10px";
		
	var edit_main_td3_1 = document.createElement('td');
		edit_main_td3_1.style.cssText = "padding-top:10px ";

		
	var edit_main_td4 = document.createElement('td');
		edit_main_td4.style.cssText = "padding-top:10px" ; 	
		edit_main_td4.setAttribute("id", "rows");
		
	var edit_main_td4_1 = document.createElement('td');
		edit_main_td4_1.style.cssText = "padding-top:10px; vertical-align:top";
     
	var edit_main_td5 = document.createElement('td');
		edit_main_td5.style.cssText = "padding-top:10px";
		edit_main_td5.setAttribute("id", "columns");
	var edit_main_td5_1 = document.createElement('td');
		edit_main_td5_1.style.cssText = "padding-top:10px;  vertical-align:top ";
				
	var edit_main_td6 = document.createElement('td');
		edit_main_td6.style.cssText = "padding-top:10px";
	var edit_main_td6_1 = document.createElement('td');
		edit_main_td6_1.style.cssText = "padding-top:10px";
		
	var edit_main_td7 = document.createElement('td');
		edit_main_td7.style.cssText = "padding-top:10px";
	var edit_main_td7_1 = document.createElement('td');
		edit_main_td7_1.style.cssText = "padding-top:10px";
		  
	var edit_main_td8 = document.createElement('td');
		edit_main_td8.style.cssText = "padding-top:10px";
	
		  
	var el_label_label = document.createElement('label');
			        el_label_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_label_label.innerHTML = "Field label";
	
	var el_label_textarea = document.createElement('textarea');
                el_label_textarea.setAttribute("id", "edit_for_label");
                el_label_textarea.setAttribute("rows", "4");
                el_label_textarea.style.cssText = "width:200px;";
                el_label_textarea.setAttribute("onKeyUp", "change_label('"+i+"_element_labelform_id_temp', this.value)");
				el_label_textarea.innerHTML = w_field_label;
		
	var el_label_position_label = document.createElement('label');
			        el_label_position_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_label_position_label.innerHTML = "Field label position";
	
	var el_label_position1 = document.createElement('input');
                el_label_position1.setAttribute("id", "edit_for_label_position_top");
                el_label_position1.setAttribute("type", "radio");
                el_label_position1.setAttribute("value", "left");
                
                el_label_position1.setAttribute("name", "edit_for_label_position");
                el_label_position1.setAttribute("onchange", "label_left("+i+")");
		Left = document.createTextNode("Left");
		
	var el_label_position2 = document.createElement('input');
                el_label_position2.setAttribute("id", "edit_for_label_position_left");
                el_label_position2.setAttribute("type", "radio");
                el_label_position2.setAttribute("value", "top");
			
                el_label_position2.setAttribute("name", "edit_for_label_position");
                el_label_position2.setAttribute("onchange", "label_top("+i+")");
		Top = document.createTextNode("Top");
		
	if(w_field_label_pos=="top")
	
				el_label_position2.setAttribute("checked", "checked");
	else
				el_label_position1.setAttribute("checked", "checked");
				
	


var el_input_type_label = document.createElement('label');
	        el_input_type_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_input_type_label.innerHTML = "Input Type";
	
	var el_input_type = document.createElement('select');
                el_input_type.setAttribute("id", "edit_for_select_input_type");
                el_input_type.setAttribute("name", "edit_for_select_input_type");
               el_input_type.setAttribute("onchange", "change_input_type("+i+",this.value); refresh_matrix("+i+")");
                
	var el_input_type1 = document.createElement('option');
                el_input_type1.setAttribute("id", "edit_for_input_type_radio");
                el_input_type1.setAttribute("value", "radio");
Radio_Button = document.createTextNode("Radio Button");

    var el_input_type2 = document.createElement('option');
                el_input_type2.setAttribute("id", "edit_for_input_type_checkbox");
                el_input_type2.setAttribute("value", "checkbox");
Check_Box = document.createTextNode("Check Box");

    var el_input_type3 = document.createElement('option');
                el_input_type3.setAttribute("id", "edit_for_input_type_text");
                el_input_type3.setAttribute("value", "text");
Text_Box= document.createTextNode("Text Box");

    var el_input_type4 = document.createElement('option');
                el_input_type4.setAttribute("id", "edit_for_input_type_select");
                el_input_type4.setAttribute("value", "select");				
Drop_Down = document.createTextNode("Drop Down");              
	
	
	

		if(w_field_input_type=="radio")
				el_input_type1.setAttribute("selected", "selected");
	else
	{
	if(w_field_input_type=="checkbox")
				el_input_type2.setAttribute("selected", "selected");
				else{
				   if(w_field_input_type=="text")
				    el_input_type3.setAttribute("selected", "selected");
				else{
				if(w_field_input_type=="select")
				    el_input_type4.setAttribute("selected", "selected");
				
				}
				}
}


		
	var el_style_label = document.createElement('label');
	        el_style_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_style_label.innerHTML = "Class name";
	
	var el_style_textarea = document.createElement('input');
                el_style_textarea.setAttribute("id", "element_style");
		el_style_textarea.setAttribute("type", "text");
 		el_style_textarea.setAttribute("value", w_class);
                el_style_textarea.style.cssText = "width:200px;";
                el_style_textarea.setAttribute("onChange", "change_class(this.value,'"+i+"')");
				
				

	var el_required_label = document.createElement('label');
	        el_required_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_required_label.innerHTML = "Required";
	
	var el_required = document.createElement('input');
                el_required.setAttribute("id", "el_send");
                el_required.setAttribute("type", "checkbox");
                el_required.setAttribute("value", "yes");
                el_required.setAttribute("onclick", "set_required('"+i+"_required')");
	if(w_required=="yes")
			
                el_required.setAttribute("checked", "checked");
		

		
	
	var el_attr_label = document.createElement('label');
	                el_attr_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_attr_label.innerHTML = "Additional Attributes";
	var el_attr_add = document.createElement('img');
                el_attr_add.setAttribute("id", "el_choices_add");
           	el_attr_add.setAttribute("src", fmc_plugin_url+'/images/add.png');
            	el_attr_add.style.cssText = 'cursor:pointer; margin-left:68px';
            	el_attr_add.setAttribute("title", 'add');
                el_attr_add.setAttribute("onClick", "add_attr("+i+", 'type_matrix')");
	var el_attr_table = document.createElement('table');
                el_attr_table.setAttribute("id", 'attributes');
                el_attr_table.setAttribute("border", '0');
        	el_attr_table.style.cssText = 'margin-left:0px';
	var el_attr_tr_label = document.createElement('tr');
                el_attr_tr_label.setAttribute("idi", '0');
	var el_attr_td_name_label = document.createElement('th');
            	el_attr_td_name_label.style.cssText = 'width:100px';
	var el_attr_td_value_label = document.createElement('th');
            	el_attr_td_value_label.style.cssText = 'width:100px';
	var el_attr_td_X_label = document.createElement('th');
            	el_attr_td_X_label.style.cssText = 'width:10px';
	var el_attr_name_label = document.createElement('label');
	                el_attr_name_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 11px";
			el_attr_name_label.innerHTML = "Name";
			
	var el_attr_value_label = document.createElement('label');
	                el_attr_value_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 11px";
			el_attr_value_label.innerHTML = "Value";
			
	el_attr_table.appendChild(el_attr_tr_label);
	el_attr_tr_label.appendChild(el_attr_td_name_label);
	el_attr_tr_label.appendChild(el_attr_td_value_label);
	el_attr_tr_label.appendChild(el_attr_td_X_label);
	el_attr_td_name_label.appendChild(el_attr_name_label);
	el_attr_td_value_label.appendChild(el_attr_value_label);
	
	n=w_attr_name.length;
	for(j=1; j<=n; j++)
	{	
		var el_attr_tr = document.createElement('tr');
			el_attr_tr.setAttribute("id", "attr_row_"+j);
			el_attr_tr.setAttribute("idi", j);
		var el_attr_td_name = document.createElement('td');
			el_attr_td_name.style.cssText = 'width:100px';
		var el_attr_td_value = document.createElement('td');
			el_attr_td_value.style.cssText = 'width:100px';
		
		var el_attr_td_X = document.createElement('td');
		var el_attr_name = document.createElement('input');
	
			el_attr_name.setAttribute("type", "text");
	
			el_attr_name.style.cssText = "width:100px";
			el_attr_name.setAttribute("value", w_attr_name[j-1]);
			el_attr_name.setAttribute("id", "attr_name"+j);
			el_attr_name.setAttribute("onChange", "change_attribute_name("+i+", this, 'type_matrix')");
			
		var el_attr_value = document.createElement('input');
	
			el_attr_value.setAttribute("type", "text");	
			el_attr_value.style.cssText = "width:100px";
			el_attr_value.setAttribute("value", w_attr_value[j-1]);
			el_attr_value.setAttribute("id", "attr_value"+j);
			el_attr_value.setAttribute("onChange", "change_attribute_value("+i+", "+j+", 'type_matrix')");
	
		var el_attr_remove = document.createElement('img');
			el_attr_remove.setAttribute("id", "el_choices"+j+"_remove");
			el_attr_remove.setAttribute("src", fmc_plugin_url+'/images/delete.png');
			el_attr_remove.style.cssText = 'cursor:pointer; vertical-align:middle; margin:3px';
			el_attr_remove.setAttribute("align", 'top');
			el_attr_remove.setAttribute("onClick", "remove_attr("+j+", "+i+", 'type_matrix')");
		el_attr_table.appendChild(el_attr_tr);
		el_attr_tr.appendChild(el_attr_td_name);
		el_attr_tr.appendChild(el_attr_td_value);
		el_attr_tr.appendChild(el_attr_td_X);
		el_attr_td_name.appendChild(el_attr_name);
		el_attr_td_value.appendChild(el_attr_value);
		el_attr_td_X.appendChild(el_attr_remove);
		
	}

	var el_rows_label = document.createElement('label');
			        el_rows_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_rows_label.innerHTML = "Rows ";
	var el_rows_add = document.createElement('img');
                el_rows_add.setAttribute("id", "el_rows_add");
           		el_rows_add.setAttribute("src", fmc_plugin_url+'/images/add.png');
            	el_rows_add.style.cssText = 'cursor:pointer;';
            	el_rows_add.setAttribute("title", 'add');
                el_rows_add.setAttribute("onClick", "add_to_matrix('rows',  "+i+")");
				
	var el_columns_label = document.createElement('label');
			        el_columns_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_columns_label.innerHTML = "Columns ";
	var el_columns_add = document.createElement('img');
                el_columns_add.setAttribute("id", "el_columns_add");
           		el_columns_add.setAttribute("src", fmc_plugin_url+'/images/add.png');
            	el_columns_add.style.cssText = 'cursor:pointer;';
            	el_columns_add.setAttribute("title", 'add');
                el_columns_add.setAttribute("onClick", "add_to_matrix('columns',  "+i+")");			
	
	var t  = document.getElementById('edit_table');
	
	var br = document.createElement('br');
	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 br6 = document.createElement('br');
	
	edit_main_td1.appendChild(el_label_label);
	edit_main_td1_1.appendChild(el_label_textarea);

	edit_main_td2.appendChild(el_label_position_label);
	edit_main_td2_1.appendChild(el_label_position1);
	edit_main_td2_1.appendChild(Left);
	edit_main_td2_1.appendChild(br2);
	edit_main_td2_1.appendChild(el_label_position2);
	edit_main_td2_1.appendChild(Top);


	
    edit_main_td3.appendChild(el_input_type_label);
	
	el_input_type1.appendChild(Radio_Button);
	el_input_type2.appendChild(Check_Box);
	el_input_type3.appendChild(Text_Box);
	el_input_type4.appendChild(Drop_Down);
	
	el_input_type.appendChild(el_input_type1);
	el_input_type.appendChild(el_input_type2);
	el_input_type.appendChild(el_input_type3);
	el_input_type.appendChild(el_input_type4);
	
	edit_main_td3_1.appendChild(el_input_type);
	
	
	edit_main_td4.appendChild(el_rows_label);
	edit_main_td4_1.appendChild(el_rows_add);
	
	edit_main_td5.appendChild(el_columns_label);
	edit_main_td5_1.appendChild(el_columns_add);
	
	edit_main_td6.appendChild(el_required_label);
	edit_main_td6_1.appendChild(el_required);
	

	edit_main_td7.appendChild(el_style_label);
	edit_main_td7_1.appendChild(el_style_textarea);
	
	edit_main_td8.appendChild(el_attr_label);
	edit_main_td8.appendChild(el_attr_add);
	edit_main_td8.appendChild(br6);
	edit_main_td8.appendChild(el_attr_table);
	edit_main_td8.setAttribute("colspan", "2");
	

	
	n=w_rows.length;
	for(k=1; k<n; k++)
	{	
		var br = document.createElement('br');
			br.setAttribute("id", "brrows"+k);
			
		var el_rows = document.createElement('input');
			el_rows.setAttribute("id", "el_rows"+k);
			el_rows.setAttribute("type", "text");
			el_rows.setAttribute("value", w_rows[k]);
			el_rows.style.cssText =   "width:100px; margin:0; padding:0; border-width: 1px";
			el_rows.setAttribute("onKeyUp", "change_label('"+i+"_label_elementform_id_temp"+k+"_0', this.value); change_in_value('"+i+"_label_elementform_id_temp"+k+"_0', this.value)");
	
		var el_rows_remove = document.createElement('img');
			el_rows_remove.setAttribute("id", "el_rows"+k+"_remove");
			el_rows_remove.setAttribute("src", fmc_plugin_url+'/images/delete.png');		
			el_rows_remove.style.cssText = 'cursor:pointer; vertical-align:middle; margin:3px';
			el_rows_remove.setAttribute("align", 'top');
			el_rows_remove.setAttribute("onClick", "remove_rowcols("+k+","+i+",'rows')");
			
		edit_main_td4.appendChild(br);
		edit_main_td4.appendChild(el_rows);
		edit_main_td4.appendChild(el_rows_remove);
	
	}
	
	
	m=w_columns.length;
	for(k=1; k<m; k++)
	{	
		var br = document.createElement('br');
			br.setAttribute("id", "brcolumns"+k);
			
		var el_columns = document.createElement('input');
			el_columns.setAttribute("id", "el_columns"+k);
			el_columns.setAttribute("type", "text");
			el_columns.setAttribute("value", w_columns[k]);
			el_columns.style.cssText ="width:100px; margin:0; padding:0; border-width: 1px";
			el_columns.setAttribute("onKeyUp", "change_label('"+i+"_label_elementform_id_temp0_"+k+"', this.value); change_in_value('"+i+"_label_elementform_id_temp0_"+k+"', this.value)");
	
		var el_columns_remove = document.createElement('img');
			el_columns_remove.setAttribute("id", "el_columns"+k+"_remove");
			el_columns_remove.setAttribute("src", fmc_plugin_url+'/images/delete.png');		
			el_columns_remove.style.cssText = 'cursor:pointer; vertical-align:middle; margin:3px';
			el_columns_remove.setAttribute("align", 'top');
			el_columns_remove.setAttribute("onClick", "remove_rowcols("+k+","+i+",'columns')");
			
		edit_main_td5.appendChild(br);
		edit_main_td5.appendChild(el_columns);
		edit_main_td5.appendChild(el_columns_remove);
	
	}

	edit_main_tr1.appendChild(edit_main_td1);
	edit_main_tr1.appendChild(edit_main_td1_1);
	edit_main_tr2.appendChild(edit_main_td2);
	edit_main_tr2.appendChild(edit_main_td2_1);
	edit_main_tr3.appendChild(edit_main_td3);
    edit_main_tr3.appendChild(edit_main_td3_1);
	edit_main_tr4.appendChild(edit_main_td4);
	edit_main_tr4.appendChild(edit_main_td4_1);
	edit_main_tr5.appendChild(edit_main_td5);
	edit_main_tr5.appendChild(edit_main_td5_1);
	edit_main_tr6.appendChild(edit_main_td6);
	edit_main_tr6.appendChild(edit_main_td6_1);	
	edit_main_tr7.appendChild(edit_main_td7);
	edit_main_tr7.appendChild(edit_main_td7_1);
	edit_main_tr8.appendChild(edit_main_td8);
	
	
	edit_main_table.appendChild(edit_main_tr1);
	edit_main_table.appendChild(edit_main_tr2);
	edit_main_table.appendChild(edit_main_tr3);
	edit_main_table.appendChild(edit_main_tr4);
	edit_main_table.appendChild(edit_main_tr5);
	edit_main_table.appendChild(edit_main_tr6);
	edit_main_table.appendChild(edit_main_tr7);
	edit_main_table.appendChild(edit_main_tr8);
	
	edit_div.appendChild(edit_main_table);
	
	t.appendChild(edit_div);
	
//show table

	element='input';	type='matrix'; 
	var adding_type = document.createElement("input");
            adding_type.setAttribute("type", "hidden");
            adding_type.setAttribute("value", "type_matrix");
            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_input_type = document.createElement("input");
            adding_input_type.setAttribute("type", "hidden");
            adding_input_type.setAttribute("value", w_field_input_type);
            adding_input_type.setAttribute("name", i+"_input_typeform_id_temp");
            adding_input_type.setAttribute("id", i+"_input_typeform_id_temp");
	    
   var div = document.createElement('div');
       	div.setAttribute("id", "main_div");
//tbody sarqac
		
		
	var table = document.createElement('table');
		table.setAttribute("id", i+"_elemet_tableform_id_temp");
	    
	
    var tr = document.createElement('tr');
			
    var td1 = document.createElement('td');
         	td1.setAttribute("valign", 'top');
         	td1.setAttribute("align", 'left');
           	td1.setAttribute("id", i+"_label_sectionform_id_temp");
			
      	var td2 = document.createElement('td');
        	td2.setAttribute("valign", 'top');
         	td2.setAttribute("align", 'left');
           	td2.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');
	//	table_little -@ sarqaca tbody table_little darela table_little_t
	var table_little_t = document.createElement('table');
	    table_little_t.setAttribute("id", i+"_elementform_id_temp");
	 	//table_little_t.setAttribute("border", "1");

	
		
	var table_little = document.createElement('tbody');
           	table_little.setAttribute("id", i+"_table_little");
	
	
	table_little_t.appendChild(table_little);
	

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

	    
      	var required = document.createElement('span');
			required.setAttribute("id", i+"_required_elementform_id_temp");
			required.innerHTML = "";
			required.setAttribute("class", "required");
	if(w_required=="yes")
			required.innerHTML = " *";
	
      	var main_td  = document.getElementById('show_table');
	
      
      	td1.appendChild(label);
      	td1.appendChild(required);
        td2.appendChild(adding_type);
  
        td2.appendChild(adding_required);
	    td2.appendChild(adding_input_type);
      
		td2.appendChild(table_little_t);
      	tr.appendChild(td1);
      	tr.appendChild(td2);
      	table.appendChild(tr);
      

      	div.appendChild(table);
      	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_matrix');
refresh_matrix(i);
}

function change_input_type(id, value){
	document.getElementById(id+"_input_typeform_id_temp").value = value;
}

function type_paypal_shipping(i, w_field_label, w_field_label_pos, 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_type, w_property_values ){

	document.getElementById("element_type").value="type_paypal_shipping";

	delete_last_child();
// edit table	
	var edit_div  = document.createElement('div');
		edit_div.setAttribute("id", "edit_div");
		edit_div.setAttribute("style", "border-top:1px dotted black;padding:10px; padding:10px; padding-top:0px; padding-bottom:0px; margin-top:10px;");
		
	var edit_main_table  = document.createElement('table');
		edit_main_table.setAttribute("id", "edit_main_table");
		edit_main_table.setAttribute("cellpadding", "0");
		edit_main_table.setAttribute("cellspacing", "0");
		
	var edit_main_tr1  = document.createElement('tr');
      		edit_main_tr1.setAttribute("valing", "top");
		
	var edit_main_tr2  = document.createElement('tr');
      		edit_main_tr2.setAttribute("valing", "top");
		
	var edit_main_tr3  = document.createElement('tr');
      		edit_main_tr3.setAttribute("valing", "top");
		
	var edit_main_tr4  = document.createElement('tr');
      		edit_main_tr4.setAttribute("valing", "top");
		
	var edit_main_tr5  = document.createElement('tr');
      		edit_main_tr5.setAttribute("valing", "top");
			
	var edit_main_tr6  = document.createElement('tr');
      		edit_main_tr6.setAttribute("valing", "top");
			
	var edit_main_tr7  = document.createElement('tr');
      		edit_main_tr7.setAttribute("valing", "top");
			
	var edit_main_tr8  = document.createElement('tr');
      		edit_main_tr8.setAttribute("valing", "top");

	var edit_main_tr9  = document.createElement('tr');
      		edit_main_tr9.setAttribute("valing", "top");

	var edit_main_tr10  = document.createElement('tr');
      		edit_main_tr10.setAttribute("valing", "top");

	var edit_main_td1 = document.createElement('td');
		edit_main_td1.style.cssText = "padding-top:10px";	
	var edit_main_td1_1 = document.createElement('td');
		edit_main_td1_1.style.cssText = "padding-top:10px";		
	var edit_main_td2 = document.createElement('td');
		edit_main_td2.style.cssText = "padding-top:10px";
	var edit_main_td2_1 = document.createElement('td');
		edit_main_td2_1.style.cssText = "padding-top:10px";

	var edit_main_td3 = document.createElement('td');
		edit_main_td3.style.cssText = "padding-top:10px";
	var edit_main_td3_1 = document.createElement('td');
		edit_main_td3_1.style.cssText = "padding-top:10px";

	var edit_main_td4 = document.createElement('td');
		edit_main_td4.style.cssText = "padding-top:10px";
	var edit_main_td4_1 = document.createElement('td');
		edit_main_td4_1.style.cssText = "padding-top:10px";
		
		edit_main_td4.setAttribute("id", "choices");
		
		
	var edit_main_td10 = document.createElement('td');
		edit_main_td10.style.cssText = "padding-top:10px";
	var edit_main_td10_1 = document.createElement('td');
		edit_main_td10_1.style.cssText = "padding-top:10px";

	var edit_main_td5 = document.createElement('td');
		edit_main_td5.style.cssText = "padding-top:10px";
	var edit_main_td5_1 = document.createElement('td');
		edit_main_td5_1.style.cssText = "padding-top:10px";
				
	var edit_main_td6 = document.createElement('td');
		edit_main_td6.style.cssText = "padding-top:10px";
	var edit_main_td6_1 = document.createElement('td');
		edit_main_td6_1.style.cssText = "padding-top:10px";
		
	var edit_main_td7 = document.createElement('td');
		edit_main_td7.style.cssText = "padding-top:10px";
	var edit_main_td7_1 = document.createElement('td');
		edit_main_td7_1.style.cssText = "padding-top:10px";
		  
	var edit_main_td8 = document.createElement('td');
		edit_main_td8.style.cssText = "padding-top:10px";
	var edit_main_td8_1 = document.createElement('td');
		edit_main_td8_1.style.cssText = "padding-top:10px";
		  
	var edit_main_td9 = document.createElement('td');
		edit_main_td9.style.cssText = "padding-top:10px";
	var edit_main_td9_1 = document.createElement('td');
		edit_main_td9_1.style.cssText = "padding-top:10px";
		  
	var el_label_label = document.createElement('label');
			        el_label_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_label_label.innerHTML = "Field label";
	
	var el_label_textarea = document.createElement('textarea');
                el_label_textarea.setAttribute("id", "edit_for_label");
                el_label_textarea.setAttribute("rows", "4");
                el_label_textarea.style.cssText = "width:200px;";
                el_label_textarea.setAttribute("onKeyUp", "change_label('"+i+"_element_labelform_id_temp', this.value)");
				el_label_textarea.innerHTML = w_field_label;
		
	var el_label_position_label = document.createElement('label');
			        el_label_position_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_label_position_label.innerHTML = "Field label position";
	
	var el_label_position1 = document.createElement('input');
                el_label_position1.setAttribute("id", "edit_for_label_position_top");
                el_label_position1.setAttribute("type", "radio");
                el_label_position1.setAttribute("value", "left");
                

                el_label_position1.setAttribute("name", "edit_for_label_position");
                el_label_position1.setAttribute("onchange", "label_left("+i+")");
				el_label_position1.setAttribute("checked", "checked");
		Left = document.createTextNode("Left");
		
	var el_label_position2 = document.createElement('input');
                el_label_position2.setAttribute("id", "edit_for_label_position_left");
                el_label_position2.setAttribute("type", "radio");

                el_label_position2.setAttribute("value", "top");
	

                el_label_position2.setAttribute("name", "edit_for_label_position");
                el_label_position2.setAttribute("onchange", "label_top("+i+")");
		Top = document.createTextNode("Top");
		
	if(w_field_label_pos=="top")
	
				el_label_position2.setAttribute("checked", "checked");
	else
				el_label_position1.setAttribute("checked", "checked");
	
	var el_label_flow = document.createElement('label');
			        el_label_flow.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_label_flow.innerHTML = "Relative Position";

	var el_flow_vertical = document.createElement('input');
                el_flow_vertical.setAttribute("id", "edit_for_flow_vertical");
                el_flow_vertical.setAttribute("type", "radio");
                el_flow_vertical.setAttribute("value", "ver");
                el_flow_vertical.setAttribute("name", "edit_for_flow");
                el_flow_vertical.setAttribute("onchange", "flow_ver("+i+")");
		Vertical = document.createTextNode("Vertical");
		
	var el_flow_horizontal = document.createElement('input');
            el_flow_horizontal.setAttribute("id", "edit_for_flow_horizontal");
            el_flow_horizontal.setAttribute("type", "radio");
            el_flow_horizontal.setAttribute("value", "hor");
            el_flow_horizontal.setAttribute("name", "edit_for_flow");
            el_flow_horizontal.setAttribute("onchange", "flow_hor("+i+")");
		Horizontal = document.createTextNode("Horizontal");
		
	if(w_flow=="hor")
				el_flow_horizontal.setAttribute("checked", "checked");
	else
				el_flow_vertical.setAttribute("checked", "checked");
				
	var el_style_label = document.createElement('label');
	    el_style_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_style_label.innerHTML = "Class name";
	
	var el_style_textarea = document.createElement('input');
        el_style_textarea.setAttribute("id", "element_style");
		el_style_textarea.setAttribute("type", "text");
		el_style_textarea.setAttribute("value", w_class);
        el_style_textarea.style.cssText = "width:200px;";
        el_style_textarea.setAttribute("onChange", "change_class(this.value,'"+i+"')");
	
	var el_required_label = document.createElement('label');
	        el_required_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_required_label.innerHTML = "Required";
	
	var el_required = document.createElement('input');
                el_required.setAttribute("id", "el_send");
                el_required.setAttribute("type", "checkbox");
                el_required.setAttribute("value", "yes");
                el_required.setAttribute("onclick", "set_required('"+i+"_required')");
	if(w_required=="yes")
			
                el_required.setAttribute("checked", "checked");

				
	var el_randomize_label = document.createElement('label');
				el_randomize_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
				el_randomize_label.innerHTML = "Randomize in frontend";
	
	var el_randomize = document.createElement('input');
                el_randomize.setAttribute("id", "el_randomize");
                el_randomize.setAttribute("type", "checkbox");
                el_randomize.setAttribute("value", "yes");
                el_randomize.setAttribute("onclick", "set_randomize('"+i+"_randomizeform_id_temp')");
	if(w_randomize=="yes")
			    el_randomize.setAttribute("checked", "checked");

	var el_allow_other_label = document.createElement('label');
				el_allow_other_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
				el_allow_other_label.innerHTML = "Allow other";
	
	var el_allow_other = document.createElement('input');
                el_allow_other.setAttribute("id", "el_allow_other");
                el_allow_other.setAttribute("type", "checkbox");
                el_allow_other.setAttribute("value", "yes");
                el_allow_other.setAttribute("onclick", "set_allow_other('"+i+"','radio')");
	if(w_allow_other=="yes")
			    el_allow_other.setAttribute("checked", "checked");

	var el_product_option_label = document.createElement('label');
	    el_product_option_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px;";
		el_product_option_label.innerHTML = "Product properties";
	
	var el_product_option_add_a = document.createElement('a');
		// el_product_option_add_a.setAttribute("rel", "{handler: 'iframe', size: {x: 650, y: 375}}"	);
		// el_product_option_add_a.setAttribute("href","index.php?option=com_formmaker&task=product_option_fmc&field_id="+i+"&tmpl=component");
		// el_product_option_add_a.setAttribute("class","modal");
    el_product_option_add_a.setAttribute("href", url_for_ajax + "?action=product_option_fmc&field_id=" + i + "&url_for_ajax=" + url_for_ajax + "&width=600&height=400&TB_iframe=1");
		el_product_option_add_a.setAttribute("class","thickbox-preview");

	var el_product_option_add_img = document.createElement('img');
		el_product_option_add_img.setAttribute("src", fmc_plugin_url+'/images/add.png');
		
	var el_product_option_add_ul = document.createElement('ul');
		el_product_option_add_ul.setAttribute("id", 'option_ul');
		el_product_option_add_ul.style.cssText="list-style-type: none; padding:0px"
				
				
	el_product_option_add_a.appendChild(el_product_option_add_img);
	

	var el_attr_label = document.createElement('label');
	                el_attr_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_attr_label.innerHTML = "Additional Attributes";
	var el_attr_add = document.createElement('img');
                el_attr_add.setAttribute("id", "el_choices_add");
           	el_attr_add.setAttribute("src", fmc_plugin_url+'/images/add.png');
            	el_attr_add.style.cssText = 'cursor:pointer; margin-left:68px';
            	el_attr_add.setAttribute("title", 'add');
                el_attr_add.setAttribute("onClick", "add_attr("+i+", 'type_checkbox')");
	var el_attr_table = document.createElement('table');
                el_attr_table.setAttribute("id", 'attributes');
                el_attr_table.setAttribute("border", '0');
        	el_attr_table.style.cssText = 'margin-left:0px';
	var el_attr_tr_label = document.createElement('tr');
                el_attr_tr_label.setAttribute("idi", '0');
	var el_attr_td_name_label = document.createElement('th');
            	el_attr_td_name_label.style.cssText = 'width:100px';
	var el_attr_td_value_label = document.createElement('th');
            	el_attr_td_value_label.style.cssText = 'width:100px';
	var el_attr_td_X_label = document.createElement('th');
            	el_attr_td_X_label.style.cssText = 'width:10px';
	var el_attr_name_label = document.createElement('label');
	                el_attr_name_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 11px";
			el_attr_name_label.innerHTML = "Name";
			
	var el_attr_value_label = document.createElement('label');
	                el_attr_value_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 11px";
			el_attr_value_label.innerHTML = "Value";
			
	el_attr_table.appendChild(el_attr_tr_label);
	el_attr_tr_label.appendChild(el_attr_td_name_label);
	el_attr_tr_label.appendChild(el_attr_td_value_label);
	el_attr_tr_label.appendChild(el_attr_td_X_label);
	el_attr_td_name_label.appendChild(el_attr_name_label);
	el_attr_td_value_label.appendChild(el_attr_value_label);
	
	n=w_attr_name.length;
	for(j=1; j<=n; j++)
	{	
		var el_attr_tr = document.createElement('tr');
			el_attr_tr.setAttribute("id", "attr_row_"+j);
			el_attr_tr.setAttribute("idi", j);
		var el_attr_td_name = document.createElement('td');
			el_attr_td_name.style.cssText = 'width:100px';
		var el_attr_td_value = document.createElement('td');
			el_attr_td_value.style.cssText = 'width:100px';
		
		var el_attr_td_X = document.createElement('td');
		var el_attr_name = document.createElement('input');
	
			el_attr_name.setAttribute("type", "text");
	
			el_attr_name.style.cssText = "width:100px";
			el_attr_name.setAttribute("value", w_attr_name[j-1]);
			el_attr_name.setAttribute("id", "attr_name"+j);
			el_attr_name.setAttribute("onChange", "change_attribute_name("+i+", this, 'type_checkbox')");
			
		var el_attr_value = document.createElement('input');
	
			el_attr_value.setAttribute("type", "text");
			el_attr_value.style.cssText = "width:100px";
			el_attr_value.setAttribute("value", w_attr_value[j-1]);
			el_attr_value.setAttribute("id", "attr_value"+j);
			el_attr_value.setAttribute("onChange", "change_attribute_value("+i+", "+j+", 'type_checkbox')");
	
		var el_attr_remove = document.createElement('img');
			el_attr_remove.setAttribute("id", "el_choices"+j+"_remove");
			el_attr_remove.setAttribute("src", fmc_plugin_url+'/images/delete.png');
			el_attr_remove.style.cssText = 'cursor:pointer; vertical-align:middle; margin:3px';
			el_attr_remove.setAttribute("align", 'top');
			el_attr_remove.setAttribute("onClick", "remove_attr("+j+", "+i+", 'type_checkbox')");
		el_attr_table.appendChild(el_attr_tr);
		el_attr_tr.appendChild(el_attr_td_name);
		el_attr_tr.appendChild(el_attr_td_value);
		el_attr_tr.appendChild(el_attr_td_X);
		el_attr_td_name.appendChild(el_attr_name);
		el_attr_td_value.appendChild(el_attr_value);
		el_attr_td_X.appendChild(el_attr_remove);
		
	}

	var el_choices_label = document.createElement('label');
			        el_choices_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_choices_label.innerHTML = "Options ";

	
	var el_choices_add = document.createElement('img');
                el_choices_add.setAttribute("id", "el_choices_add");
           	el_choices_add.setAttribute("src", fmc_plugin_url+'/images/add.png');
            	el_choices_add.style.cssText = 'cursor:pointer;';
            	el_choices_add.setAttribute("title", 'add');
                el_choices_add.setAttribute("onClick", "add_choise_price('radio',"+i+")");
				
	var t  = document.getElementById('edit_table');
	
	var br = document.createElement('br');
	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 br6 = document.createElement('br');
	

	edit_main_td1.appendChild(el_label_label);
	edit_main_td1_1.appendChild(el_label_textarea);

	edit_main_td2.appendChild(el_label_position_label);
	edit_main_td2_1.appendChild(el_label_position1);
	edit_main_td2_1.appendChild(Left);
	edit_main_td2_1.appendChild(br2);
	edit_main_td2_1.appendChild(el_label_position2);
	edit_main_td2_1.appendChild(Top);
	
	edit_main_td3.appendChild(el_label_flow);
	edit_main_td3_1.appendChild(el_flow_vertical);
	edit_main_td3_1.appendChild(Vertical);
	edit_main_td3_1.appendChild(br4);
	edit_main_td3_1.appendChild(el_flow_horizontal);
	edit_main_td3_1.appendChild(Horizontal);

	edit_main_td6.appendChild(el_style_label);
	edit_main_td6_1.appendChild(el_style_textarea);
	
	edit_main_td5.appendChild(el_required_label);
	edit_main_td5_1.appendChild(el_required);
	
	edit_main_td8.appendChild(el_randomize_label);
	edit_main_td8_1.appendChild(el_randomize);
	
	edit_main_td9.appendChild(el_allow_other_label);
	edit_main_td9_1.appendChild(el_allow_other);
	
	edit_main_td10.appendChild(el_product_option_label);
	edit_main_td10.appendChild(el_product_option_add_ul);
	edit_main_td10_1.appendChild(el_product_option_add_a);
	
	edit_main_td7.appendChild(el_attr_label);
	edit_main_td7.appendChild(el_attr_add);
	edit_main_td7.appendChild(br6);
	edit_main_td7.appendChild(el_attr_table);
	edit_main_td7.setAttribute("colspan", "2");
	
	edit_main_td4.appendChild(el_choices_label);
	edit_main_td4_1.appendChild(el_choices_add);

			var div_ = document.createElement('div');
			div_.style.cssText = 'border-bottom:1px dotted black; width: 187px;';
		var br = document.createElement('br');
		
		var el_choices_mini_label = document.createElement('b');
			el_choices_mini_label.innerHTML="Shipping type";
			el_choices_mini_label.style.cssText='padding-right: 15px; padding-left: 15px; font-size:9px';
			
		var el_choices_price_mini_label = document.createElement('b');
			el_choices_price_mini_label.innerHTML="Price";
			el_choices_price_mini_label.style.cssText='padding-right: 15px; padding-left: 15px;  font-size:9px';
	
		var el_choices_remove_mini_label = document.createElement('b');
			el_choices_remove_mini_label.innerHTML="Empty value";
			el_choices_remove_mini_label.style.cssText='padding-right: 2px; padding-left: 2px; font-size:9px';
			
		var el_choices_dis_mini_label = document.createElement('b');
			el_choices_dis_mini_label.innerHTML="Delete";
			el_choices_dis_mini_label.style.cssText='padding-left: 2px; padding-right: 2px; font-size:9px';
			
		div_.appendChild(br);
		div_.appendChild(el_choices_mini_label);
		div_.appendChild(el_choices_price_mini_label);
		div_.appendChild(el_choices_dis_mini_label);
		edit_main_td4.appendChild(div_);


	n=w_choices.length;
	for(j=0; j<n; j++)
	{	
		var br = document.createElement('br');
			br.setAttribute("id", "br"+j);
			
		var el_choices = document.createElement('input');
			el_choices.setAttribute("id", "el_choices"+j);
			el_choices.setAttribute("type", "text");
			el_choices.setAttribute("value", w_choices[j]);
			el_choices.style.cssText =   "width:100px; margin:0; padding:0; border-width: 1px";
			el_choices.setAttribute("onKeyUp", "change_label('"+i+"_label_element"+j+"', this.value); change_label_1('"+i+"_elementlabel_form_id_temp"+j+"', this.value); ");
	
		var el_choices_price = document.createElement('input');
			el_choices_price.setAttribute("id", "el_option_price"+j);
			el_choices_price.setAttribute("type", "text");
			el_choices_price.setAttribute("value", w_choices_price[j]);
			el_choices_price.style.cssText =   "width:50px; margin:1px; padding:0; border-width: 1px";
		if(w_allow_other=="yes" && j==w_allow_other_num)
			el_choices_price.style.display = 'none';
			el_choices_price.setAttribute("onKeyUp", "change_value_price('"+i+"_elementform_id_temp"+j+"', this.value)");
			el_choices_price.setAttribute("onKeyPress", "return check_isnum_point(event)");

		var el_choices_remove = document.createElement('img');
			el_choices_remove.setAttribute("id", "el_choices"+j+"_remove");
			el_choices_remove.setAttribute("src", fmc_plugin_url+'/images/delete.png');
		if(w_allow_other=="yes" && j==w_allow_other_num)
			el_choices_remove.style.cssText = 'cursor:pointer; vertical-align:middle; margin:3px; display:none';
		else			
			el_choices_remove.style.cssText = 'cursor:pointer; vertical-align:middle; margin:3px';
			el_choices_remove.setAttribute("align", 'top');
			el_choices_remove.setAttribute("onClick", "remove_choise_price("+j+","+i+")");
			
		edit_main_td4.appendChild(br);
		edit_main_td4.appendChild(el_choices);
		edit_main_td4.appendChild(el_choices_price);
		edit_main_td4.appendChild(el_choices_remove);
	
	}


	edit_main_tr1.appendChild(edit_main_td1);
	edit_main_tr1.appendChild(edit_main_td1_1);
	edit_main_tr2.appendChild(edit_main_td2);
	edit_main_tr2.appendChild(edit_main_td2_1);
	edit_main_tr3.appendChild(edit_main_td3);
	edit_main_tr3.appendChild(edit_main_td3_1);
	
	edit_main_tr6.appendChild(edit_main_td6);
	edit_main_tr6.appendChild(edit_main_td6_1);
	edit_main_tr7.appendChild(edit_main_td7);
	edit_main_tr5.appendChild(edit_main_td5);
	edit_main_tr5.appendChild(edit_main_td5_1);
	edit_main_tr4.appendChild(edit_main_td4);
	edit_main_tr4.appendChild(edit_main_td4_1);
	edit_main_tr8.appendChild(edit_main_td8);
	edit_main_tr8.appendChild(edit_main_td8_1);
	edit_main_tr8.style.display="none";
	edit_main_tr9.appendChild(edit_main_td9);
	edit_main_tr9.appendChild(edit_main_td9_1);
	edit_main_tr9.style.display="none";
	edit_main_tr10.appendChild(edit_main_td10);
	edit_main_tr10.appendChild(edit_main_td10_1);
	edit_main_tr10.style.display="none";
	edit_main_table.appendChild(edit_main_tr1);
	edit_main_table.appendChild(edit_main_tr2);
	edit_main_table.appendChild(edit_main_tr3);
	edit_main_table.appendChild(edit_main_tr6);
	edit_main_table.appendChild(edit_main_tr5);
	edit_main_table.appendChild(edit_main_tr8);
	edit_main_table.appendChild(edit_main_tr9);
	edit_main_table.appendChild(edit_main_tr4);
	edit_main_table.appendChild(edit_main_tr10);
	edit_main_table.appendChild(edit_main_tr7);
	edit_div.appendChild(edit_main_table);
	
	t.appendChild(edit_div);
	
//show table

	element='input';	type='radio'; 
		var adding_type = document.createElement("input");
            adding_type.setAttribute("type", "hidden");
            adding_type.setAttribute("value", "type_paypal_shipping");
            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_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_allow_other= document.createElement("input");
            adding_allow_other.setAttribute("type", "hidden");
            adding_allow_other.setAttribute("value", w_allow_other);
            adding_allow_other.setAttribute("name", i+"_allow_otherform_id_temp");			
            adding_allow_other.setAttribute("id", i+"_allow_otherform_id_temp");
	    
     var div = document.createElement('div');
      	    div.setAttribute("id", "main_div");
			
	var table = document.createElement('table');
           	table.setAttribute("id", i+"_elemet_tableform_id_temp");
	
      	var tr = document.createElement('tr');
			
      	var td1 = document.createElement('td');
         	td1.setAttribute("valign", 'top');
         	td1.setAttribute("align", 'left');
           	td1.setAttribute("id", i+"_label_sectionform_id_temp");
			
      	var td2 = document.createElement('td');
        	td2.setAttribute("valign", 'top');
         	td2.setAttribute("align", 'left');
           	td2.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');
//tbody sarqac		
		var table_little_t = document.createElement('table');
			
		var table_little = document.createElement('tbody');
           	table_little.setAttribute("id", i+"_table_little");
			
		table_little_t.appendChild(table_little);
	
      	var tr_little1 = document.createElement('tr');
	        tr_little1.setAttribute("id", i+"_element_tr1");
		
      	var tr_little2 = document.createElement('tr');
 	        tr_little2.setAttribute("id", i+"_element_tr2");
			
      	var td_little1 = document.createElement('td');
         	td_little1.setAttribute("valign", 'top');
           	td_little1.setAttribute("id", i+"_td_little1");
			
      	var td_little2 = document.createElement('td');
        	td_little2.setAttribute("valign", 'top');
           	td_little2.setAttribute("id", i+"_td_little2");
			

	    
      	var label = document.createElement('span');
			label.setAttribute("id", i+"_element_labelform_id_temp");
			label.innerHTML = w_field_label;
			label.setAttribute("class", "label");
	    
      	var required = document.createElement('span');
			required.setAttribute("id", i+"_required_elementform_id_temp");
			required.innerHTML = "";
			required.setAttribute("class", "required");
	if(w_required=="yes")
			required.innerHTML = " *";
	n=w_choices.length;
	aaa=false;
	for(j=0; j<n; j++)
	{      	
		var tr_little = document.createElement('tr');
			tr_little.setAttribute("id", i+"_element_tr"+j);
				
		var td_little = document.createElement('td');
			td_little.setAttribute("valign", 'top');
			td_little.setAttribute("id", i+"_td_little"+j);
			td_little.setAttribute("idi", j);
	
		var adding = document.createElement(element);
				adding.setAttribute("type", type);
				adding.setAttribute("id", i+"_elementform_id_temp"+j);
				adding.setAttribute("name", i+"_elementform_id_temp");
				adding.setAttribute("value", w_choices_price[j]);
			if(w_allow_other=="yes" && j==w_allow_other_num)
			{
				adding.setAttribute("other", "1");
				adding.setAttribute("onclick", "set_default('"+i+"','"+j+"','form_id_temp'); show_other_input('"+i+"','form_id_temp');");
			}
			else
				adding.setAttribute("onclick", "set_default('"+i+"','"+j+"','form_id_temp')");
			
		if(w_choices_checked[j]=='1')
		{
			adding.setAttribute("checked", "checked");
		}		
				
				
		var label_adding = document.createElement('label');
				label_adding.setAttribute("id", i+"_label_element"+j);
				label_adding.setAttribute("class","ch_rad_label");
				label_adding.setAttribute("for",i+"_elementform_id_temp"+j);
				label_adding.innerHTML = w_choices[j];
				
		var adding_ch_label = document.createElement('input');
				adding_ch_label.setAttribute("type", "hidden");
				adding_ch_label.setAttribute("id", i+"_elementlabel_form_id_temp"+j);
				adding_ch_label.setAttribute("name", i+"_elementform_id_temp"+j+"_label");
				adding_ch_label.setAttribute("value", w_choices[j]);
				
				
		td_little.appendChild(adding);
		td_little.appendChild(label_adding);
		td_little.appendChild(adding_ch_label);
		tr_little.appendChild(td_little);
		table_little.appendChild(tr_little);
			
		if(w_choices_checked[j]=='1')
			if(w_allow_other=="yes" && j==w_allow_other_num)
				aaa=true;
	}			
	
		var div_ = document.createElement('div');
			div_.setAttribute("id", i+"_divform_id_temp");
	    
      	var main_td  = document.getElementById('show_table');
	
      
      	td1.appendChild(label);
      	td1.appendChild(required);
       	td2.appendChild(adding_type);
	
       	td2.appendChild(adding_required);
       	td2.appendChild(adding_randomize);
       	td2.appendChild(adding_allow_other);
		td2.appendChild(table_little_t);
  		td2.appendChild(div_);
    	tr.appendChild(td1);
      	tr.appendChild(td2);
      	table.appendChild(tr);
      
      	div.appendChild(table);
      	div.appendChild(br3);
      	main_td.appendChild(div);
	add_id_and_name(i, 'type_radio');

		if(w_field_label_pos=="top")
					label_top(i);
		
		if(w_flow=="hor")
				
				flow_hor(i);
/////////////////////////////////////////////////
// form_maker_open_in_popup(11);
change_class(w_class, i);
refresh_attr(i, 'type_checkbox');
if(aaa)
{
	show_other_input(i);
}

add_properties(i, w_property, w_property_values, w_property_type);
spider_popup();
}

function type_country(i, w_field_label, w_countries, w_field_label_pos, w_size, w_required, w_class, w_attr_name, w_attr_value) {

	document.getElementById("element_type").value="type_country";

	delete_last_child();
// edit table	
	var edit_div  = document.createElement('div');
		edit_div.setAttribute("id", "edit_div");
		edit_div.setAttribute("style", "border-top:1px dotted black;padding:10px;  padding-top:0px; padding-bottom:0px; margin-top:10px;");
		
	var edit_main_table  = document.createElement('table');
		edit_main_table.setAttribute("id", "edit_main_table");
		edit_main_table.setAttribute("cellpadding", "0");
		edit_main_table.setAttribute("cellspacing", "0");
		
	var edit_main_tr1  = document.createElement('tr');
      		edit_main_tr1.setAttribute("valing", "top");
		
	var edit_main_tr2  = document.createElement('tr');
      		edit_main_tr2.setAttribute("valing", "top");
		
	var edit_main_tr3  = document.createElement('tr');
      		edit_main_tr3.setAttribute("valing", "top");
		
	var edit_main_tr4  = document.createElement('tr');
      		edit_main_tr4.setAttribute("valing", "top");
		
	var edit_main_tr5  = document.createElement('tr');
      		edit_main_tr5.setAttribute("valing", "top");
			
	var edit_main_tr6  = document.createElement('tr');
      		edit_main_tr6.setAttribute("valing", "top");

	var edit_main_tr7  = document.createElement('tr');
      		edit_main_tr7.setAttribute("valing", "top");

	var edit_main_td1 = document.createElement('td');
		edit_main_td1.style.cssText = "padding-top:10px";	
	var edit_main_td1_1 = document.createElement('td');
		edit_main_td1_1.style.cssText = "padding-top:10px";		
	var edit_main_td2 = document.createElement('td');
		edit_main_td2.style.cssText = "padding-top:10px";
	var edit_main_td2_1 = document.createElement('td');
		edit_main_td2_1.style.cssText = "padding-top:10px";

	var edit_main_td3 = document.createElement('td');
		edit_main_td3.style.cssText = "padding-top:10px";
	var edit_main_td3_1 = document.createElement('td');
		edit_main_td3_1.style.cssText = "padding-top:10px";
	var edit_main_td4 = document.createElement('td');
		edit_main_td4.style.cssText = "padding-top:10px";
	var edit_main_td4_1 = document.createElement('td');
		edit_main_td4_1.style.cssText = "padding-top:10px";
		
	var edit_main_td5 = document.createElement('td');
		edit_main_td5.style.cssText = "padding-top:10px";
	var edit_main_td5_1 = document.createElement('td');
		edit_main_td5_1.style.cssText = "padding-top:10px";
				
	var edit_main_td6 = document.createElement('td');
		edit_main_td6.style.cssText = "padding-top:10px";
	var edit_main_td6_1 = document.createElement('td');
		edit_main_td6_1.style.cssText = "padding-top:10px";
		
	var edit_main_td7 = document.createElement('td');
		edit_main_td7.style.cssText = "padding-top:10px";
	var edit_main_td7_1 = document.createElement('td');
		edit_main_td7_1.style.cssText = "padding-top:10px";
		  
		  
	var el_label_label = document.createElement('label');
			        el_label_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_label_label.innerHTML = "Field label";
	
	var el_label_textarea = document.createElement('textarea');
                el_label_textarea.setAttribute("id", "edit_for_label");
                el_label_textarea.setAttribute("rows", "4");
                el_label_textarea.style.cssText = "width:200px;";
                el_label_textarea.setAttribute("onKeyUp", "change_label('"+i+"_element_labelform_id_temp', this.value)");
				el_label_textarea.innerHTML = w_field_label;
		
	var el_label_position_label = document.createElement('label');
			        el_label_position_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_label_position_label.innerHTML = "Field label position";
	
	var el_label_position1 = document.createElement('input');
                el_label_position1.setAttribute("id", "edit_for_label_position_top");
                el_label_position1.setAttribute("type", "radio");
                el_label_position1.setAttribute("value", "left");
                

                el_label_position1.setAttribute("name", "edit_for_label_position");
                el_label_position1.setAttribute("onchange", "label_left("+i+")");
		el_label_position1.setAttribute("checked", "checked");
		Left = document.createTextNode("Left");
		
	var el_label_position2 = document.createElement('input');
                el_label_position2.setAttribute("id", "edit_for_label_position_left");
                el_label_position2.setAttribute("type", "radio");
                el_label_position2.setAttribute("value", "top");
	


                el_label_position2.setAttribute("name", "edit_for_label_position");
                el_label_position2.setAttribute("onchange", "label_top("+i+")");
		Top = document.createTextNode("Top");
		
	if(w_field_label_pos=="top")
	
				el_label_position2.setAttribute("checked", "checked");
	else
				el_label_position1.setAttribute("checked", "checked");
	
	var el_size_label = document.createElement('label');
	        el_size_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_size_label.innerHTML = "Field size(px) ";
	var el_size = document.createElement('input');
		el_size.setAttribute("id", "edit_for_input_size");

		el_size.setAttribute("type", "text");
		el_size.setAttribute("value", w_size);
		
		el_size.setAttribute("name", "edit_for_size");
		el_size.setAttribute("onKeyPress", "return check_isnum(event)");
		el_size.setAttribute("onKeyUp", "change_w_style('"+i+"_elementform_id_temp', this.value)");
		
	var el_edit_list = document.createElement('a');
	  el_edit_list.style.cssText ="color:#00aeef; font-weight:bold; font-size: 11px; font-style:italic; cursor:pointer";
		el_edit_list.innerHTML = "Edit country list";
		el_edit_list.setAttribute("href", url_for_ajax + "?action=fromeditcountryinpopup_fmc&field_id="+i+"&width=600&height=400&TB_iframe=1");
		el_edit_list.setAttribute("class","thickbox-preview");
		
	var el_style_label = document.createElement('label');
	        el_style_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_style_label.innerHTML = "Class name";
	
	var el_style_textarea = document.createElement('input');
                el_style_textarea.setAttribute("id", "element_style");
		el_style_textarea.setAttribute("type", "text");
		el_style_textarea.setAttribute("value", w_class);
                el_style_textarea.style.cssText = "width:200px;";
                el_style_textarea.setAttribute("onChange", "change_class(this.value,'"+i+"')");
	var el_required_label = document.createElement('label');
	        el_required_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_required_label.innerHTML = "Required";
	
	var el_required = document.createElement('input');
                el_required.setAttribute("id", "el_send");
                el_required.setAttribute("type", "checkbox");
                el_required.setAttribute("value", "yes");
                el_required.setAttribute("onclick", "set_required('"+i+"_required')");
	if(w_required=="yes")
			
                el_required.setAttribute("checked", "checked");
	var el_attr_label = document.createElement('label');
	                el_attr_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_attr_label.innerHTML = "Additional Attributes";
	var el_attr_add = document.createElement('img');
                el_attr_add.setAttribute("id", "el_choices_add");
           	el_attr_add.setAttribute("src", fmc_plugin_url+'/images/add.png');
            	el_attr_add.style.cssText = 'cursor:pointer; margin-left:68px';
            	el_attr_add.setAttribute("title", 'add');
                el_attr_add.setAttribute("onClick", "add_attr("+i+", 'type_text')");
	var el_attr_table = document.createElement('table');
                el_attr_table.setAttribute("id", 'attributes');
                el_attr_table.setAttribute("border", '0');
        	el_attr_table.style.cssText = 'margin-left:0px';
	var el_attr_tr_label = document.createElement('tr');
                el_attr_tr_label.setAttribute("idi", '0');
	var el_attr_td_name_label = document.createElement('th');
            	el_attr_td_name_label.style.cssText = 'width:100px';
	var el_attr_td_value_label = document.createElement('th');
            	el_attr_td_value_label.style.cssText = 'width:100px';
	var el_attr_td_X_label = document.createElement('th');
            	el_attr_td_X_label.style.cssText = 'width:10px';
	var el_attr_name_label = document.createElement('label');
	                el_attr_name_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 11px";
			el_attr_name_label.innerHTML = "Name";
			
	var el_attr_value_label = document.createElement('label');
	                el_attr_value_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 11px";
			el_attr_value_label.innerHTML = "Value";
			
	el_attr_table.appendChild(el_attr_tr_label);
	el_attr_tr_label.appendChild(el_attr_td_name_label);
	el_attr_tr_label.appendChild(el_attr_td_value_label);
	el_attr_tr_label.appendChild(el_attr_td_X_label);
	el_attr_td_name_label.appendChild(el_attr_name_label);
	el_attr_td_value_label.appendChild(el_attr_value_label);
	
	n=w_attr_name.length;
	for(j=1; j<=n; j++)
	{	
		var el_attr_tr = document.createElement('tr');
			el_attr_tr.setAttribute("id", "attr_row_"+j);
			el_attr_tr.setAttribute("idi", j);
		var el_attr_td_name = document.createElement('td');
			el_attr_td_name.style.cssText = 'width:100px';
		var el_attr_td_value = document.createElement('td');
			el_attr_td_value.style.cssText = 'width:100px';
		
		var el_attr_td_X = document.createElement('td');
		var el_attr_name = document.createElement('input');
	
			el_attr_name.setAttribute("type", "text");
	
			el_attr_name.style.cssText = "width:100px";
			el_attr_name.setAttribute("value", w_attr_name[j-1]);
			el_attr_name.setAttribute("id", "attr_name"+j);
			el_attr_name.setAttribute("onChange", "change_attribute_name("+i+", this, 'type_text')");
			
		var el_attr_value = document.createElement('input');
	
			el_attr_value.setAttribute("type", "text");
	
			el_attr_value.style.cssText = "width:100px";
			el_attr_value.setAttribute("value", w_attr_value[j-1]);
			el_attr_value.setAttribute("id", "attr_value"+j);
			el_attr_value.setAttribute("onChange", "change_attribute_value("+i+", "+j+", 'type_text')");
	
		var el_attr_remove = document.createElement('img');
			el_attr_remove.setAttribute("id", "el_choices"+j+"_remove");
			el_attr_remove.setAttribute("src", fmc_plugin_url+'/images/delete.png');
			el_attr_remove.style.cssText = 'cursor:pointer; vertical-align:middle; margin:3px';
			el_attr_remove.setAttribute("align", 'top');
			el_attr_remove.setAttribute("onClick", "remove_attr("+j+", "+i+", 'type_text')");
		el_attr_table.appendChild(el_attr_tr);
		el_attr_tr.appendChild(el_attr_td_name);
		el_attr_tr.appendChild(el_attr_td_value);
		el_attr_tr.appendChild(el_attr_td_X);
		el_attr_td_name.appendChild(el_attr_name);
		el_attr_td_value.appendChild(el_attr_value);
		el_attr_td_X.appendChild(el_attr_remove);
		
	}

	var t  = document.getElementById('edit_table');
	
	var br = document.createElement('br');
	var br1 = document.createElement('br');
	var br2 = document.createElement('br');
	var br3 = document.createElement('br');
		br3.setAttribute("id", "br1");
	var br4 = document.createElement('br');
		br4.setAttribute("id", "br2");
	var br5 = document.createElement('br');
	var br6 = document.createElement('br');
	
	edit_main_td1.appendChild(el_label_label);
	edit_main_td1_1.appendChild(el_label_textarea);

	edit_main_td2.appendChild(el_label_position_label);
	edit_main_td2_1.appendChild(el_label_position1);
	edit_main_td2_1.appendChild(Left);
	edit_main_td2_1.appendChild(br2);
	edit_main_td2_1.appendChild(el_label_position2);
	edit_main_td2_1.appendChild(Top);
	
	edit_main_td3.appendChild(el_size_label);
	edit_main_td3_1.appendChild(el_size);
	
	edit_main_td4.appendChild(el_style_label);
	edit_main_td4_1.appendChild(el_style_textarea);
	edit_main_td5.appendChild(el_required_label);
	edit_main_td5_1.appendChild(el_required);
	edit_main_td6.appendChild(el_attr_label);
	edit_main_td6.appendChild(el_attr_add);
	edit_main_td6.appendChild(br3);
	edit_main_td6.appendChild(el_attr_table);
	edit_main_td6.setAttribute("colspan", "2");
	
	edit_main_td7.appendChild(el_edit_list);
	edit_main_td7.setAttribute("colspan", "2");
	
	edit_main_tr1.appendChild(edit_main_td1);
	edit_main_tr1.appendChild(edit_main_td1_1);
	edit_main_tr2.appendChild(edit_main_td2);
	edit_main_tr2.appendChild(edit_main_td2_1);
	edit_main_tr3.appendChild(edit_main_td3);
	edit_main_tr3.appendChild(edit_main_td3_1);
	edit_main_tr4.appendChild(edit_main_td4);
	edit_main_tr4.appendChild(edit_main_td4_1);
	edit_main_tr5.appendChild(edit_main_td5);
	edit_main_tr5.appendChild(edit_main_td5_1);
	edit_main_tr6.appendChild(edit_main_td6);
	edit_main_tr6.appendChild(edit_main_td6_1);
	edit_main_tr7.appendChild(edit_main_td7);
	edit_main_table.appendChild(edit_main_tr1);
	edit_main_table.appendChild(edit_main_tr2);
	edit_main_table.appendChild(edit_main_tr3);
	edit_main_table.appendChild(edit_main_tr7);
	edit_main_table.appendChild(edit_main_tr4);
	edit_main_table.appendChild(edit_main_tr5);
	edit_main_table.appendChild(edit_main_tr6);
	edit_div.appendChild(edit_main_table);
	
	t.appendChild(edit_div);
	add_id_and_name(i, 'type_text');
	
//show table
	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 table = document.createElement('table');
           	table.setAttribute("id", i+"_elemet_tableform_id_temp");
			
      	var tr = document.createElement('tr');
			
      	var td1 = document.createElement('td');
         	td1.setAttribute("valign", 'middle');
         	td1.setAttribute("align", 'left');
           	td1.setAttribute("id", i+"_label_sectionform_id_temp");
			
      	var td2 = document.createElement('td');
        	td2.setAttribute("valign", 'middle');
         	td2.setAttribute("align", 'left');
           	td2.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('table');
           	table_little.setAttribute("id", i+"_table_little");
			
      	var tr_little1 = document.createElement('tr');
	        tr_little1.setAttribute("id", i+"_element_tr1");
		
      	var tr_little2 = document.createElement('tr');
 	        tr_little2.setAttribute("id", i+"_element_tr2");
			
      	var td_little1 = document.createElement('td');
         	td_little1.setAttribute("valign", 'top');
           	td_little1.setAttribute("id", i+"_td_little1");
			
      	var td_little2 = document.createElement('td');
        	td_little2.setAttribute("valign", 'top');
           	td_little2.setAttribute("id", i+"_td_little2");
			

      	var label = document.createElement('span');
			label.setAttribute("id", i+"_element_labelform_id_temp");
			label.innerHTML = w_field_label;
			label.setAttribute("class", "label");
	    
      	var required = document.createElement('span');
			required.setAttribute("id", i+"_required_elementform_id_temp");
			required.innerHTML = "";
			required.setAttribute("class", "required");
	if(w_required=="yes")
			required.innerHTML = " *";
	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";
		
		
		for(r=0;r<w_countries.length;r++)
		{
		var option_ = document.createElement('option');
			option_.setAttribute("value", w_countries[r]);
			option_.innerHTML=w_countries[r];
		select_.appendChild(option_);
		}
      	var main_td  = document.getElementById('show_table');
	
      
      	td1.appendChild(label);
      	td1.appendChild(required);
	td2.appendChild(adding_type);
	
	td2.appendChild(adding_required);
      	td2.appendChild(select_);
      	tr.appendChild(td1);
      	tr.appendChild(td2);
      	table.appendChild(tr);
      
      	div.appendChild(table);
      	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');
  spider_popup();
}

function type_recaptcha(i,w_field_label, w_field_label_pos, w_public, w_private, w_theme, w_class, w_attr_name, w_attr_value){
    document.getElementById("element_type").value="type_recaptcha";

	delete_last_child();
// edit table	
	var edit_div  = document.createElement('div');
		edit_div.setAttribute("id", "edit_div");
		edit_div.setAttribute("style", "border-top:1px dotted black;padding:10px;  padding-top:0px; padding-bottom:0px; margin-top:10px;");
		
	var edit_main_table  = document.createElement('table');
		edit_main_table.setAttribute("id", "edit_main_table");
		edit_main_table.setAttribute("cellpadding", "0");
		edit_main_table.setAttribute("cellspacing", "0");
		
	var edit_main_tr1  = document.createElement('tr');
      		edit_main_tr1.setAttribute("valing", "top");
		
	var edit_main_tr2  = document.createElement('tr');
      		edit_main_tr2.setAttribute("valing", "top");
		
	var edit_main_tr3  = document.createElement('tr');
      		edit_main_tr3.setAttribute("valing", "top");
		
	var edit_main_tr4  = document.createElement('tr');
      		edit_main_tr4.setAttribute("valing", "top");
		
	var edit_main_tr5  = document.createElement('tr');
      		edit_main_tr5.setAttribute("valing", "top");
			
	var edit_main_tr6  = document.createElement('tr');
      		edit_main_tr6.setAttribute("valing", "top");

	var edit_main_tr7  = document.createElement('tr');
      		edit_main_tr7.setAttribute("valing", "top");

	var edit_main_tr8  = document.createElement('tr');
      		edit_main_tr8.setAttribute("valing", "top");

	var edit_main_td1 = document.createElement('td');
		edit_main_td1.style.cssText = "padding-top:10px";	
	var edit_main_td1_1 = document.createElement('td');
		edit_main_td1_1.style.cssText = "padding-top:10px";	
	var edit_main_td2 = document.createElement('td');
		edit_main_td2.style.cssText = "padding-top:10px";
	var edit_main_td2_1 = document.createElement('td');
		edit_main_td2_1.style.cssText = "padding-top:10px";

	var edit_main_td3 = document.createElement('td');
		edit_main_td3.style.cssText = "padding-top:10px";
	var edit_main_td3_1 = document.createElement('td');
		edit_main_td3_1.style.cssText = "padding-top:10px";
	var edit_main_td4 = document.createElement('td');
		edit_main_td4.style.cssText = "padding-top:10px";
	var edit_main_td4_1 = document.createElement('td');
		edit_main_td4_1.style.cssText = "padding-top:10px";
		
	var edit_main_td5 = document.createElement('td');
		edit_main_td5.style.cssText = "padding-top:10px";
	var edit_main_td5_1 = document.createElement('td');
		edit_main_td5_1.style.cssText = "padding-top:10px";
				
	var edit_main_td6 = document.createElement('td');
		edit_main_td6.style.cssText = "padding-top:10px";
	var edit_main_td6_1 = document.createElement('td');
		edit_main_td6_1.style.cssText = "padding-top:10px";
		  
	var edit_main_td7 = document.createElement('td');
		edit_main_td7.style.cssText = "padding-top:10px";
	var edit_main_td7_1 = document.createElement('td');
		edit_main_td7_1.style.cssText = "padding-top:10px";
		  
	var edit_main_td8 = document.createElement('td');
		edit_main_td8.style.cssText = "padding-top:10px";
	var edit_main_td8_1 = document.createElement('td');
		edit_main_td8_1.style.cssText = "padding-top:10px";
		  
	var el_label_label = document.createElement('label');
	    el_label_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_label_label.innerHTML = "Field label";
	
	var el_label_textarea = document.createElement('textarea');
                el_label_textarea.setAttribute("id", "edit_for_label");
                el_label_textarea.setAttribute("rows", "4");
                el_label_textarea.style.cssText = "width:200px";
                el_label_textarea.setAttribute("onKeyUp", "change_label('"+i+"_element_labelform_id_temp', this.value)");
		el_label_textarea.innerHTML = w_field_label;
		
	var el_label_position_label = document.createElement('label');
	        el_label_position_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_label_position_label.innerHTML = "Field label position";
	
	var el_label_position1 = document.createElement('input');
                el_label_position1.setAttribute("id", "edit_for_label_position_top");
                el_label_position1.setAttribute("type", "radio");
                el_label_position1.setAttribute("value", "left");
                
		el_label_position1.setAttribute("name", "edit_for_label_position");
                el_label_position1.setAttribute("onchange", "label_left("+i+")");
	Left = document.createTextNode("Left");
		
	var el_label_position2 = document.createElement('input');
                el_label_position2.setAttribute("id", "edit_for_label_position_left");
                el_label_position2.setAttribute("type", "radio");
                el_label_position2.setAttribute("value", "top");
		
                el_label_position2.setAttribute("name", "edit_for_label_position");
                el_label_position2.setAttribute("onchange", "label_top("+i+")");
	Top = document.createTextNode("Top");
		
	if(w_field_label_pos=="top")
				el_label_position2.setAttribute("checked", "checked");
	else
				el_label_position1.setAttribute("checked", "checked");

	var el_style_label = document.createElement('label');
	    el_style_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_style_label.innerHTML = "Class name";
	
	var el_style_textarea = document.createElement('input');
        el_style_textarea.setAttribute("id", "element_style");
		el_style_textarea.setAttribute("type", "text");
		el_style_textarea.setAttribute("value", w_class);
        el_style_textarea.style.cssText = "width:200px;";
        el_style_textarea.setAttribute("onChange", "change_class(this.value,'"+i+"')");

	var el_public_label = document.createElement('label');
	    el_public_label.style.cssText ="color:#BA0D0D; font-weight:bold; font-size: 13px;text-decoration:underline";
		el_public_label.innerHTML = "Public key";
	
	var el_public_textarea = document.createElement('input');
        el_public_textarea.setAttribute("id", "public_key");
		el_public_textarea.setAttribute("type", "text");
		el_public_textarea.setAttribute("value", w_public);
        el_public_textarea.style.cssText = "width:200px;";
        el_public_textarea.setAttribute("onChange", "change_key(this.value, 'public_key')");


	var el_private_label = document.createElement('label');
	    el_private_label.style.cssText ="color:#BA0D0D; font-weight:bold; font-size: 13px; text-decoration:underline";
		el_private_label.innerHTML = "Private key";
	
	var el_private_textarea = document.createElement('input');
        el_private_textarea.setAttribute("id", "private_key");
		el_private_textarea.setAttribute("type", "text");
		el_private_textarea.setAttribute("value", w_private);
        el_private_textarea.style.cssText = "width:200px;";
        el_private_textarea.setAttribute("onChange", "change_key(this.value, 'private_key')");


	var el_theme_label = document.createElement('label');
	    el_theme_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_theme_label.innerHTML = "Recaptcha Theme";
	
	var el_theme_select = document.createElement('select');
        el_theme_select.style.cssText = "width:100px;";
        el_theme_select.setAttribute("onChange", "change_key(this.value, 'theme')");
		
	var el_theme_option1 = document.createElement('option');
		el_theme_option1.value="red";
		el_theme_option1.innerHTML="Red";
		
	var el_theme_option2= document.createElement('option');
		el_theme_option2.value="white";
		el_theme_option2.innerHTML="White";
		
	var el_theme_option3= document.createElement('option');
		el_theme_option3.value="blackglass";
		el_theme_option3.innerHTML="Blackglass";
	
	var el_theme_option4= document.createElement('option');
		el_theme_option4.value="clean";
		el_theme_option4.innerHTML="Clean";
	
	el_theme_select.appendChild(el_theme_option1);
	el_theme_select.appendChild(el_theme_option2);
	el_theme_select.appendChild(el_theme_option3);
	el_theme_select.appendChild(el_theme_option4);
	
	el_theme_select.value=w_theme;
	
		
		
		

	var el_attr_label = document.createElement('label');
	                el_attr_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_attr_label.innerHTML = "Additional Attributes";
	var el_attr_add = document.createElement('img');
                el_attr_add.setAttribute("id", "el_choices_add");
           	el_attr_add.setAttribute("src", fmc_plugin_url+'/images/add.png');
            	el_attr_add.style.cssText = 'cursor:pointer; margin-left:68px';
            	el_attr_add.setAttribute("title", 'add');
                el_attr_add.setAttribute("onClick", "add_attr("+i+", 'type_recaptcha')");
	var el_attr_table = document.createElement('table');
                el_attr_table.setAttribute("id", 'attributes');
                el_attr_table.setAttribute("border", '0');
        	el_attr_table.style.cssText = 'margin-left:0px';
	var el_attr_tr_label = document.createElement('tr');
                el_attr_tr_label.setAttribute("idi", '0');
	var el_attr_td_name_label = document.createElement('th');
            	el_attr_td_name_label.style.cssText = 'width:100px';
	var el_attr_td_value_label = document.createElement('th');
            	el_attr_td_value_label.style.cssText = 'width:100px';
	var el_attr_td_X_label = document.createElement('th');
            	el_attr_td_X_label.style.cssText = 'width:10px';
	var el_attr_name_label = document.createElement('label');
	                el_attr_name_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 11px";
			el_attr_name_label.innerHTML = "Name";
			
	var el_attr_value_label = document.createElement('label');
	                el_attr_value_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 11px";
			el_attr_value_label.innerHTML = "Value";
			
	el_attr_table.appendChild(el_attr_tr_label);
	el_attr_tr_label.appendChild(el_attr_td_name_label);
	el_attr_tr_label.appendChild(el_attr_td_value_label);
	el_attr_tr_label.appendChild(el_attr_td_X_label);
	el_attr_td_name_label.appendChild(el_attr_name_label);
	el_attr_td_value_label.appendChild(el_attr_value_label);
	
	n=w_attr_name.length;
	for(j=1; j<=n; j++)
	{	
		var el_attr_tr = document.createElement('tr');
			el_attr_tr.setAttribute("id", "attr_row_"+j);
			el_attr_tr.setAttribute("idi", j);
		var el_attr_td_name = document.createElement('td');
			el_attr_td_name.style.cssText = 'width:100px';
		var el_attr_td_value = document.createElement('td');
			el_attr_td_value.style.cssText = 'width:100px';
		
		var el_attr_td_X = document.createElement('td');
		var el_attr_name = document.createElement('input');
	
			el_attr_name.setAttribute("type", "text");
	
			el_attr_name.style.cssText = "width:100px";
			el_attr_name.setAttribute("value", w_attr_name[j-1]);
			el_attr_name.setAttribute("id", "attr_name"+j);
			el_attr_name.setAttribute("onChange", "change_attribute_name("+i+", this, 'type_recaptcha')");
			
		var el_attr_value = document.createElement('input');
	
			el_attr_value.setAttribute("type", "text");
	
			el_attr_value.style.cssText = "width:100px";
			el_attr_value.setAttribute("value", w_attr_value[j-1]);
			el_attr_value.setAttribute("id", "attr_value"+j);
			el_attr_value.setAttribute("onChange", "change_attribute_value("+i+", "+j+", 'type_recaptcha')");
	
		var el_attr_remove = document.createElement('img');
			el_attr_remove.setAttribute("id", "el_choices"+j+"_remove");
			el_attr_remove.setAttribute("src", fmc_plugin_url+'/images/delete.png');
			el_attr_remove.style.cssText = 'cursor:pointer; vertical-align:middle; margin:3px';
			el_attr_remove.setAttribute("align", 'top');
			el_attr_remove.setAttribute("onClick", "remove_attr("+j+", "+i+", 'type_recaptcha')");
		el_attr_table.appendChild(el_attr_tr);
		el_attr_tr.appendChild(el_attr_td_name);
		el_attr_tr.appendChild(el_attr_td_value);
		el_attr_tr.appendChild(el_attr_td_X);
		el_attr_td_name.appendChild(el_attr_name);
		el_attr_td_value.appendChild(el_attr_value);
		el_attr_td_X.appendChild(el_attr_remove);
		
	}
		
	var t  = document.getElementById('edit_table');
	
	var br = document.createElement('br');
	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 br6 = document.createElement('br');
	
	edit_main_td1.appendChild(el_label_label);
	edit_main_td1_1.appendChild(el_label_textarea);

	edit_main_td2.appendChild(el_label_position_label);
	edit_main_td2_1.appendChild(el_label_position1);
	edit_main_td2_1.appendChild(Left);
	edit_main_td2_1.appendChild(br2);
	edit_main_td2_1.appendChild(el_label_position2);
	edit_main_td2_1.appendChild(Top);
	
	edit_main_td4.appendChild(el_style_label);
	edit_main_td4_1.appendChild(el_style_textarea);
	
	edit_main_td6.appendChild(el_public_label);
	edit_main_td6_1.appendChild(el_public_textarea);
	
	edit_main_td7.appendChild(el_private_label);
	edit_main_td7_1.appendChild(el_private_textarea);
	
	edit_main_td8.appendChild(el_theme_label);
	edit_main_td8_1.appendChild(el_theme_select);
	
	edit_main_td5.appendChild(el_attr_label);
	edit_main_td5.appendChild(el_attr_add);
	edit_main_td5.appendChild(br3);
	edit_main_td5.appendChild(el_attr_table);
	edit_main_td5.setAttribute("colspan", "2");

	/*edit_main_td4.appendChild(el_first_value_label);
	edit_main_td4.appendChild(br3);
	edit_main_td4.appendChild(el_first_value_input);*/
	
/*	edit_main_td5.appendChild(el_guidelines_label);
	edit_main_td5.appendChild(br4);
	edit_main_td5.appendChild(el_guidelines_textarea);
*/	
	edit_main_tr1.appendChild(edit_main_td1);
	edit_main_tr1.appendChild(edit_main_td1_1);
	edit_main_tr2.appendChild(edit_main_td2);
	edit_main_tr2.appendChild(edit_main_td2_1);
	edit_main_tr3.appendChild(edit_main_td3);
	edit_main_tr3.appendChild(edit_main_td3_1);
	edit_main_tr4.appendChild(edit_main_td4);
	edit_main_tr4.appendChild(edit_main_td4_1);
	edit_main_tr5.appendChild(edit_main_td5);
	edit_main_tr5.appendChild(edit_main_td5_1);
	edit_main_tr6.appendChild(edit_main_td6);
	edit_main_tr6.appendChild(edit_main_td6_1);
	edit_main_tr7.appendChild(edit_main_td7);
	edit_main_tr7.appendChild(edit_main_td7_1);
	edit_main_tr8.appendChild(edit_main_td8);
	edit_main_tr8.appendChild(edit_main_td8_1);
	edit_main_table.appendChild(edit_main_tr1);
	edit_main_table.appendChild(edit_main_tr2);
//	edit_main_table.appendChild(edit_main_tr3);
	edit_main_table.appendChild(edit_main_tr6);
	edit_main_table.appendChild(edit_main_tr7);
	edit_main_table.appendChild(edit_main_tr8);
	edit_main_table.appendChild(edit_main_tr4);
	edit_main_table.appendChild(edit_main_tr5);
	edit_div.appendChild(edit_main_table);
	
	t.appendChild(edit_div);
	add_id_and_name(i, 'type_text');
	
//show table

	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 = document.createElement('div');
      	    adding.setAttribute("id", "wd_recaptchaform_id_temp");
      	    adding.setAttribute("public_key", w_public);
      	    adding.setAttribute("private_key", w_private);
      	    adding.setAttribute("theme", w_theme);
			
		var adding_text = document.createElement('span');
			adding_text.style.color="red";
			adding_text.style.fontStyle="italic";
			adding_text.innerHTML="Recaptcha doesn't display in back end";
			
		adding.appendChild(adding_text);
		
		var div = document.createElement('div');
      	    div.setAttribute("id", "main_div");
					
      	var table = document.createElement('table');
           	table.setAttribute("id", i+"_elemet_tableform_id_temp");
			
      	var tr = document.createElement('tr');
			
      	var td1 = document.createElement('td');
         	td1.setAttribute("valign", 'top');
         	td1.setAttribute("align", 'left');
           	td1.setAttribute("id", i+"_label_sectionform_id_temp");
			
      	var td2 = document.createElement('td');
        	td2.setAttribute("valign", 'top');
         	td2.setAttribute("align", 'left');
           	td2.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 label = document.createElement('span');
			label.setAttribute("id", i+"_element_labelform_id_temp");
			label.innerHTML = w_field_label;
			label.setAttribute("class", "label");
	    
      	var main_td  = document.getElementById('show_table');
      
      	td1.appendChild(label);
      	td2.appendChild(adding_type);
      	td2.appendChild(adding);
      	tr.appendChild(td1);
      	tr.appendChild(td2);
      	table.appendChild(tr);
      
      	div.appendChild(table);
      	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_recaptcha');
}

function type_captcha(i,w_field_label, w_field_label_pos, w_digit, w_class, w_attr_name, w_attr_value){
    document.getElementById("element_type").value="type_captcha";

	delete_last_child();
// edit table	
	var edit_div  = document.createElement('div');
		edit_div.setAttribute("id", "edit_div");
		edit_div.setAttribute("style", "border-top:1px dotted black;padding:10px;  padding-top:0px; padding-bottom:0px; margin-top:10px;");
		
	var edit_main_table  = document.createElement('table');
		edit_main_table.setAttribute("id", "edit_main_table");
		edit_main_table.setAttribute("cellpadding", "0");
		edit_main_table.setAttribute("cellspacing", "0");
		
	var edit_main_tr1  = document.createElement('tr');
      	edit_main_tr1.setAttribute("valing", "top");
		
	var edit_main_tr2  = document.createElement('tr');
      		edit_main_tr2.setAttribute("valing", "top");
		
	var edit_main_tr3  = document.createElement('tr');
      		edit_main_tr3.setAttribute("valing", "top");
		
	var edit_main_tr4  = document.createElement('tr');
      		edit_main_tr4.setAttribute("valing", "top");
		
	var edit_main_tr5  = document.createElement('tr');
      		edit_main_tr5.setAttribute("valing", "top");
			
	var edit_main_tr6  = document.createElement('tr');
      		edit_main_tr6.setAttribute("valing", "top");

	var edit_main_td1 = document.createElement('td');
		edit_main_td1.style.cssText = "padding-top:10px";	
	var edit_main_td1_1 = document.createElement('td');
		edit_main_td1_1.style.cssText = "padding-top:10px";	
	var edit_main_td2 = document.createElement('td');
		edit_main_td2.style.cssText = "padding-top:10px";
	var edit_main_td2_1 = document.createElement('td');
		edit_main_td2_1.style.cssText = "padding-top:10px";

	var edit_main_td3 = document.createElement('td');
		edit_main_td3.style.cssText = "padding-top:10px";
	var edit_main_td3_1 = document.createElement('td');
		edit_main_td3_1.style.cssText = "padding-top:10px";
	var edit_main_td4 = document.createElement('td');
		edit_main_td4.style.cssText = "padding-top:10px";
	var edit_main_td4_1 = document.createElement('td');
		edit_main_td4_1.style.cssText = "padding-top:10px";
		
	var edit_main_td5 = document.createElement('td');
		edit_main_td5.style.cssText = "padding-top:10px";
	var edit_main_td5_1 = document.createElement('td');
		edit_main_td5_1.style.cssText = "padding-top:10px";
				
	var edit_main_td6 = document.createElement('td');
		edit_main_td6.style.cssText = "padding-top:10px";
	var edit_main_td6_1 = document.createElement('td');
		edit_main_td6_1.style.cssText = "padding-top:10px";
		  
	var el_label_label = document.createElement('label');
	    el_label_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_label_label.innerHTML = "Field label";
	
	var el_label_textarea = document.createElement('textarea');
        el_label_textarea.setAttribute("id", "edit_for_label");
        el_label_textarea.setAttribute("rows", "4");
        el_label_textarea.style.cssText = "width:200px";
        el_label_textarea.setAttribute("onKeyUp", "change_label('"+i+"_element_labelform_id_temp', this.value)");
		el_label_textarea.innerHTML = w_field_label;
		
	var el_label_position_label = document.createElement('label');
	    el_label_position_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_label_position_label.innerHTML = "Field label position";
	
	var el_label_position1 = document.createElement('input');
        el_label_position1.setAttribute("id", "edit_for_label_position_top");
        el_label_position1.setAttribute("type", "radio");
        el_label_position1.setAttribute("value", "left");
        
		el_label_position1.setAttribute("name", "edit_for_label_position");
        el_label_position1.setAttribute("onchange", "label_left("+i+")");
		
	Left = document.createTextNode("Left");
		
	var el_label_position2 = document.createElement('input');
        el_label_position2.setAttribute("id", "edit_for_label_position_left");
        el_label_position2.setAttribute("type", "radio");
        el_label_position2.setAttribute("value", "top");
		
        el_label_position2.setAttribute("name", "edit_for_label_position");
        el_label_position2.setAttribute("onchange", "label_top("+i+")");
	Top = document.createTextNode("Top");
		
	if(w_field_label_pos=="top")
		el_label_position2.setAttribute("checked", "checked");
	else
		el_label_position1.setAttribute("checked", "checked");

	var el_size_label = document.createElement('label');
	    el_size_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_size_label.innerHTML = "Captcha size";
	
	var el_captcha_digit = document.createElement('input');
        el_captcha_digit.setAttribute("id", "captcha_digit");
        el_captcha_digit.setAttribute("type", "text");
        el_captcha_digit.setAttribute("value", w_digit);
		el_captcha_digit.setAttribute("name", "captcha_digit");
 		el_captcha_digit.setAttribute("onKeyPress", "return check_isnum_3_10(event)");
        el_captcha_digit.setAttribute("onKeyUp", "change_captcha_digit(this.value, '"+i+"')");
	    el_captcha_digit.style.cssText ="margin-right:18px";

	Digits = document.createTextNode("Digits (3 - 9)");
	
	var el_style_label = document.createElement('label');
	    el_style_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_style_label.innerHTML = "Class name";
	
	var el_style_textarea = document.createElement('input');
        el_style_textarea.setAttribute("id", "element_style");
		el_style_textarea.setAttribute("type", "text");
		el_style_textarea.setAttribute("value", w_class);
        el_style_textarea.style.cssText = "width:200px;";
        el_style_textarea.setAttribute("onChange", "change_class(this.value,'"+i+"')");

	var el_attr_label = document.createElement('label');
	    el_attr_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_attr_label.innerHTML = "Additional Attributes";
		
	var el_attr_add = document.createElement('img');
        el_attr_add.setAttribute("id", "el_choices_add");
        el_attr_add.setAttribute("src", fmc_plugin_url+'/images/add.png');
        el_attr_add.style.cssText = 'cursor:pointer; margin-left:68px';
        el_attr_add.setAttribute("title", 'add');
        el_attr_add.setAttribute("onClick", "add_attr("+i+", 'type_captcha')");
		
	var el_attr_table = document.createElement('table');
        el_attr_table.setAttribute("id", 'attributes');
        el_attr_table.setAttribute("border", '0');
        el_attr_table.style.cssText = 'margin-left:0px';
		
	var el_attr_tr_label = document.createElement('tr');
        el_attr_tr_label.setAttribute("idi", '0');
		
	var el_attr_td_name_label = document.createElement('th');
        el_attr_td_name_label.style.cssText = 'width:100px';
		
	var el_attr_td_value_label = document.createElement('th');
        el_attr_td_value_label.style.cssText = 'width:100px';
		
	var el_attr_td_X_label = document.createElement('th');
        el_attr_td_X_label.style.cssText = 'width:10px';
		
	var el_attr_name_label = document.createElement('label');
	    el_attr_name_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 11px";
		el_attr_name_label.innerHTML = "Name";
			
	var el_attr_value_label = document.createElement('label');
	    el_attr_value_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 11px";
		el_attr_value_label.innerHTML = "Value";
			
	el_attr_table.appendChild(el_attr_tr_label);
	el_attr_tr_label.appendChild(el_attr_td_name_label);
	el_attr_tr_label.appendChild(el_attr_td_value_label);
	el_attr_tr_label.appendChild(el_attr_td_X_label);
	el_attr_td_name_label.appendChild(el_attr_name_label);
	el_attr_td_value_label.appendChild(el_attr_value_label);
	
	n=w_attr_name.length;
	for(j=1; j<=n; j++)
	{	
		var el_attr_tr = document.createElement('tr');
			el_attr_tr.setAttribute("id", "attr_row_"+j);
			el_attr_tr.setAttribute("idi", j);
		var el_attr_td_name = document.createElement('td');
			el_attr_td_name.style.cssText = 'width:100px';
		var el_attr_td_value = document.createElement('td');
			el_attr_td_value.style.cssText = 'width:100px';
		
		var el_attr_td_X = document.createElement('td');
		var el_attr_name = document.createElement('input');
	
			el_attr_name.setAttribute("type", "text");
	
			el_attr_name.style.cssText = "width:100px";
			el_attr_name.setAttribute("value", w_attr_name[j-1]);
			el_attr_name.setAttribute("id", "attr_name"+j);
			el_attr_name.setAttribute("onChange", "change_attribute_name("+i+", this, 'type_captcha')");
			
		var el_attr_value = document.createElement('input');
	
			el_attr_value.setAttribute("type", "text");
	
			el_attr_value.style.cssText = "width:100px";
			el_attr_value.setAttribute("value", w_attr_value[j-1]);
			el_attr_value.setAttribute("id", "attr_value"+j);
			el_attr_value.setAttribute("onChange", "change_attribute_value("+i+", "+j+", 'type_captcha')");
	
		var el_attr_remove = document.createElement('img');
			el_attr_remove.setAttribute("id", "el_choices"+j+"_remove");
			el_attr_remove.setAttribute("src", fmc_plugin_url+'/images/delete.png');
			el_attr_remove.style.cssText = 'cursor:pointer; vertical-align:middle; margin:3px';
			el_attr_remove.setAttribute("align", 'top');
			el_attr_remove.setAttribute("onClick", "remove_attr("+j+", "+i+", 'type_captcha')");
		el_attr_table.appendChild(el_attr_tr);
		el_attr_tr.appendChild(el_attr_td_name);
		el_attr_tr.appendChild(el_attr_td_value);
		el_attr_tr.appendChild(el_attr_td_X);
		el_attr_td_name.appendChild(el_attr_name);
		el_attr_td_value.appendChild(el_attr_value);
		el_attr_td_X.appendChild(el_attr_remove);
		
	}
		
	var t  = document.getElementById('edit_table');
	
	var br = document.createElement('br');
	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 br6 = document.createElement('br');
	
	edit_main_td1.appendChild(el_label_label);
	edit_main_td1_1.appendChild(el_label_textarea);

	edit_main_td2.appendChild(el_label_position_label);
	edit_main_td2_1.appendChild(el_label_position1);
	edit_main_td2_1.appendChild(Left);
	edit_main_td2_1.appendChild(br2);
	edit_main_td2_1.appendChild(el_label_position2);
	edit_main_td2_1.appendChild(Top);
	
	edit_main_td3.appendChild(el_size_label);
	edit_main_td3_1.appendChild(el_captcha_digit);
	edit_main_td3_1.appendChild(Digits);
	
	edit_main_td4.appendChild(el_style_label);
	edit_main_td4_1.appendChild(el_style_textarea);
	
	edit_main_td5.appendChild(el_attr_label);
	edit_main_td5.appendChild(el_attr_add);
	edit_main_td5.appendChild(br3);
	edit_main_td5.appendChild(el_attr_table);
	edit_main_td5.setAttribute("colspan", "2");

	/*edit_main_td4.appendChild(el_first_value_label);
	edit_main_td4.appendChild(br3);
	edit_main_td4.appendChild(el_first_value_input);*/
	
/*	edit_main_td5.appendChild(el_guidelines_label);
	edit_main_td5.appendChild(br4);
	edit_main_td5.appendChild(el_guidelines_textarea);
*/	
	edit_main_tr1.appendChild(edit_main_td1);
	edit_main_tr1.appendChild(edit_main_td1_1);
	edit_main_tr2.appendChild(edit_main_td2);
	edit_main_tr2.appendChild(edit_main_td2_1);
	edit_main_tr3.appendChild(edit_main_td3);
	edit_main_tr3.appendChild(edit_main_td3_1);
	edit_main_tr4.appendChild(edit_main_td4);
	edit_main_tr4.appendChild(edit_main_td4_1);
	edit_main_tr5.appendChild(edit_main_td5);
	edit_main_tr5.appendChild(edit_main_td5_1);
	edit_main_table.appendChild(edit_main_tr1);
	edit_main_table.appendChild(edit_main_tr2);
	edit_main_table.appendChild(edit_main_tr3);
	edit_main_table.appendChild(edit_main_tr4);
	edit_main_table.appendChild(edit_main_tr5);
	edit_div.appendChild(edit_main_table);
	
	t.appendChild(edit_div);
	add_id_and_name(i, 'type_captcha');
	
//show table

	element='img';	type='captcha'; 
		var adding_type = document.createElement("input");
            adding_type.setAttribute("type", "hidden");
            adding_type.setAttribute("value", "type_captcha");
            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("digit", w_digit);
           	adding.setAttribute("src", url_for_ajax+"?action=formcontactwdcaptcha"+"&digit="+w_digit+"&i=form_id_temp");
			adding.setAttribute("id", "_wd_captchaform_id_temp");
			adding.setAttribute("class", "captcha_img");
			adding.setAttribute("onClick", "captcha_refresh('_wd_captcha','form_id_temp')");
			
   
		
	var refresh_captcha = document.createElement("div");
          //refresh_captcha.setAttribute("src", fmc_plugin_url+"/images/refresh.png");
			refresh_captcha.setAttribute("class", "captcha_refresh");
			refresh_captcha.setAttribute("id", "_element_refreshform_id_temp");
			refresh_captcha.setAttribute("onClick", "captcha_refresh('_wd_captcha','form_id_temp')");

	var input_captcha = document.createElement("input");
           	input_captcha.setAttribute("type", "text");
			input_captcha.style.cssText = "width:"+(w_digit*10+15)+"px;";
			input_captcha.setAttribute("class", "captcha_input");
			input_captcha.setAttribute("id", "_wd_captcha_inputform_id_temp");
			input_captcha.setAttribute("name", "captcha_input");

     	var div = document.createElement('div');
      	    div.setAttribute("id", "main_div");
					
      	var table = document.createElement('table');
           	table.setAttribute("id", i+"_elemet_tableform_id_temp");
			
      	var tr = document.createElement('tr');
			
      	var td1 = document.createElement('td');
         	td1.setAttribute("valign", 'top');
         	td1.setAttribute("align", 'left');
           	td1.setAttribute("id", i+"_label_sectionform_id_temp");
			
      	var td2 = document.createElement('td');
        	td2.setAttribute("valign", 'top');
         	td2.setAttribute("align", 'left');
           	td2.setAttribute("id", i+"_element_sectionform_id_temp");
		
	var captcha_table = document.createElement('table');
	
      	var captcha_tr1 = document.createElement('tr');
      	var captcha_tr2 = document.createElement('tr');

      	var captcha_td1 = document.createElement('td');
		captcha_td1.setAttribute("valign", 'middle');

      	var captcha_td2 = document.createElement('td');
  		captcha_td2.setAttribute("valign", 'middle');
    	var captcha_td3 = document.createElement('td');
	
	captcha_table.appendChild(captcha_tr1);
      	captcha_table.appendChild(captcha_tr2);
      	captcha_tr1.appendChild(captcha_td1);
      	captcha_tr1.appendChild(captcha_td2);
      	captcha_tr2.appendChild(captcha_td3);
	
      	captcha_td1.appendChild(adding);
      	captcha_td2.appendChild(refresh_captcha);
      	captcha_td3.appendChild(input_captcha);

	
	
	
      	var br1 = document.createElement('br');
      	var br2 = document.createElement('br');
     	var br3 = document.createElement('br');
      	var br4 = 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");
	    
      	var main_td  = document.getElementById('show_table');
      
      	td1.appendChild(label);
      	td2.appendChild(adding_type);
      	td2.appendChild(captcha_table);
      	tr.appendChild(td1);
      	tr.appendChild(td2);
      	table.appendChild(tr);
      
      	div.appendChild(table);
      	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_captcha');
}

function type_map(i, 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){
    document.getElementById("element_type").value="type_map";
	delete_last_child();
// edit table	
	var edit_div  = document.createElement('div');
		edit_div.setAttribute("id", "edit_div");
		edit_div.setAttribute("style", "padding:10px;  padding-top:0px; padding-bottom:0px; margin-top:10px;");
		
	var edit_main_table  = document.createElement('table');
		edit_main_table.setAttribute("id", "edit_main_table");
		edit_main_table.setAttribute("cellpadding", "0");
		edit_main_table.setAttribute("cellspacing", "0");
		
	var edit_main_tr1  = document.createElement('tr');
      		edit_main_tr1.setAttribute("valing", "top");
		
	var edit_main_tr2  = document.createElement('tr');
      		edit_main_tr2.setAttribute("valing", "top");
		
	var edit_main_tr3  = document.createElement('tr');
      		edit_main_tr3.setAttribute("valing", "top");
		
	var edit_main_tr4  = document.createElement('tr');
      		edit_main_tr4.setAttribute("valing", "top");
		
	var edit_main_tr5  = document.createElement('tr');
      		edit_main_tr5.setAttribute("valing", "top");
			
	var edit_main_tr6  = document.createElement('tr');
      		edit_main_tr6.setAttribute("valing", "top");

	var edit_main_tr7  = document.createElement('tr');
      		edit_main_tr7.setAttribute("valing", "top");

	var edit_main_td1 = document.createElement('td');
		edit_main_td1.style.cssText = "padding-top:10px";	
	var edit_main_td1_1 = document.createElement('td');
		edit_main_td1_1.style.cssText = "padding-top:10px";	
	var edit_main_td2 = document.createElement('td');
		edit_main_td2.style.cssText = "padding-top:10px";


	var edit_main_td3 = document.createElement('td');
		edit_main_td3.style.cssText = "padding-top:10px";
	var edit_main_td3_1 = document.createElement('td');
		edit_main_td3_1.style.cssText = "padding-top:10px";
	var edit_main_td4 = document.createElement('td');
		edit_main_td4.style.cssText = "padding-top:10px";
	var edit_main_td4_1 = document.createElement('td');
		edit_main_td4_1.style.cssText = "padding-top:10px";
		
	var edit_main_td5 = document.createElement('td');
		edit_main_td5.style.cssText = "padding-top:10px";
	var edit_main_td5_1 = document.createElement('td');
		edit_main_td5_1.style.cssText = "padding-top:10px";
				
	var edit_main_td6 = document.createElement('td');
		edit_main_td6.style.cssText = "padding-top:10px";
	var edit_main_td6_1 = document.createElement('td');
		edit_main_td6_1.style.cssText = "padding-top:10px";
		
				
	var edit_main_td7 = document.createElement('td');
		edit_main_td7.style.cssText = "padding-top:10px";
		edit_main_td7.setAttribute("colspan", "4");
		edit_main_td7.setAttribute("id", "markers");
		
	var center1 = document.createElement('p');
        center1.setAttribute("id", "center1");
		center1.innerHTML="Drag the marker to change marker position."	;
		
		  
	var el_label_location = document.createElement('label');
	    el_label_location.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_label_location.innerHTML = "Location";
		
	var el_img_add_marker = document.createElement('img');
        el_img_add_marker.setAttribute("src", fmc_plugin_url+'/images/add.png');
	    el_img_add_marker.style.cssText ="cursor:pointer";
        el_img_add_marker.setAttribute("onClick", "add_marker('"+i+"', -1)");
		
	/*var el_info_label = document.createElement('label');
	    el_info_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_info_label.innerHTML = "Marker Info";
	*/
	
	
	
	////////////////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////////////////
	
	

	var el_label_map_size = document.createElement('label');
	    el_label_map_size.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_label_map_size.innerHTML = "Map size";
	
	var el_map_width = document.createElement('input');
        el_map_width.setAttribute("type", "text");
        el_map_width.setAttribute("value", w_width);
        el_map_width.style.cssText ="margin-left:18px";
 		el_map_width.setAttribute("onKeyPress", "return check_isnum(event)");
        el_map_width.setAttribute("onKeyUp", "change_w_style('"+i+"_elementform_id_temp', this.value);");

	Width = document.createTextNode("Width");
		
	var el_map_height = document.createElement('input');
        el_map_height.setAttribute("type", "text");
        el_map_height.setAttribute("value", w_height);
		el_map_height.style.cssText = "margin-left:15px";
      	el_map_height.setAttribute("onKeyPress", "return check_isnum(event)");
	    el_map_height.setAttribute("onKeyUp", "change_h_style('"+i+"_elementform_id_temp', this.value);");
	
	Height = document.createTextNode("Height");
	
	var el_style_label = document.createElement('label');
	        el_style_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_style_label.innerHTML = "Class name";
	
	var el_style_textarea = document.createElement('input');
                el_style_textarea.setAttribute("id", "element_style");
		el_style_textarea.setAttribute("type", "text");
 		el_style_textarea.setAttribute("value", w_class);
                el_style_textarea.style.cssText = "width:200px;";
                el_style_textarea.setAttribute("onChange", "change_class(this.value,'"+i+"')");

	var el_attr_label = document.createElement('label');
	                el_attr_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_attr_label.innerHTML = "Additional Attributes";
	var el_attr_add = document.createElement('img');
                el_attr_add.setAttribute("id", "el_choices_add");
           	el_attr_add.setAttribute("src", fmc_plugin_url+'/images/add.png');
            	el_attr_add.style.cssText = 'cursor:pointer; margin-left:68px';
            	el_attr_add.setAttribute("title", 'add');
                el_attr_add.setAttribute("onClick", "add_attr("+i+", 'type_text')");
	var el_attr_table = document.createElement('table');
                el_attr_table.setAttribute("id", 'attributes');
                el_attr_table.setAttribute("border", '0');
        	el_attr_table.style.cssText = 'margin-left:0px';
	var el_attr_tr_label = document.createElement('tr');
                el_attr_tr_label.setAttribute("idi", '0');
	var el_attr_td_name_label = document.createElement('th');
            	el_attr_td_name_label.style.cssText = 'width:100px';
	var el_attr_td_value_label = document.createElement('th');
            	el_attr_td_value_label.style.cssText = 'width:100px';
	var el_attr_td_X_label = document.createElement('th');
            	el_attr_td_X_label.style.cssText = 'width:10px';
	var el_attr_name_label = document.createElement('label');
	                el_attr_name_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 11px";
			el_attr_name_label.innerHTML = "Name";
			
	var el_attr_value_label = document.createElement('label');
	                el_attr_value_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 11px";
			el_attr_value_label.innerHTML = "Value";
			
	el_attr_table.appendChild(el_attr_tr_label);
	el_attr_tr_label.appendChild(el_attr_td_name_label);
	el_attr_tr_label.appendChild(el_attr_td_value_label);
	el_attr_tr_label.appendChild(el_attr_td_X_label);
	el_attr_td_name_label.appendChild(el_attr_name_label);
	el_attr_td_value_label.appendChild(el_attr_value_label);
	
	n=w_attr_name.length;
	for(j=1; j<=n; j++)
	{	
		var el_attr_tr = document.createElement('tr');
			el_attr_tr.setAttribute("id", "attr_row_"+j);
			el_attr_tr.setAttribute("idi", j);
		var el_attr_td_name = document.createElement('td');
			el_attr_td_name.style.cssText = 'width:100px';
		var el_attr_td_value = document.createElement('td');
			el_attr_td_value.style.cssText = 'width:100px';
		
		var el_attr_td_X = document.createElement('td');
		var el_attr_name = document.createElement('input');
	
			el_attr_name.setAttribute("type", "text");
	
			el_attr_name.style.cssText = "width:100px";
			el_attr_name.setAttribute("value", w_attr_name[j-1]);
			el_attr_name.setAttribute("id", "attr_name"+j);
			el_attr_name.setAttribute("onChange", "change_attribute_name("+i+", this, 'type_text')");
			
		var el_attr_value = document.createElement('input');
	
			el_attr_value.setAttribute("type", "text");
	
			el_attr_value.style.cssText = "width:100px";
			el_attr_value.setAttribute("value", w_attr_value[j-1]);
			el_attr_value.setAttribute("id", "attr_value"+j);
			el_attr_value.setAttribute("onChange", "change_attribute_value("+i+", "+j+", 'type_text')");
	
		var el_attr_remove = document.createElement('img');
			el_attr_remove.setAttribute("id", "el_choices"+j+"_remove");
			el_attr_remove.setAttribute("src", fmc_plugin_url+'/images/delete.png');
			el_attr_remove.style.cssText = 'cursor:pointer; vertical-align:middle; margin:3px';
			el_attr_remove.setAttribute("align", 'top');
			el_attr_remove.setAttribute("onClick", "remove_attr("+j+", "+i+", 'type_text')");
		el_attr_table.appendChild(el_attr_tr);
		el_attr_tr.appendChild(el_attr_td_name);
		el_attr_tr.appendChild(el_attr_td_value);
		el_attr_tr.appendChild(el_attr_td_X);
		el_attr_td_name.appendChild(el_attr_name);
		el_attr_td_value.appendChild(el_attr_value);
		el_attr_td_X.appendChild(el_attr_remove);
		
	}
		
	var t  = document.getElementById('edit_table');
	var br = document.createElement('br');
	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 br6 = document.createElement('br');
	var br7 = document.createElement('br');
	var br8 = document.createElement('br');
	var br9 = document.createElement('br');
	var br10 = document.createElement('br');
	var br11 = document.createElement('br');
	
	edit_main_td2.appendChild(el_label_location);
	edit_main_td2.appendChild(center1);
	edit_main_td2.appendChild(el_img_add_marker);
	edit_main_td2.setAttribute("colspan", "2");
	
	/*edit_main_td7.appendChild(Address);
	edit_main_td7.appendChild(br9);
	edit_main_td7.appendChild(Longitude);
	edit_main_td7.appendChild(br8);
	edit_main_td7.appendChild(Latitude);
	edit_main_td7.appendChild(br11);
	edit_main_td7.appendChild(Marker_info);
	edit_main_td7_1.appendChild(el_map_address);
	edit_main_td7_1.appendChild(br7);
	edit_main_td7_1.appendChild(el_map_longitude);
	edit_main_td7_1.appendChild(br2);
	edit_main_td7_1.appendChild(el_map_latitude);
	edit_main_td7_1.appendChild(br10);
	edit_main_td7_1.appendChild(el_info_textarea);*/
	
//	edit_main_td2.appendChild(br3);

	edit_main_td3.appendChild(el_label_map_size);
	edit_main_td3_1.appendChild(Width);
	edit_main_td3_1.appendChild(el_map_width);
	edit_main_td3_1.appendChild(br5);
	edit_main_td3_1.appendChild(Height);
	edit_main_td3_1.appendChild(el_map_height);

	
	edit_main_td5.appendChild(el_style_label);
	edit_main_td5_1.appendChild(el_style_textarea);
	
	edit_main_td6.appendChild(el_attr_label);
	edit_main_td6.appendChild(el_attr_add);
	edit_main_td6.appendChild(br6);
	edit_main_td6.appendChild(el_attr_table);
	edit_main_td6.setAttribute("colspan", "2");
	
/*	edit_main_td5.appendChild(el_guidelines_label);
	edit_main_td5.appendChild(br4);
	edit_main_td5.appendChild(el_guidelines_textarea);
*/	
	edit_main_tr2.appendChild(edit_main_td2);
	
	edit_main_tr7.appendChild(edit_main_td7);
	//edit_main_tr7.appendChild(edit_main_td7_1);
	
	edit_main_tr3.appendChild(edit_main_td3);
	edit_main_tr3.appendChild(edit_main_td3_1);
	edit_main_tr4.appendChild(edit_main_td4);
	edit_main_tr4.appendChild(edit_main_td4_1);
	edit_main_tr5.appendChild(edit_main_td5);
	edit_main_tr5.appendChild(edit_main_td5_1);
	edit_main_tr6.appendChild(edit_main_td6);
	edit_main_tr6.appendChild(edit_main_td6_1);
	
	
	edit_main_table.appendChild(edit_main_tr3);
	edit_main_table.appendChild(edit_main_tr2);
	edit_main_table.appendChild(edit_main_tr7);
//	edit_main_table.appendChild(edit_main_tr4);
	edit_main_table.appendChild(edit_main_tr5);
	edit_main_table.appendChild(edit_main_tr6);
	edit_div.appendChild(edit_main_table);
	
	t.appendChild(edit_div);
	
//show table

	element='div';
	var adding_type = document.createElement("input");
            adding_type.setAttribute("type", "hidden");
            adding_type.setAttribute("value", "type_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.style.cssText = "width:"+w_width+"px; height: "+w_height+"px";
		adding.setAttribute("zoom", w_zoom);
		adding.setAttribute("center_x", w_center_x);
		adding.setAttribute("center_y", w_center_y);
		
	var label = document.createElement('span');
		label.setAttribute("id", i+"_element_labelform_id_temp");
		label.innerHTML = "map_"+i;
            	label.style.cssText = 'display:none';
		
     	var div = document.createElement('div');
      	    div.setAttribute("id", "main_div");
					
      	var table = document.createElement('table');
           	table.setAttribute("id", i+"_elemet_tableform_id_temp");
			
      	var tr = document.createElement('tr');
			
      	var td1 = document.createElement('td');
         	td1.setAttribute("valign", 'middle');
         	td1.setAttribute("align", 'left');
           	td1.setAttribute("id", i+"_label_sectionform_id_temp");
            	td1.style.cssText = 'display:none';
		
      	var td2 = document.createElement('td');
        	td2.setAttribute("valign", 'middle');
         	td2.setAttribute("align", 'left');
           	td2.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 main_td  = document.getElementById('show_table');
      
      	td1.appendChild(label);
      	td2.appendChild(adding_type);
      	td2.appendChild(adding);

      	tr.appendChild(td1);
      	tr.appendChild(td2);
      	table.appendChild(tr);
      
      	div.appendChild(table);
      	div.appendChild(br3);
      	main_td.appendChild(div);
change_class(w_class, i);
refresh_attr(i, 'type_text');
if_gmap_init(i);

		
	n=w_long.length;
	for(j=0; j<n; j++)
	{	
		add_marker(i,j, w_long[j], w_lat[j], w_info[j]);
 	}
    
}

function add_marker(id, i, w_long, w_lat, w_info)
{

	edit_main_td7=document.getElementById('markers');
	
	if(i==-1)
	{
		if(edit_main_td7.lastChild)
			i=parseInt(edit_main_td7.lastChild.getAttribute("idi"))+1;
		else
			i=0;
		w_long=null;
		w_lat=null;
		w_info='';

	}
	
		var table_marker = document.createElement('table');
			table_marker.setAttribute("width", "100%");
			table_marker.setAttribute("border", "0");
			table_marker.setAttribute("id", "marker_opt"+i);
			table_marker.setAttribute("idi", i);
			//table_marker.style.cssText = "border-top: 1px dotted #D1C8C8;";
	

		var tr_marker = document.createElement('tr');
		var tr_hr = document.createElement('tr');
		
		var td_marker = document.createElement('td');
		var td_X = document.createElement('td');
		var td_hr = document.createElement('td');
		    td_hr.setAttribute("colspan", "3");
		tr_hr.appendChild(td_hr);
		tr_marker.appendChild(td_marker);
		tr_marker.appendChild(td_X);
		table_marker.appendChild(tr_marker);
		
		var br1 = document.createElement('br');
		var br2 = document.createElement('br');
		var br3 = document.createElement('br');
		
		var hr = document.createElement('hr');
		hr.setAttribute("id", "br"+i);
		
		var el_info_textarea = document.createElement('textarea');
			el_info_textarea.setAttribute("id", "info"+i);
			el_info_textarea.setAttribute("rows", "3");
			el_info_textarea.setAttribute("value", w_info);
			el_info_textarea.style.cssText = "width:200px;";
			el_info_textarea.setAttribute("onKeyUp", "change_info(this.value,'"+id+"','"+i+"')");
			el_info_textarea.innerHTML=w_info;
		
		var Marker_info = document.createElement('label');
			Marker_info.style.cssText =" font-size: 11px; vertical-align:top; margin-right:43px";
			Marker_info.innerHTML = "Marker Info";
	
		var el_map_address = document.createElement('input');
			el_map_address.setAttribute("id", "addrval"+i);
			el_map_address.setAttribute("type", "text");
			el_map_address.setAttribute("value", "");
			el_map_address.setAttribute("size", "40");
			el_map_address.setAttribute("onchange", "changeAddress("+id+","+i+")");
	
		var Address = document.createElement('label');
			Address.style.cssText =" font-size: 11px; vertical-align:top; margin-right:55px";
			Address.innerHTML = "Address";
	
		var el_map_longitude = document.createElement('input');
			el_map_longitude.setAttribute("id", "longval"+i);
			el_map_longitude.setAttribute("type", "text");
			el_map_longitude.setAttribute("value", w_long);
			el_map_longitude.setAttribute("size", "10");
			el_map_longitude.setAttribute("onkeyup", "update_position("+id+", "+i+");");
		
	
		var Longitude = document.createElement('label');
			Longitude.style.cssText =" font-size: 11px; vertical-align:top; margin-right:50px";
			Longitude.innerHTML = "Longitude";
			
		var el_map_latitude = document.createElement('input');
			el_map_latitude.setAttribute("id", "latval"+i);
			el_map_latitude.setAttribute("type", "text");
			el_map_latitude.setAttribute("value", w_lat);
			el_map_latitude.setAttribute("size", "10");
			el_map_latitude.setAttribute("onkeyup", "update_position("+id+", "+i+");");
		
		var Latitude = document.createElement('label');
			Latitude.style.cssText =" font-size: 11px; vertical-align:top; margin-right:59px";
			Latitude.innerHTML = "Latitude";
			

		
		var el_choices_remove = document.createElement('img');
			el_choices_remove.setAttribute("id", "el_button"+i+"_remove");
			el_choices_remove.setAttribute("src", fmc_plugin_url+'/images/delete.png');
			el_choices_remove.style.cssText = 'cursor:pointer; vertical-align:middle; margin:3px';
			el_choices_remove.setAttribute("align", 'top');
			el_choices_remove.setAttribute("onClick", "remove_map("+id+","+i+")");
			
		td_hr.appendChild(hr);
		
		
		td_marker.appendChild(Address);
		td_marker.appendChild(el_map_address);
		td_marker.appendChild(br1);
		td_marker.appendChild(Longitude);
		td_marker.appendChild(el_map_longitude);
		td_marker.appendChild(br2);
		td_marker.appendChild(Latitude);
		td_marker.appendChild(el_map_latitude);
		td_marker.appendChild(br3);
		td_marker.appendChild(Marker_info);
		td_marker.appendChild(el_info_textarea);
		td_X.appendChild(el_choices_remove);
		edit_main_td7.appendChild(table_marker);
	
	
	var adding = document.getElementById(id+"_elementform_id_temp")
		adding.setAttribute("long"+i, w_long);
		adding.setAttribute("lat"+i, w_lat);
 		adding.setAttribute("info"+i, w_info);
   

add_marker_on_map(id, i, w_long, w_lat, w_info, true);
}

function remove_map(id,i)
{
	table=document.getElementById('marker_opt'+i);
	table.parentNode.removeChild(table);
	map=document.getElementById(id+"_elementform_id_temp");
	map.removeAttribute("long"+i);
	map.removeAttribute("lat"+i);
 	map.removeAttribute("info"+i);

	reomve_marker(id,i);
}




function type_mark_map(i, w_field_label, w_field_label_pos, 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){
    document.getElementById("element_type").value="type_mark_map";
	delete_last_child();
// edit table	
	var edit_div  = document.createElement('div');
		edit_div.setAttribute("id", "edit_div");
		edit_div.setAttribute("style", "border-top:1px dotted black;padding:10px;  padding-top:0px; padding-bottom:0px; margin-top:10px;");
		
	var edit_main_table  = document.createElement('table');
		edit_main_table.setAttribute("id", "edit_main_table");
		edit_main_table.setAttribute("cellpadding", "0");
		edit_main_table.setAttribute("cellspacing", "0");
		
	var edit_main_tr1  = document.createElement('tr');
      		edit_main_tr1.setAttribute("valing", "top");
		
	var edit_main_tr2  = document.createElement('tr');
      		edit_main_tr2.setAttribute("valing", "top");
		
	var edit_main_tr3  = document.createElement('tr');
      		edit_main_tr3.setAttribute("valing", "top");
		
	var edit_main_tr4  = document.createElement('tr');
      		edit_main_tr4.setAttribute("valing", "top");
		
	var edit_main_tr5  = document.createElement('tr');
      		edit_main_tr5.setAttribute("valing", "top");
			
	var edit_main_tr6  = document.createElement('tr');
      		edit_main_tr6.setAttribute("valing", "top");

	var edit_main_tr7  = document.createElement('tr');
      		edit_main_tr7.setAttribute("valing", "top");

	var edit_main_tr8  = document.createElement('tr');
      		edit_main_tr8.setAttribute("valing", "top");

	var edit_main_td1 = document.createElement('td');
		edit_main_td1.style.cssText = "padding-top:10px";	
	var edit_main_td1_1 = document.createElement('td');
		edit_main_td1_1.style.cssText = "padding-top:10px";	
	var edit_main_td2 = document.createElement('td');
		edit_main_td2.style.cssText = "padding-top:10px";


	var edit_main_td3 = document.createElement('td');
		edit_main_td3.style.cssText = "padding-top:10px";
	var edit_main_td3_1 = document.createElement('td');
		edit_main_td3_1.style.cssText = "padding-top:10px";
	var edit_main_td4 = document.createElement('td');
		edit_main_td4.style.cssText = "padding-top:10px";
	var edit_main_td4_1 = document.createElement('td');
		edit_main_td4_1.style.cssText = "padding-top:10px";
		
	var edit_main_td5 = document.createElement('td');
		edit_main_td5.style.cssText = "padding-top:10px";
	var edit_main_td5_1 = document.createElement('td');
		edit_main_td5_1.style.cssText = "padding-top:10px";
				
	var edit_main_td6 = document.createElement('td');
		edit_main_td6.style.cssText = "padding-top:10px";
	var edit_main_td6_1 = document.createElement('td');
		edit_main_td6_1.style.cssText = "padding-top:10px";
		
				
	var edit_main_td7 = document.createElement('td');
		edit_main_td7.style.cssText = "padding-top:10px";
	var edit_main_td7_1 = document.createElement('td');
		edit_main_td7_1.style.cssText = "padding-top:10px";
		
	var edit_main_td8 = document.createElement('td');
		edit_main_td8.style.cssText = "padding-top:10px";
	var edit_main_td8_1 = document.createElement('td');
		edit_main_td8_1.style.cssText = "padding-top:10px";
		

	//////////////////////////////////////////////////////////////////////////////////////////////

	var el_label_label = document.createElement('label');
			        el_label_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_label_label.innerHTML = "Field label";
	
	var el_label_textarea = document.createElement('textarea');
                el_label_textarea.setAttribute("id", "edit_for_label");
                el_label_textarea.setAttribute("rows", "4");
                el_label_textarea.style.cssText = "width:200px;";
                el_label_textarea.setAttribute("onKeyUp", "change_label('"+i+"_element_labelform_id_temp', this.value)");
				el_label_textarea.innerHTML = w_field_label;
		
	var el_label_position_label = document.createElement('label');
			        el_label_position_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_label_position_label.innerHTML = "Field label position";
	
	var el_label_position1 = document.createElement('input');
                el_label_position1.setAttribute("id", "edit_for_label_position_top");
                el_label_position1.setAttribute("type", "radio");
                el_label_position1.setAttribute("value", "left");
                

                el_label_position1.setAttribute("name", "edit_for_label_position");
                el_label_position1.setAttribute("onchange", "label_left("+i+")");
		el_label_position1.setAttribute("checked", "checked");
		Left = document.createTextNode("Left");
		
	var el_label_position2 = document.createElement('input');
                el_label_position2.setAttribute("id", "edit_for_label_position_left");
                el_label_position2.setAttribute("type", "radio");
                el_label_position2.setAttribute("value", "top");
	

                el_label_position2.setAttribute("name", "edit_for_label_position");
                el_label_position2.setAttribute("onchange", "label_top("+i+")");
		Top = document.createTextNode("Top");
	
	if(w_field_label_pos=="top")
	
				el_label_position2.setAttribute("checked", "checked");
	else
				el_label_position1.setAttribute("checked", "checked");

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////	
	var center1 = document.createElement('p');
		center1.innerHTML="Drag the marker to change default marker position."	;
		
		  
	var el_label_location = document.createElement('label');
	        el_label_location.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_label_location.innerHTML = "Default Location";
	
	var el_map_address = document.createElement('input');
                el_map_address.setAttribute("id", "addrval0");
                el_map_address.setAttribute("type", "text");
                el_map_address.setAttribute("value", "");
				
                el_map_address.setAttribute("size", "40");
                el_map_address.setAttribute("onchange", "changeAddress("+i+",0)");
	Address = document.createTextNode("Address");
	var el_map_longitude = document.createElement('input');
                el_map_longitude.setAttribute("id", "longval0");
                el_map_longitude.setAttribute("type", "text");
                el_map_longitude.setAttribute("value", w_long);
                el_map_longitude.setAttribute("size", "10");
                el_map_longitude.setAttribute("onkeyup", "update_position("+i+", 0);");
	Longitude = document.createTextNode("Longitude");
		
	var el_map_latitude = document.createElement('input');
                el_map_latitude.setAttribute("id", "latval0");
                el_map_latitude.setAttribute("type", "text");
                el_map_latitude.setAttribute("value", w_lat);
                el_map_latitude.setAttribute("size", "10");
                el_map_latitude.setAttribute("onkeyup", "update_position("+i+", 0);");
	Latitude = document.createTextNode("Latitude");

	var el_label_map_size = document.createElement('label');
	        el_label_map_size.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_label_map_size.innerHTML = "Map size";
	
	var el_map_width = document.createElement('input');
                el_map_width.setAttribute("type", "text");
                el_map_width.setAttribute("value", w_width);
                el_map_width.style.cssText ="margin-left:18px";
 		el_map_width.setAttribute("onKeyPress", "return check_isnum(event)");
                el_map_width.setAttribute("onKeyUp", "change_w_style('"+i+"_elementform_id_temp', this.value);");

	Width = document.createTextNode("Width");
		
	var el_map_height = document.createElement('input');
                el_map_height.setAttribute("type", "text");
                el_map_height.setAttribute("value", w_height);
		el_map_height.style.cssText = "margin-left:15px";
      		el_map_height.setAttribute("onKeyPress", "return check_isnum(event)");
	        el_map_height.setAttribute("onKeyUp", "change_h_style('"+i+"_elementform_id_temp', this.value);");
	Height = document.createTextNode("Height");

	var el_info_label = document.createElement('label');
	        el_info_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_info_label.innerHTML = "Marker Info";
	
	var el_info_textarea = document.createElement('textarea');
                el_info_textarea.setAttribute("id", "info0");
                el_info_textarea.setAttribute("rows", "3");
 		el_info_textarea.setAttribute("value", w_class);
                el_info_textarea.style.cssText = "width:200px; margin-left:2px";
                el_info_textarea.setAttribute("onKeyUp", "change_info(this.value,'"+i+"','"+0+"')");
		el_info_textarea.innerHTML=w_info;
		
	var el_style_label = document.createElement('label');
	        el_style_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_style_label.innerHTML = "Class name";
	
	var el_style_textarea = document.createElement('input');
                el_style_textarea.setAttribute("id", "element_style");
		el_style_textarea.setAttribute("type", "text");
 		el_style_textarea.setAttribute("value", w_class);
                el_style_textarea.style.cssText = "width:200px;";
                el_style_textarea.setAttribute("onChange", "change_class(this.value,'"+i+"')");

	var el_attr_label = document.createElement('label');
	                el_attr_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_attr_label.innerHTML = "Additional Attributes";
	var el_attr_add = document.createElement('img');
                el_attr_add.setAttribute("id", "el_choices_add");
           	el_attr_add.setAttribute("src", fmc_plugin_url+'/images/add.png');
            	el_attr_add.style.cssText = 'cursor:pointer; margin-left:68px';
            	el_attr_add.setAttribute("title", 'add');
                el_attr_add.setAttribute("onClick", "add_attr("+i+", 'type_text')");
	var el_attr_table = document.createElement('table');
                el_attr_table.setAttribute("id", 'attributes');
                el_attr_table.setAttribute("border", '0');
        	el_attr_table.style.cssText = 'margin-left:0px';
	var el_attr_tr_label = document.createElement('tr');
                el_attr_tr_label.setAttribute("idi", '0');
	var el_attr_td_name_label = document.createElement('th');
            	el_attr_td_name_label.style.cssText = 'width:100px';
	var el_attr_td_value_label = document.createElement('th');
            	el_attr_td_value_label.style.cssText = 'width:100px';
	var el_attr_td_X_label = document.createElement('th');
            	el_attr_td_X_label.style.cssText = 'width:10px';
	var el_attr_name_label = document.createElement('label');
	                el_attr_name_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 11px";
			el_attr_name_label.innerHTML = "Name";
			
	var el_attr_value_label = document.createElement('label');
	                el_attr_value_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 11px";
			el_attr_value_label.innerHTML = "Value";
			
	el_attr_table.appendChild(el_attr_tr_label);
	el_attr_tr_label.appendChild(el_attr_td_name_label);
	el_attr_tr_label.appendChild(el_attr_td_value_label);
	el_attr_tr_label.appendChild(el_attr_td_X_label);
	el_attr_td_name_label.appendChild(el_attr_name_label);
	el_attr_td_value_label.appendChild(el_attr_value_label);
	
	n=w_attr_name.length;
	for(j=1; j<=n; j++)
	{	
		var el_attr_tr = document.createElement('tr');
			el_attr_tr.setAttribute("id", "attr_row_"+j);
			el_attr_tr.setAttribute("idi", j);
		var el_attr_td_name = document.createElement('td');
			el_attr_td_name.style.cssText = 'width:100px';
		var el_attr_td_value = document.createElement('td');
			el_attr_td_value.style.cssText = 'width:100px';
		
		var el_attr_td_X = document.createElement('td');
		var el_attr_name = document.createElement('input');
	
			el_attr_name.setAttribute("type", "text");
	
			el_attr_name.style.cssText = "width:100px";
			el_attr_name.setAttribute("value", w_attr_name[j-1]);
			el_attr_name.setAttribute("id", "attr_name"+j);
			el_attr_name.setAttribute("onChange", "change_attribute_name("+i+", this, 'type_text')");
			
		var el_attr_value = document.createElement('input');
	
			el_attr_value.setAttribute("type", "text");
	
			el_attr_value.style.cssText = "width:100px";
			el_attr_value.setAttribute("value", w_attr_value[j-1]);
			el_attr_value.setAttribute("id", "attr_value"+j);
			el_attr_value.setAttribute("onChange", "change_attribute_value("+i+", "+j+", 'type_text')");
	
		var el_attr_remove = document.createElement('img');
			el_attr_remove.setAttribute("id", "el_choices"+j+"_remove");
			el_attr_remove.setAttribute("src", fmc_plugin_url+'/images/delete.png');
			el_attr_remove.style.cssText = 'cursor:pointer; vertical-align:middle; margin:3px';
			el_attr_remove.setAttribute("align", 'top');
			el_attr_remove.setAttribute("onClick", "remove_attr("+j+", "+i+", 'type_text')");
		el_attr_table.appendChild(el_attr_tr);
		el_attr_tr.appendChild(el_attr_td_name);
		el_attr_tr.appendChild(el_attr_td_value);
		el_attr_tr.appendChild(el_attr_td_X);
		el_attr_td_name.appendChild(el_attr_name);
		el_attr_td_value.appendChild(el_attr_value);
		el_attr_td_X.appendChild(el_attr_remove);
		
	}
		
	var t  = document.getElementById('edit_table');
	var br = document.createElement('br');
	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 br6 = document.createElement('br');
	var br7 = document.createElement('br');
	var br8 = document.createElement('br');
	var br9 = document.createElement('br');
	var br10 = document.createElement('br');
	


	edit_main_td1.appendChild(el_label_label);
	edit_main_td1_1.appendChild(el_label_textarea);

	edit_main_td8.appendChild(el_label_position_label);
	edit_main_td8_1.appendChild(el_label_position1);
	edit_main_td8_1.appendChild(Left);
	edit_main_td8_1.appendChild(br10);
	edit_main_td8_1.appendChild(el_label_position2);
	edit_main_td8_1.appendChild(Top);
	

	edit_main_td2.appendChild(el_label_location);
	edit_main_td2.appendChild(center1);
	edit_main_td2.setAttribute("colspan", "2");
	
	edit_main_td7.appendChild(Address);
	edit_main_td7.appendChild(br9);
	edit_main_td7.appendChild(Longitude);
	edit_main_td7.appendChild(br8);
	edit_main_td7.appendChild(Latitude);
	edit_main_td7_1.appendChild(el_map_address);
	edit_main_td7_1.appendChild(br7);

	edit_main_td7_1.appendChild(el_map_longitude);
	edit_main_td7_1.appendChild(br2);
	edit_main_td7_1.appendChild(el_map_latitude);
	
	edit_main_td2.appendChild(br3);

	edit_main_td3.appendChild(el_label_map_size);
	edit_main_td3_1.appendChild(Width);
	edit_main_td3_1.appendChild(el_map_width);
	edit_main_td3_1.appendChild(br5);
	edit_main_td3_1.appendChild(Height);
	edit_main_td3_1.appendChild(el_map_height);

	edit_main_td4.appendChild(el_info_label);
	edit_main_td4_1.appendChild(el_info_textarea);
	
	edit_main_td5.appendChild(el_style_label);
	edit_main_td5_1.appendChild(el_style_textarea);
	
	edit_main_td6.appendChild(el_attr_label);
	edit_main_td6.appendChild(el_attr_add);
	edit_main_td6.appendChild(br6);
	edit_main_td6.appendChild(el_attr_table);
	edit_main_td6.setAttribute("colspan", "2");
	

	
	
/*	edit_main_td5.appendChild(el_guidelines_label);
	edit_main_td5.appendChild(br4);
	edit_main_td5.appendChild(el_guidelines_textarea);
*/	
	edit_main_tr1.appendChild(edit_main_td1);
	edit_main_tr1.appendChild(edit_main_td1_1);
	edit_main_tr8.appendChild(edit_main_td8);
	edit_main_tr8.appendChild(edit_main_td8_1);
	edit_main_tr2.appendChild(edit_main_td2);
	
	edit_main_tr7.appendChild(edit_main_td7);
	edit_main_tr7.appendChild(edit_main_td7_1);
	
	edit_main_tr3.appendChild(edit_main_td3);
	edit_main_tr3.appendChild(edit_main_td3_1);
	edit_main_tr4.appendChild(edit_main_td4);
	edit_main_tr4.appendChild(edit_main_td4_1);
	edit_main_tr5.appendChild(edit_main_td5);
	edit_main_tr5.appendChild(edit_main_td5_1);
	edit_main_tr6.appendChild(edit_main_td6);
	edit_main_tr6.appendChild(edit_main_td6_1);


	
	edit_main_table.appendChild(edit_main_tr1);
	edit_main_table.appendChild(edit_main_tr8);
	edit_main_table.appendChild(edit_main_tr2);
	edit_main_table.appendChild(edit_main_tr7);
	edit_main_table.appendChild(edit_main_tr3);
	edit_main_table.appendChild(edit_main_tr4);
	edit_main_table.appendChild(edit_main_tr5);
	edit_main_table.appendChild(edit_main_tr6);
	edit_div.appendChild(edit_main_table);
	
	t.appendChild(edit_div);
	
//show table

	element='div';
	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 label = document.createElement('span');
		label.setAttribute("id", i+"_element_labelform_id_temp");
		label.innerHTML = w_field_label;
		label.setAttribute("class", "label");
		
		
     	var div = document.createElement('div');
      	    div.setAttribute("id", "main_div");
					
      	var table = document.createElement('table');
           	table.setAttribute("id", i+"_elemet_tableform_id_temp");
			
      	var tr = document.createElement('tr');
			
      	var td1 = document.createElement('td');
         	td1.setAttribute("valign", 'top');
         	td1.setAttribute("align", 'left');
           	td1.setAttribute("id", i+"_label_sectionform_id_temp");
		
      	var td2 = document.createElement('td');
        	td2.setAttribute("valign", 'top');
         	td2.setAttribute("align", 'left');
           	td2.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 main_td  = document.getElementById('show_table');
      
      	td1.appendChild(label);
      	td2.appendChild(adding_type);
      	td2.appendChild(adding);

      	tr.appendChild(td1);
      	tr.appendChild(td2);
      	table.appendChild(tr);
      
      	div.appendChild(table);
      	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');
if_gmap_init(i);
add_marker_on_map(i, 0, w_long, w_lat, w_info, true);

}

//////////////////////////////////////////////
///////////  type_page_break   //////////////////
///////////////////////////////////////////////
	
function type_page_navigation(w_type, w_show_title, w_show_numbers, w_attr_name, w_attr_value)
{
  if (need_enable) {
    enable2();
  }
	document.getElementById("element_type").value="type_page_navigation";
	delete_last_child();
  // edit table	
	var edit_div  = document.createElement('div');
		edit_div.setAttribute("id", "edit_div");
		edit_div.setAttribute("style", "border:0px;padding:10px;  padding-top:0px; padding-bottom:0px; margin-top:10px;");
		
	var edit_main_table  = document.createElement('table');
		edit_main_table.setAttribute("id", "edit_main_table");
		edit_main_table.setAttribute("cellpadding", "0");
		edit_main_table.setAttribute("cellspacing", "0");
		
	var edit_main_tr1  = document.createElement('tr');
      		edit_main_tr1.setAttribute("valing", "top");
		
	var edit_main_tr2  = document.createElement('tr');
      		edit_main_tr2.setAttribute("valing", "top");
		
	var edit_main_tr3  = document.createElement('tr');
      		edit_main_tr3.setAttribute("valing", "top");
		
	var edit_main_tr4  = document.createElement('tr');
      		edit_main_tr4.setAttribute("valing", "top");
		
	var edit_main_tr5  = document.createElement('tr');
      		edit_main_tr5.setAttribute("valing", "top");
			
	var edit_main_tr6  = document.createElement('tr');
      		edit_main_tr6.setAttribute("valing", "top");

	var edit_main_td1 = document.createElement('td');
		edit_main_td1.style.cssText = "padding-top:10px";	
	var edit_main_td1_1 = document.createElement('td');
		edit_main_td1_1.style.cssText = "padding-top:10px";		
	var edit_main_td2 = document.createElement('td');
		edit_main_td2.style.cssText = "padding-top:10px";
	var edit_main_td2_1 = document.createElement('td');
		edit_main_td2_1.style.cssText = "padding-top:10px";

	var edit_main_td3 = document.createElement('td');
		edit_main_td3.style.cssText = "padding-top:10px";
	var edit_main_td3_1 = document.createElement('td');
		edit_main_td3_1.style.cssText = "padding-top:10px";
	var edit_main_td4 = document.createElement('td');
		edit_main_td4.style.cssText = "padding-top:10px";
	var edit_main_td4_1 = document.createElement('td');
		edit_main_td4_1.style.cssText = "padding-top:10px";
	var edit_main_td5 = document.createElement('td');
		edit_main_td5.style.cssText = "padding-top:10px";
	var edit_main_td5_1 = document.createElement('td');
		edit_main_td5_1.style.cssText = "padding-top:10px";
				
	var edit_main_td6 = document.createElement('td');
		edit_main_td6.style.cssText = "padding-top:10px";
	var edit_main_td6_1 = document.createElement('td');
		edit_main_td6_1.style.cssText = "padding-top:10px";
	edit_main_td6.setAttribute("colspan", "2");
		  
		  
	var el_pagination_opt_label = document.createElement('label');
			el_pagination_opt_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_pagination_opt_label.innerHTML = "Pagination Options";
		
	var el_pagination_steps = document.createElement('input');
			el_pagination_steps.setAttribute("id", "el_pagination_steps");
			el_pagination_steps.setAttribute("type", "radio");
			el_pagination_steps.setAttribute("name", "el_pagination");
			el_pagination_steps.setAttribute("value", "steps");
			el_pagination_steps.style.cssText =   "margin-left:20px;  padding:0; border-width: 1px";
            el_pagination_steps.setAttribute("onclick", "pagination_type('steps')");
		Steps = document.createTextNode("Steps");
			
	var el_pagination_percentage = document.createElement('input');
			el_pagination_percentage.setAttribute("id", "el_pagination_percentage");
			el_pagination_percentage.setAttribute("type", "radio");
			el_pagination_percentage.setAttribute("name", "el_pagination");
			el_pagination_percentage.setAttribute("value", "percentage");
			el_pagination_percentage.style.cssText =   "margin-left:20px;  padding:0; border-width: 1px";
            el_pagination_percentage.setAttribute("onclick", "pagination_type('percentage')");
		Percentage = document.createTextNode("Percentage");
		
	var el_pagination_none = document.createElement('input');
			el_pagination_none.setAttribute("id", "el_pagination_none");
			el_pagination_none.setAttribute("type", "radio");
			el_pagination_none.setAttribute("name", "el_pagination");
			el_pagination_none.setAttribute("value", "none");
			el_pagination_none.style.cssText =   "margin-left:20px;  padding:0; border-width: 1px";
            el_pagination_none.setAttribute("onclick", "pagination_type('none')");
		 No_Context = document.createTextNode(" No Context");
		
	if(w_type=='steps')
		el_pagination_steps.setAttribute("checked","checked");
	else
		if(w_type=='percentage')
			el_pagination_percentage.setAttribute("checked","checked");
		else
			el_pagination_none.setAttribute("checked","checked");
				
	var el_show_title_label = document.createElement('label');
			el_show_title_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_show_title_label.innerHTML = "Show Page Titles in Progress Bar";
		
	var el_show_title_input = document.createElement('input');
			el_show_title_input.setAttribute("id", "el_show_title_input");
			el_show_title_input.setAttribute("type", "checkbox");
			el_show_title_input.setAttribute("onClick", "show_title_pagebreak();");
			
	if(w_show_title)
		el_show_title_input.setAttribute("checked","checked");
		
	var el_show_numbers_label = document.createElement('label');
			el_show_numbers_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_show_numbers_label.innerHTML = "Show Page Numbers in Footer";
		
	var el_show_numbers_input = document.createElement('input');
			el_show_numbers_input.setAttribute("id", "el_show_numbers_input");
			el_show_numbers_input.setAttribute("type", "checkbox");
			el_show_numbers_input.setAttribute("onClick", "show_numbers_pagebreak();");
			
	if(w_show_numbers)
		el_show_numbers_input.setAttribute("checked","checked");
		
	var el_pagination_class_label = document.createElement('label');
	        el_pagination_class_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_pagination_class_label.innerHTML = "Pagination Class name";
	
	var el_pagination_class_input = document.createElement('input');
            el_pagination_class_input.setAttribute("id", "next_element_style");
			el_pagination_class_input.setAttribute("type", "text");
			el_pagination_class_input.setAttribute("value", "");
            el_pagination_class_input.style.cssText = "width:100px; margin-left:20px";
            el_pagination_class_input.setAttribute("onChange", "change_pagebreak_class(this.value, 'next')");		
		


	var el_page_titles_label = document.createElement('label');
	        el_page_titles_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_page_titles_label.innerHTML = "Pages Title";
			
	edit_main_td6.appendChild(el_page_titles_label);
	w_pages=[];	
	k=0;
	for(j=1; j<=form_view_max; j++)
	{
		if(document.getElementById('form_id_tempform_view'+j))
		{
			k++;
			var br_temp = document.createElement('br');
			var el_page_title_input= document.createElement('input');
			el_page_title_input.setAttribute("type", "text");
			el_page_title_input.style.cssText = "width:100px";
			if(document.getElementById('form_id_tempform_view'+j).getAttribute('page_title')==null)
				el_page_title_input.setAttribute("value", "Untitled Page");
			else
				el_page_title_input.setAttribute("value", document.getElementById('form_id_tempform_view'+j).getAttribute('page_title'));
			
			el_page_title_input.setAttribute("id", "page_title_"+j);
			el_page_title_input.setAttribute("onKeyUp", "set_page_title(this.value,'"+j+"')");
			if(document.getElementById('form_id_tempform_view'+j).getAttribute('page_title'))
				w_pages[j]=document.getElementById('form_id_tempform_view'+j).getAttribute('page_title');
			else
				w_pages[j]="Untitled Page"
				
			page_num=document.createTextNode(k+'. ');
			
			edit_main_td6.appendChild(br_temp);
			edit_main_td6.appendChild(page_num);
			edit_main_td6.appendChild(el_page_title_input);

		}
	
	}	




		
	var el_attr_label = document.createElement('label');
	                el_attr_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_attr_label.innerHTML = "Additional Attributes";
	var el_attr_add = document.createElement('img');
                el_attr_add.setAttribute("id", "el_choices_add");
           	el_attr_add.setAttribute("src", fmc_plugin_url+'/images/add.png');
            	el_attr_add.style.cssText = 'cursor:pointer; margin-left:68px';
            	el_attr_add.setAttribute("title", 'add');
                el_attr_add.setAttribute("onClick", "add_attr( 'type_checkbox')");

	var el_attr_table = document.createElement('table');
                el_attr_table.setAttribute("id", 'attributes');
                el_attr_table.setAttribute("border", '0');
        	el_attr_table.style.cssText = 'margin-left:0px';
	var el_attr_tr_label = document.createElement('tr');
                el_attr_tr_label.setAttribute("idi", '0');
	var el_attr_td_name_label = document.createElement('th');
            	el_attr_td_name_label.style.cssText = 'width:100px';
	var el_attr_td_value_label = document.createElement('th');
            	el_attr_td_value_label.style.cssText = 'width:100px';
	var el_attr_td_X_label = document.createElement('th');
            	el_attr_td_X_label.style.cssText = 'width:10px';
	var el_attr_name_label = document.createElement('label');
	                el_attr_name_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 11px";
			el_attr_name_label.innerHTML = "Name";
			
	var el_attr_value_label = document.createElement('label');
	                el_attr_value_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 11px";
			el_attr_value_label.innerHTML = "Value";
			
	el_attr_table.appendChild(el_attr_tr_label);
	el_attr_tr_label.appendChild(el_attr_td_name_label);
	el_attr_tr_label.appendChild(el_attr_td_value_label);
	el_attr_tr_label.appendChild(el_attr_td_X_label);
	el_attr_td_name_label.appendChild(el_attr_name_label);
	el_attr_td_value_label.appendChild(el_attr_value_label);
	
	n=w_attr_name.length;
	for(j=1; j<=n; j++)
	{	
		var el_attr_tr = document.createElement('tr');
			el_attr_tr.setAttribute("id", "attr_row_"+j);
			el_attr_tr.setAttribute("idi", j);
		var el_attr_td_name = document.createElement('td');
			el_attr_td_name.style.cssText = 'width:100px';
		var el_attr_td_value = document.createElement('td');
			el_attr_td_value.style.cssText = 'width:100px';
		
		var el_attr_td_X = document.createElement('td');
		var el_attr_name = document.createElement('input');
	
			el_attr_name.setAttribute("type", "text");
	
			el_attr_name.style.cssText = "width:100px";
			el_attr_name.setAttribute("value", w_attr_name[j-1]);
			el_attr_name.setAttribute("id", "attr_name"+j);
			el_attr_name.setAttribute("onChange", "change_attribute_name("+i+", this, 'type_checkbox')");
			
		var el_attr_value = document.createElement('input');
	
			el_attr_value.setAttribute("type", "text");
	
			el_attr_value.style.cssText = "width:100px";
			el_attr_value.setAttribute("value", w_attr_value[j-1]);
			el_attr_value.setAttribute("id", "attr_value"+j);
			el_attr_value.setAttribute("onChange", "change_attribute_value("+i+", "+j+", 'type_checkbox')");
	
		var el_attr_remove = document.createElement('img');
			el_attr_remove.setAttribute("id", "el_choices"+j+"_remove");
			el_attr_remove.setAttribute("src", fmc_plugin_url+'/images/delete.png');
			el_attr_remove.style.cssText = 'cursor:pointer; vertical-align:middle; margin:3px';
			el_attr_remove.setAttribute("align", 'top');
			el_attr_remove.setAttribute("onClick", "remove_attr("+j+", "+i+", 'type_checkbox')");
		el_attr_table.appendChild(el_attr_tr);
		el_attr_tr.appendChild(el_attr_td_name);
		el_attr_tr.appendChild(el_attr_td_value);
		el_attr_tr.appendChild(el_attr_td_X);
		el_attr_td_name.appendChild(el_attr_name);
		el_attr_td_value.appendChild(el_attr_value);
		el_attr_td_X.appendChild(el_attr_remove);
		
	}

	var t  = document.getElementById('edit_table');
	
	var hr = document.createElement('hr');
	var br = document.createElement('br');
	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 br6 = document.createElement('br');
	
	edit_main_td1.appendChild(el_pagination_opt_label);
	edit_main_td1.appendChild(br4);
	edit_main_td1.appendChild(el_pagination_steps);
	edit_main_td1.appendChild(Steps);
	edit_main_td1.appendChild(br6);
	edit_main_td1.appendChild(el_pagination_percentage);
	edit_main_td1.appendChild(Percentage);
	edit_main_td1.appendChild(br5);
	edit_main_td1.appendChild(el_pagination_none);
	edit_main_td1.appendChild(No_Context);
	edit_main_td1.setAttribute("colspan", "2");
	
	edit_main_td3.appendChild(el_show_title_label);
	edit_main_td3_1.appendChild(el_show_title_input);
	
	edit_main_td4.appendChild(el_show_numbers_label);
	edit_main_td4_1.appendChild(el_show_numbers_input);
/*	edit_main_td2.appendChild(el_attr_label);
	edit_main_td2.appendChild(el_attr_add);
	edit_main_td2.appendChild(br3);
	edit_main_td2.appendChild(el_attr_table);*/
	
	edit_main_tr1.appendChild(edit_main_td1);
	edit_main_tr2.appendChild(edit_main_td2);
	edit_main_tr2.appendChild(edit_main_td2_1);
	edit_main_tr3.appendChild(edit_main_td3);
	edit_main_tr3.appendChild(edit_main_td3_1);
	edit_main_tr4.appendChild(edit_main_td4);
	edit_main_tr4.appendChild(edit_main_td4_1);
	edit_main_tr6.appendChild(edit_main_td6);

	edit_main_table.appendChild(edit_main_tr1);
	edit_main_table.appendChild(edit_main_tr3);
	edit_main_table.appendChild(edit_main_tr4);
	edit_main_table.appendChild(edit_main_tr6);
//	edit_main_table.appendChild(edit_main_tr2);

	edit_div.appendChild(edit_main_table);
	
	t.appendChild(edit_div);
	
//show table

    var div = document.createElement('div');
       	div.setAttribute("id", "main_div");
//tbody sarqac
		
		
	var table = document.createElement('table');
		table.setAttribute("id", "_elemet_tableform_id_temp");
		table.setAttribute("width", "90%");
	
    var tr = document.createElement('tr');
	
      	var td2 = document.createElement('td');
        	td2.setAttribute("valign", 'top');
         	td2.setAttribute("align", 'left');
           	td2.setAttribute("id", "_element_sectionform_id_temp");
			td2.setAttribute("width", "100%");

      	var br1 = document.createElement('br');
      	var br2 = document.createElement('br');
     	var br3 = document.createElement('br');
      	var br4 = document.createElement('br');
	//	table_little -@ sarqaca tbody table_little darela table_little_t
			
		var pages_div = document.createElement('div');
				pages_div.setAttribute("align","left");
				pages_div.setAttribute("id","pages_div");
				pages_div.style.width='100%';
				pages_div.innerHTML="";
		
		
		var numbers_div = document.createElement('div');
				numbers_div.setAttribute("align","center");
				numbers_div.setAttribute("id","numbers_div");
				numbers_div.style.width='100%';
				numbers_div.style.paddingTop='100px';
				numbers_div.innerHTML="";
		
		
				
		td2.appendChild(pages_div);
		td2.appendChild(numbers_div);
      	var main_td  = document.getElementById('show_table');
	
      
      	tr.appendChild(td2);
      	table.appendChild(tr);
      

      	div.appendChild(table);
      	div.appendChild(br1);
      	main_td.appendChild(div);
		
	if(w_type=='steps')
		make_page_steps(w_pages);
	else
		if(w_type=='percentage')
			make_page_percentage(w_pages);
		else
			make_page_none(w_pages);
			
	if(w_show_numbers)
		show_numbers_pagebreak();
		


//refresh_attr(i, 'type_checkbox');
}

function set_page_title(title, id) {
  title = title.replace(/(<([^>]+)>)/ig, "");
	document.getElementById("form_id_tempform_view"+id).setAttribute('page_title',title);
	show_title_pagebreak();
}

function show_numbers_pagebreak()
{
	document.getElementById("numbers_div").innerHTML="";
	if(document.getElementById("el_show_numbers_input").checked)
	{
		k=0;
		for(j=1; j<=form_view_max; j++)
		{
			if(document.getElementById('form_id_tempform_view'+j))
			{
				k++;		
				if(j==form_view)
					page_number=k;
			}
		}
		
		var cur = document.createElement('span');
			cur.setAttribute("class", "page_numbersform_id_temp");
			cur.innerHTML=page_number+'/'+k;
			
		document.getElementById("numbers_div").appendChild(cur);
	}
}

function refresh_page_numbers()
{
	k=0;
	if(document.getElementById('pages').getAttribute('show_numbers')=='true')
		for(j=1; j<=form_view_max; j++)
		{
			if(document.getElementById('page_numbersform_id_temp'+j))
			{
				k++;		
			}
		}
		
	cur_num=0;
	
		for(j=1; j<=form_view_max; j++)
		{
			if(document.getElementById('page_numbersform_id_temp'+j))
			{
				cur_num++;		
		
				document.getElementById("page_numbersform_id_temp"+j).innerHTML='';
				
				if(document.getElementById('pages').getAttribute('show_numbers')=='true')
				{
					var cur = document.createElement('span');
						cur.setAttribute("class", "page_numbersform_id_temp");
						cur.innerHTML=cur_num+'/'+k;
						
					document.getElementById("page_numbersform_id_temp"+j).appendChild(cur);
				}
			}
		}

}

function pagination_type(type)
{
	document.getElementById("pages_div").innerHTML="";
	w_pages=[];	
	k=0;
	for(j=1; j<=form_view_max; j++)
	{
		if(document.getElementById('form_id_tempform_view'+j))
		{
			k++;
			if(document.getElementById('form_id_tempform_view'+j).getAttribute('page_title'))
				w_pages[j]=document.getElementById('form_id_tempform_view'+j).getAttribute('page_title');
			else
				w_pages[j]="none";
		}
		
	}	


	if(type=='steps')
		make_page_steps(w_pages);
	else
		if(type=='percentage')
			make_page_percentage(w_pages);
		else
			make_page_none();
			

}

function show_title_pagebreak()
{
	document.getElementById("pages_div").innerHTML="";

if(document.getElementById("el_pagination_steps").checked)
	pagination_type('steps');
else
	if(document.getElementById("el_pagination_percentage").checked)
		pagination_type('percentage');
}
function make_page_steps(w_pages)
{
	document.getElementById("pages_div").innerHTML="";
	show_title=document.getElementById('el_show_title_input').checked;
	k=0;
	for(j=1; j<=form_view_max; j++)
	{	
		if(w_pages[j])
			{
			k++;
			if(w_pages[j]=="none")	
				w_pages[j]='';	
			page_number = document.createElement('span');
			
			if(j==form_view)
				page_number.setAttribute('class',"page_active");
			else
				page_number.setAttribute('class',"page_deactive");
			if(show_title)
			{
				page_number.innerHTML=w_pages[j];
			}
			else
				page_number.innerHTML=k;
			
			document.getElementById("pages_div").appendChild(page_number);
		}
	}
	
}

function make_page_percentage(w_pages)
{
	document.getElementById("pages_div").innerHTML="";
	show_title=document.getElementById('el_show_title_input').checked;
	
    var div_parent = document.createElement('div');
       	div_parent.setAttribute("class", "page_percentage_deactive");

    var div = document.createElement('div');
       	div.setAttribute("id", "div_percentage");
       	div.setAttribute("class", "page_percentage_active");
		
	var b = document.createElement('b');
       	b.style.margin='3px 7px 3px 3px';
		//b.style.vertical-align='middle';
	div.appendChild(b);
	
	k=0;
	cur_page_title='';
	for(j=1; j<=form_view_max; j++)
	{	
		if(w_pages[j])
			{
			k++;
				
			if(w_pages[j]=="none")	
				w_pages[j]='';	
			if(j==form_view)
			{
				if(show_title)
				{ 
					var cur_page_title = document.createElement('span');
					if(k==1)
						cur_page_title.style.paddingLeft="30px";
					else
						cur_page_title.style.paddingLeft="5px";
						cur_page_title.innerHTML=w_pages[j];
				}
				page_number=k;

			}
		}
	}
	b.innerHTML=Math.round(((page_number-1)/k)*100)+'%';
	div.style.width=((page_number-1)/k)*100+'%';
	div_parent.appendChild(div);
	if(cur_page_title)
		div_parent.appendChild(cur_page_title);
	document.getElementById("pages_div").appendChild(div_parent);

	
}
function make_page_none()
{
	document.getElementById("pages_div").innerHTML="";
}


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");

	
	document.getElementById("element_type").value="type_page_break";
	delete_last_child();
// edit table	
	var edit_div  = document.createElement('div');
		edit_div.setAttribute("id", "edit_div");
		edit_div.setAttribute("style", "border:0px;padding:10px;  padding-top:0px; padding-bottom:0px; margin-top:10px;");
		
	var edit_main_table  = document.createElement('table');
		edit_main_table.setAttribute("id", "edit_main_table");
		edit_main_table.setAttribute("cellpadding", "0");
		edit_main_table.setAttribute("cellspacing", "0");
		
	var edit_main_tr1  = document.createElement('tr');
      		edit_main_tr1.setAttribute("valing", "top");
		
	var edit_main_tr2  = document.createElement('tr');
      		edit_main_tr2.setAttribute("valing", "top");
		
	var edit_main_tr3  = document.createElement('tr');
      		edit_main_tr3.setAttribute("valing", "top");
		
	var edit_main_tr4  = document.createElement('tr');
      		edit_main_tr4.setAttribute("valing", "top");
		
	var edit_main_tr5  = document.createElement('tr');
      		edit_main_tr5.setAttribute("valing", "top");
			
	var edit_main_tr6  = document.createElement('tr');
      		edit_main_tr6.setAttribute("valing", "top");

	var edit_main_td1 = document.createElement('td');
		edit_main_td1.style.cssText = "padding-top:10px";	
	var edit_main_td1_1 = document.createElement('td');
		edit_main_td1_1.style.cssText = "padding-top:10px";		
	var edit_main_td2 = document.createElement('td');
		edit_main_td2.style.cssText = "padding-top:10px";
	var edit_main_td2_1 = document.createElement('td');
		edit_main_td2_1.style.cssText = "padding-top:10px";

	var edit_main_td3 = document.createElement('td');
		edit_main_td3.style.cssText = "padding-top:10px";
	var edit_main_td3_1 = document.createElement('td');
		edit_main_td3_1.style.cssText = "padding-top:10px";

	var edit_main_td4 = document.createElement('td');
		edit_main_td4.style.cssText = "padding-top:10px";
	var edit_main_td4_1 = document.createElement('td');
		edit_main_td4_1.style.cssText = "padding-top:10px";
	var edit_main_td5 = document.createElement('td');
		edit_main_td5.style.cssText = "padding-top:10px";
	var edit_main_td5_1 = document.createElement('td');
		edit_main_td5_1.style.cssText = "padding-top:10px";
				
	var edit_main_td6 = document.createElement('td');
		edit_main_td6.style.cssText = "padding-top:10px";
	var edit_main_td6_1 = document.createElement('td');
		edit_main_td6_1.style.cssText = "padding-top:10px";
		  
		  
	var el_page_title_label = document.createElement('label');
			el_page_title_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_page_title_label.innerHTML = "Page Title";
		
	var el_page_title_input = document.createElement('input');
			el_page_title_input.setAttribute("id", "el_page_title_input");
			el_page_title_input.setAttribute("type", "text");
			el_page_title_input.setAttribute("name", "el_page_title_input");
			el_page_title_input.setAttribute("value", w_page_title);
			el_page_title_input.style.cssText =   "padding:0; border-width: 1px";
            el_page_title_input.setAttribute("onKeyup", "pagebreak_title_change(this.value,'"+i+"')");
		  
		  
		  
		  
		  
		  
		  
	var el_type_next_label = document.createElement('label');
			el_type_next_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_type_next_label.innerHTML = "Next Type";
		
	var el_type_next_button = document.createElement('input');
			el_type_next_button.setAttribute("id", "el_type_next_button");
			el_type_next_button.setAttribute("type", "radio");
			el_type_next_button.setAttribute("name", "el_type_next");
			el_type_next_button.setAttribute("value", "button");
			el_type_next_button.style.cssText =   "padding:0; border-width: 1px";
            el_type_next_button.setAttribute("onclick", "pagebreak_type_change('next','button')");
		Button_next = document.createTextNode("Button");
			
	var el_type_next_text = document.createElement('input');
			el_type_next_text.setAttribute("id", "el_type_next_text");
			el_type_next_text.setAttribute("type", "radio");
			el_type_next_text.setAttribute("name", "el_type_next");
			el_type_next_text.setAttribute("value", "text");
			el_type_next_text.style.cssText =   " padding:0; border-width: 1px";
            el_type_next_text.setAttribute("onclick", "pagebreak_type_change('next','text')");
		Text_next = document.createTextNode("Text");
		
	var el_type_next_img = document.createElement('input');
			el_type_next_img.setAttribute("id", "el_type_next_img");
			el_type_next_img.setAttribute("type", "radio");
			el_type_next_img.setAttribute("name", "el_type_next");
			el_type_next_img.setAttribute("value", "img");
			el_type_next_img.style.cssText =   "padding:0; border-width: 1px";
            el_type_next_img.setAttribute("onclick", "pagebreak_type_change('next','img')");
		Image_next = document.createTextNode("Image");
		
	if(w_type[0]=='button')
		el_type_next_button.setAttribute("checked","checked");
	else
		if(w_type[0]=='text')
			el_type_next_text.setAttribute("checked","checked");
		else
			el_type_next_img.setAttribute("checked","checked");
				
	var el_title_next_label = document.createElement('label');
			el_title_next_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_title_next_label.setAttribute("id", "next_label");
			el_title_next_label.innerHTML = "Next name";
		
	var el_title_next = document.createElement('input');
			el_title_next.setAttribute("id", "el_title_next");
			el_title_next.setAttribute("type", "text");
			el_title_next.setAttribute("value", w_title[0]);
			el_title_next.style.cssText =   "width:150px;   padding:0; border-width: 1px";
			el_title_next.setAttribute("onKeyUp", "change_pagebreak_label( this.value, 'next');");
			el_title_next.setAttribute("onChange", "change_pagebreak_label( this.value, 'next');");
			
	var el_style_next_label = document.createElement('label');
	        el_style_next_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_style_next_label.innerHTML = "Next Class name";
	
	var el_style_next_textarea = document.createElement('input');
            el_style_next_textarea.setAttribute("id", "next_element_style");
			el_style_next_textarea.setAttribute("type", "text");
			el_style_next_textarea.setAttribute("value", w_class[0]);
            el_style_next_textarea.style.cssText = "width:100px; ";
            el_style_next_textarea.setAttribute("onChange", "change_pagebreak_class(this.value, 'next')");

	var el_check_next_label = document.createElement('label');
			el_check_next_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_check_next_label.innerHTML = "Check the required fields";
		
	var el_check_next_input = document.createElement('input');
			el_check_next_input.setAttribute("id", "el_check_next_input");
			el_check_next_input.setAttribute("type", "checkbox");
			el_check_next_input.setAttribute("onClick", "set_checkable('next');");
			
	if(w_check[0]=="true")
		el_check_next_input.setAttribute("checked","checked");
		

			
			
			
			
			
				
	var el_type_previous_label = document.createElement('label');
			el_type_previous_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_type_previous_label.innerHTML = "Previous Type";
		
	var el_type_previous_button = document.createElement('input');
			el_type_previous_button.setAttribute("id", "el_type_previous_button");
			el_type_previous_button.setAttribute("type", "radio");
			el_type_previous_button.setAttribute("name", "el_type_previous");
			el_type_previous_button.setAttribute("value", "button");
			el_type_previous_button.style.cssText =   " padding:0; border-width: 1px";
            el_type_previous_button.setAttribute("onclick", "pagebreak_type_change('previous','button')");
		Button_previous = document.createTextNode("Button");
			
	var el_type_previous_text = document.createElement('input');
			el_type_previous_text.setAttribute("id", "el_type_previous_text");
			el_type_previous_text.setAttribute("type", "radio");
			el_type_previous_text.setAttribute("name", "el_type_previous");
			el_type_previous_text.setAttribute("value", "text");
			el_type_previous_text.style.cssText =   " padding:0; border-width: 1px";
            el_type_previous_text.setAttribute("onclick", "pagebreak_type_change('previous','text')");
		Text_previous = document.createTextNode("Text");
		
	var el_type_previous_img = document.createElement('input');
			el_type_previous_img.setAttribute("id", "el_type_previous_img");
			el_type_previous_img.setAttribute("type", "radio");
			el_type_previous_img.setAttribute("name", "el_type_previous");
			el_type_previous_img.setAttribute("value", "img");
			el_type_previous_img.style.cssText =   "  padding:0; border-width: 1px";
            el_type_previous_img.setAttribute("onclick", "pagebreak_type_change('previous','img')");
		Image_previous = document.createTextNode("Image");
		
	if(w_type[1]=='button')
		el_type_previous_button.setAttribute("checked","checked");
	else
		if(w_type[1]=='text')
			el_type_previous_text.setAttribute("checked","checked");
		else
			el_type_previous_img.setAttribute("checked","checked");
				
	var el_title_previous_label = document.createElement('label');
			el_title_previous_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_title_previous_label.setAttribute("id", "previous_label");
			el_title_previous_label.innerHTML = "Previous name";
		
	var el_title_previous = document.createElement('input');
			el_title_previous.setAttribute("id", "el_title_previous");
			el_title_previous.setAttribute("type", "text");
			el_title_previous.setAttribute("value", w_title[1]);
			el_title_previous.style.cssText =   "width:150px; padding:0; border-width: 1px";
			el_title_previous.setAttribute("onKeyUp", "change_pagebreak_label( this.value, 'previous');");
			el_title_previous.setAttribute("onChange", "change_pagebreak_label( this.value, 'previous');");
			
	var el_style_previous_label = document.createElement('label');
	        el_style_previous_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_style_previous_label.innerHTML = "Previous Class name";
	
	var el_style_previous_textarea = document.createElement('input');
            el_style_previous_textarea.setAttribute("id", "previous_element_style");
			el_style_previous_textarea.setAttribute("type", "text");
			el_style_previous_textarea.setAttribute("value", w_class[1]);
            el_style_previous_textarea.style.cssText = "width:100px;";
            el_style_previous_textarea.setAttribute("onChange", "change_pagebreak_class(this.value, 'previous')");

	var el_check_previous_label = document.createElement('label');
			el_check_previous_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_check_previous_label.innerHTML = "Check the required fields";
		
	var el_check_previous_input = document.createElement('input');
			el_check_previous_input.setAttribute("id", "el_check_previous_input");
			el_check_previous_input.setAttribute("type", "checkbox");
			el_check_previous_input.setAttribute("onClick", "set_checkable('previous');");
			
	if(w_check[1]=="true")
		el_check_previous_input.setAttribute("checked","checked");
		

			
			
			
			
			
			
			

			
	var el_attr_label = document.createElement('label');
	                el_attr_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
			el_attr_label.innerHTML = "Additional Attributes";
	var el_attr_add = document.createElement('img');
                el_attr_add.setAttribute("id", "el_choices_add");
           	el_attr_add.setAttribute("src", fmc_plugin_url+'/images/add.png');
            	el_attr_add.style.cssText = 'cursor:pointer; margin-left:68px';
            	el_attr_add.setAttribute("title", 'add');
                el_attr_add.setAttribute("onClick", "add_attr( 'type_checkbox')");

	var el_attr_table = document.createElement('table');
                el_attr_table.setAttribute("id", 'attributes');
                el_attr_table.setAttribute("border", '0');
        	el_attr_table.style.cssText = 'margin-left:0px';
	var el_attr_tr_label = document.createElement('tr');
                el_attr_tr_label.setAttribute("idi", '0');
	var el_attr_td_name_label = document.createElement('th');
            	el_attr_td_name_label.style.cssText = 'width:100px';
	var el_attr_td_value_label = document.createElement('th');
            	el_attr_td_value_label.style.cssText = 'width:100px';
	var el_attr_td_X_label = document.createElement('th');
            	el_attr_td_X_label.style.cssText = 'width:10px';
	var el_attr_name_label = document.createElement('label');
	                el_attr_name_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 11px";
			el_attr_name_label.innerHTML = "Name";
			
	var el_attr_value_label = document.createElement('label');
	                el_attr_value_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 11px";
			el_attr_value_label.innerHTML = "Value";
			
	el_attr_table.appendChild(el_attr_tr_label);
	el_attr_tr_label.appendChild(el_attr_td_name_label);
	el_attr_tr_label.appendChild(el_attr_td_value_label);
	el_attr_tr_label.appendChild(el_attr_td_X_label);
	el_attr_td_name_label.appendChild(el_attr_name_label);
	el_attr_td_value_label.appendChild(el_attr_value_label);
	
	n=w_attr_name.length;
	for(j=1; j<=n; j++)
	{	
		var el_attr_tr = document.createElement('tr');
			el_attr_tr.setAttribute("id", "attr_row_"+j);
			el_attr_tr.setAttribute("idi", j);
		var el_attr_td_name = document.createElement('td');
			el_attr_td_name.style.cssText = 'width:100px';
		var el_attr_td_value = document.createElement('td');
			el_attr_td_value.style.cssText = 'width:100px';
		
		var el_attr_td_X = document.createElement('td');
		var el_attr_name = document.createElement('input');
	
			el_attr_name.setAttribute("type", "text");
	
			el_attr_name.style.cssText = "width:100px";
			el_attr_name.setAttribute("value", w_attr_name[j-1]);
			el_attr_name.setAttribute("id", "attr_name"+j);
			el_attr_name.setAttribute("onChange", "change_attribute_name("+i+", this, 'type_checkbox')");
			
		var el_attr_value = document.createElement('input');
	
			el_attr_value.setAttribute("type", "text");
	
			el_attr_value.style.cssText = "width:100px";
			el_attr_value.setAttribute("value", w_attr_value[j-1]);
			el_attr_value.setAttribute("id", "attr_value"+j);
			el_attr_value.setAttribute("onChange", "change_attribute_value("+i+", "+j+", 'type_checkbox')");
	
		var el_attr_remove = document.createElement('img');
			el_attr_remove.setAttribute("id", "el_choices"+j+"_remove");
			el_attr_remove.setAttribute("src", fmc_plugin_url+'/images/delete.png');
			el_attr_remove.style.cssText = 'cursor:pointer; vertical-align:middle; margin:3px';
			el_attr_remove.setAttribute("align", 'top');
			el_attr_remove.setAttribute("onClick", "remove_attr("+j+", "+i+", 'type_checkbox')");
		el_attr_table.appendChild(el_attr_tr);
		el_attr_tr.appendChild(el_attr_td_name);
		el_attr_tr.appendChild(el_attr_td_value);
		el_attr_tr.appendChild(el_attr_td_X);
		el_attr_td_name.appendChild(el_attr_name);
		el_attr_td_value.appendChild(el_attr_value);
		el_attr_td_X.appendChild(el_attr_remove);
		
	}

	var t  = document.getElementById('edit_table');
	
	var hr = document.createElement('hr');
	var br = document.createElement('br');
	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 br6 = document.createElement('br');
	var br7 = document.createElement('br');
	var br8= document.createElement('br');
	var br9= document.createElement('br');
	var br10= document.createElement('br');
	var br11= document.createElement('br');
	var br12= document.createElement('br');
	var br13= document.createElement('br');
	var br14= document.createElement('br');
	var br20= document.createElement('br');
	var br21= document.createElement('br');
	var br22= document.createElement('br');
	
	edit_main_td1.appendChild(el_page_title_label);
	edit_main_td1_1.appendChild(el_page_title_input);
	
	edit_main_td3.appendChild(el_type_next_label);
	edit_main_td3.appendChild(br10);
	edit_main_td3.appendChild(el_title_next_label);
	edit_main_td3.appendChild(br11);
	edit_main_td3.appendChild(el_style_next_label);
	edit_main_td3.appendChild(br12);
	edit_main_td3.appendChild(el_check_next_label);
	edit_main_td3_1.appendChild(el_type_next_button);
	edit_main_td3_1.appendChild(Button_next);
	edit_main_td3_1.appendChild(el_type_next_text);
	edit_main_td3_1.appendChild(Text_next);
	edit_main_td3_1.appendChild(el_type_next_img);
	edit_main_td3_1.appendChild(Image_next);
	edit_main_td3_1.appendChild(br);
	edit_main_td3_1.appendChild(el_title_next);
	edit_main_td3_1.appendChild(br4);
	edit_main_td3_1.appendChild(el_style_next_textarea);
	edit_main_td3_1.appendChild(br7);
	edit_main_td3_1.appendChild(el_check_next_input);
	
	//edit_main_td5.appendChild(hr);
	
	edit_main_td4.appendChild(el_type_previous_label);
	edit_main_td4.appendChild(br20);
	edit_main_td4.appendChild(el_title_previous_label);
	edit_main_td4.appendChild(br21);
	edit_main_td4.appendChild(el_style_previous_label);
	edit_main_td4.appendChild(br22);
	edit_main_td4.appendChild(el_check_previous_label);
	
	edit_main_td4_1.appendChild(el_type_previous_button);
	edit_main_td4_1.appendChild(Button_previous);
	edit_main_td4_1.appendChild(el_type_previous_text);
	edit_main_td4_1.appendChild(Text_previous);
	edit_main_td4_1.appendChild(el_type_previous_img);
	edit_main_td4_1.appendChild(Image_previous);
	edit_main_td4_1.appendChild(el_title_previous);
	edit_main_td4_1.appendChild(br5);
	edit_main_td4_1.appendChild(el_style_previous_textarea);
	edit_main_td4_1.appendChild(br8);
	edit_main_td4_1.appendChild(el_check_previous_input);
	
	
	
	edit_main_td2.appendChild(el_attr_label);
	edit_main_td2.appendChild(el_attr_add);
	edit_main_td2.appendChild(br3);
	edit_main_td2.appendChild(el_attr_table);
	edit_main_td2.setAttribute("colspan", "2");
	
	edit_main_tr1.appendChild(edit_main_td1);
	edit_main_tr1.appendChild(edit_main_td1_1);
	edit_main_tr2.appendChild(edit_main_td2);
//	edit_main_tr2.appendChild(edit_main_td2_1);
	edit_main_tr3.appendChild(edit_main_td3);
	edit_main_tr3.appendChild(edit_main_td3_1);
	edit_main_tr4.appendChild(edit_main_td4);
	edit_main_tr4.appendChild(edit_main_td4_1);
	edit_main_tr6.appendChild(edit_main_td6);
//	edit_main_tr6.appendChild(edit_main_td6_1);
	edit_main_tr5.appendChild(edit_main_td5);
//	edit_main_tr5.appendChild(edit_main_td5_1);

	edit_main_table.appendChild(edit_main_tr1);
	edit_main_table.appendChild(edit_main_tr3);
	edit_main_table.appendChild(edit_main_tr4);
	edit_main_table.appendChild(edit_main_tr2);

	edit_div.appendChild(edit_main_table);
	
	t.appendChild(edit_div);
	
//show table

	element='button';	type='button'; 
    var div = document.createElement('div');
       	div.setAttribute("id", "main_div");
//tbody sarqac
		
		
	var table = document.createElement('table');
		table.setAttribute("id", "_elemet_tableform_id_temp");
	
    var tr = document.createElement('tr');
	
      	var td2 = document.createElement('td');
        	td2.setAttribute("valign", 'top');
         	td2.setAttribute("align", 'left');
           	td2.setAttribute("id", "_element_sectionform_id_temp");

      	var br1 = document.createElement('br');
      	var br2 = document.createElement('br');
     	var br3 = document.createElement('br');
      	var br4 = document.createElement('br');
	//	table_little -@ sarqaca tbody table_little darela table_little_t
			
		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.innerHTML='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 />--------------------------------------"
				
		td2.appendChild(div_page_title);
		td2.appendChild(div_fields);
		td2.appendChild(adding_next);
		td2.appendChild(div_between);
		td2.appendChild(adding_previous);
      	var main_td  = document.getElementById('show_table');
	
      
      	tr.appendChild(td2);
      	table.appendChild(tr);
      

      	div.appendChild(table);
      	div.appendChild(br1);
      	main_td.appendChild(div);
refresh_attr(i, 'type_page_break');
}

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

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 change_pagebreak_class(val, type)
{
	document.getElementById("page_"+type+'_0').setAttribute('class', val);
	document.getElementById("_div_between").setAttribute(type+'_class',val);
}

function change_pagebreak_label(val, type)
{
button_type=document.getElementById("_div_between").getAttribute(type+'_type');
if(button_type!="img")
{
	document.getElementById("page_"+type+'_0').value=val;
	document.getElementById("page_"+type+'_0').innerHTML=val;
}
else
{
	document.getElementById("page_"+type+'_0').src=val;
}
	document.getElementById("_div_between").setAttribute(type+'_title',val);

}

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.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
				el_title_label.setAttribute('id', pagebreak_type+"_label");
				el_title_label.setAttribute('type', "button");
				el_title_label.innerHTML = pagebreak_type+" "+ 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.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
				el_title_label.setAttribute('id', pagebreak_type+"_label");
				el_title_label.innerHTML = pagebreak_type+" "+ 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('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;

			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', fmc_plugin_url+'/images/'+pagebreak_type+'.png');
			
		var el_title_label = document.createElement('label');
				el_title_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
				el_title_label.setAttribute('id', pagebreak_type+"_label");
				el_title_label.innerHTML = pagebreak_type+" "+ 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=fmc_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=fmc_plugin_url+'/images/'+pagebreak_type+'.png';
				
			document.getElementById("_element_section_"+pagebreak_type).replaceChild(element, document.getElementById("page_"+pagebreak_type+'_0'));
			
			  break;
		}

}
}

function addRow(b) {
	if (document.getElementById('show_table').innerHTML) {
    document.getElementById('show_table').innerHTML = "";
    document.getElementById('edit_table').innerHTML = "";
  }
	alltypes = Array('customHTML','text','checkbox','radio','time_and_date','select','file_upload','captcha','map','button','page_break','section_break', 'paypal', 'survey');
  for (x = 0; x < 14; x++) {
      if (alltypes[x] != 'time_and_date' && alltypes[x] != 'select' && alltypes[x] != 'checkbox' && alltypes[x] != 'radio' && alltypes[x] != 'file_upload' && alltypes[x] != 'paypal' && alltypes[x] != 'survey') {
      document.getElementById('img_'+alltypes[x]).parentNode.style.backgroundColor = '';
    }
  }
  document.getElementById('img_' + b).parentNode.style.backgroundColor = '#FE6400';
	switch(b) {
		case 'customHTML': { el_editor();  break;}
		case 'text': { el_text();  break;}
		case 'checkbox':{ alert('This field type is disabled in free version. If you need this functionality, you need to buy the commercial version.'); break;}
		case 'radio':{ alert('This field type is disabled in free version. If you need this functionality, you need to buy the commercial version.'); break;}
		case 'time_and_date':{ alert('This field type is disabled in free version. If you need this functionality, you need to buy the commercial version.'); break; }
		case 'select':{ alert('This field type is disabled in free version. If you need this functionality, you need to buy the commercial version.'); break; }
		case 'file_upload':{ alert('This field type is disabled in free version. If you need this functionality, you need to buy the commercial version.'); break; }
		case 'captcha':{ el_captcha(); break; }
		case 'map':{ el_map(); break; }
		case 'button':{ el_button(); break; }
		case 'page_break':{ el_page_break(); break; }
		case 'section_break':{ el_section_break(); break; }
    case 'paypal':{ alert('This field type is disabled in free version. If you need this functionality, you need to buy the commercial version.'); break; }
    case 'survey':{ alert('This field type is disabled in free version. If you need this functionality, you need to buy the commercial version.'); break; }
  }
  var pos = document.getElementsByName("el_pos");
  pos[0].checked = "checked";
}

function go_to_type_star_rating(new_id)
{
 	w_attr_name=[];
 	w_attr_value=[];
	type_star_rating(new_id,'Star Rating:', 'left', 'yellow', '5', 'no', 'wdform_star_rating', w_attr_name, w_attr_value);			
}


function go_to_type_scale_rating(new_id)
{
 	w_attr_name=[];
 	w_attr_value=[];
	w_mini_labels=['Worst', 'Best'];
	type_scale_rating(new_id,'Scale Rating:', 'left', w_mini_labels, '5', 'no','wdform_scale_rating',w_attr_name, w_attr_value);			
}

function go_to_type_spinner(new_id)
{
 	w_attr_name=[];
 	w_attr_value=[];
type_spinner(new_id,'Spinner:', 'left', '50', '', '', '1', '', 'no','',w_attr_name, w_attr_value);			

}

function go_to_type_slider(new_id)
{
 	w_attr_name=[];
 	w_attr_value=[];
type_slider(new_id,'Slider:', 'left', '200', '0', '100', '0', 'no','',w_attr_name, w_attr_value);				
}

function go_to_type_range(new_id)
{
 	w_attr_name=[];
 	w_attr_value=[];
  w_mini_labels = ['From', 'To'];
  type_range (new_id,'Range:', 'left', '30', '1' , '', '', w_mini_labels, 'no','',w_attr_name, w_attr_value);			

}

function go_to_type_grading(new_id)
{
 	w_attr_name=[];
 	w_attr_value=[];
	w_items = ['item1','item2','item3'];

type_grading(new_id,'Grading:', 'left', w_items, '100', 'no','wdform_grading',w_attr_name, w_attr_value);			

}

function go_to_type_matrix(new_id)
{
 	w_attr_name=[];
 	w_attr_value=[];
	
	w_rows = ['','row1','row2'];
	w_columns = ['','column1','column2'];
  type_matrix(new_id,'Matrix:', 'left', 'radio', w_rows, w_columns, 'no','wdform_matrix',w_attr_name, w_attr_value);				
}

function go_to_type_paypal_price(new_id) {
  w_attr_name = [];
 	w_attr_value = [];
 	w_first_val = ['',''];
 	w_title = ['',''];
  w_mini_labels=['Dollars','Cents'];
	type_paypal_price(new_id,'Amount:', 'left', w_first_val, w_title, w_mini_labels, '100', 'no', 'no', '',w_attr_name, w_attr_value, '', '')
}

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_disabled = [true, false, false];
 	w_attr_name = [];
 	w_attr_value = [];
 	w_property = [];
 	w_property_values = [];
	type_paypal_select(new_id, 'Select Product:', 'left', '200',w_choices, w_choices_price, w_choices_checked, 'no','no','wdform_select',w_attr_name, w_attr_value, w_choices_disabled, w_property, w_property_values);
}

function go_to_type_paypal_checkbox(new_id) {
 	w_choices = [ "Product 1", "Product 2"];
 	w_choices_price = [ "100", "200"];
 	w_choices_checked = ["0", "0"];
 	w_attr_name = [];
 	w_attr_value = [];
 	w_property = [];
 	w_property_values = [];
	type_paypal_checkbox(new_id,'Checkbox:', 'left', 'ver', w_choices,w_choices_price, w_choices_checked, 'no', 'no', 'no','0', '',w_attr_name, w_attr_value, w_property, w_property, w_property_values, 'no');
}

function go_to_type_paypal_radio(new_id) {
 	w_choices = [ "Product 1", "Product 2"];
	w_choices_price = [ "100", "200"];
	w_choices_checked = ["0", "0"];
 	w_attr_name = [];
	w_attr_value = [];
	w_property = [];
 	w_property_values = [];
	type_paypal_radio(new_id,'Radio:', 'left', 'ver', w_choices, w_choices_price, w_choices_checked, 'no', 'no', 'no','0','',w_attr_name, w_attr_value,  w_property, w_property_values);
}

function go_to_type_paypal_shipping(new_id) {
 	w_choices = [ "Type 1", "Type 2"];
  w_choices_price = [ "100", "200"];
	w_choices_checked = ["0", "0"];
	w_attr_name = [];
 	w_attr_value = [];
 	w_property = [];
	w_property_values = [];
	type_paypal_shipping(new_id,'Shipping:', 'left', 'ver', w_choices, w_choices_price, w_choices_checked, 'no', 'no', 'no','0','',w_attr_name, w_attr_value,  w_property, w_property_values);
}

function go_to_type_paypal_total(new_id) {
  type_paypal_total(new_id,'Total:', 'left', '');
}

function el_section_break() {
  if (document.getElementById("editing_id").value) {
		new_id = document.getElementById("editing_id").value;
  }
	else {
		new_id = gen;
  }
	var pos = document.getElementsByName("el_pos");
	pos[0].removeAttribute("disabled");
	pos[1].removeAttribute("disabled");
	pos[2].removeAttribute("disabled");
	var sel_el_pos = document.getElementById("sel_el_pos");
	sel_el_pos.removeAttribute("disabled", "disabled");
	type_section_break(new_id,'<hr/>');
}

function el_button() {
  if (document.getElementById("editing_id").value) {
    new_id=document.getElementById("editing_id").value;
  }
  else {
    new_id = gen;
  }
	


//edit table
	var td  = document.getElementById('edit_table');
	//type select		
	var el_type_label = document.createElement('label');
	
	el_type_label.style.cssText = "color: #00aeef; font-weight: bold; font-size: 13px";
	el_type_label.innerHTML = "<br />&nbsp;&nbsp;Field type";
	td.appendChild(el_type_label);
	var el_type_radio_submit_reset = document.createElement('input');
                el_type_radio_submit_reset.setAttribute("type", "radio");
		el_type_radio_submit_reset.style.cssText = "margin-left:15px";
                el_type_radio_submit_reset.setAttribute("name", "el_type");
                el_type_radio_submit_reset.setAttribute("onclick", "go_to_type_submit_reset('"+new_id+"')");
		el_type_radio_submit_reset.setAttribute("checked", "checked");
		Submit_and_Reset = document.createTextNode("Submit and Reset");
		
	var el_type_radio_custom = document.createElement('input');
                el_type_radio_custom.setAttribute("type", "radio");
		el_type_radio_custom.style.cssText = "margin-left:15px";
               
	       el_type_radio_custom.setAttribute("name", "el_type");
                el_type_radio_custom.setAttribute("onclick", "go_to_type_button('"+new_id+"')");
		Custom = document.createTextNode("Custom");
	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');
	

	td.appendChild(br1);
	td.appendChild(el_type_radio_submit_reset);
	td.appendChild(Submit_and_Reset);
	td.appendChild(br2);
	td.appendChild(el_type_radio_custom);
	td.appendChild(Custom);

	var pos=document.getElementsByName("el_pos");
			pos[0].removeAttribute("disabled");
			pos[1].removeAttribute("disabled");
			pos[2].removeAttribute("disabled");
		
	var sel_el_pos=document.getElementById("sel_el_pos");
		sel_el_pos.removeAttribute("disabled", "disabled");


	go_to_type_submit_reset(new_id);
	
}

function go_to_type_hidden(new_id)
{
 	w_attr_name=[];
 	w_attr_value=[];
	type_hidden(new_id,'', '', '', w_attr_name, w_attr_value);
}

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 go_to_type_mark_map(new_id)
{
 	w_attr_name=[];
 	w_attr_value=[];
	type_mark_map(new_id, 'Mark your place on map:', 'left', '2.294254', '48.858334', "2.294254", "48.858334", "13", "400","300", 'wdform_map', '', w_attr_name, w_attr_value);
}

function el_map()
{
    if(document.getElementById("editing_id").value)
        new_id=document.getElementById("editing_id").value;
    else
        new_id=gen;

    w_long=['2.294254'];
    w_lat=['48.858334'];
    w_info=[''];

    var pos=document.getElementsByName("el_pos");
    pos[0].removeAttribute("disabled");
    pos[1].removeAttribute("disabled");
    pos[2].removeAttribute("disabled");

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

    w_attr_name=[];
    w_attr_value=[];
    type_map(new_id, '2.294254', '48.858334', w_long, w_lat, "13", "400","300", 'wdform_map', w_info, w_attr_name, w_attr_value);
}

function el_editor()
{
	if(document.getElementById("editing_id").value)
	new_id=document.getElementById("editing_id").value;
else
	new_id=gen;
	

	var pos=document.getElementsByName("el_pos");
			pos[0].removeAttribute("disabled");
			pos[1].removeAttribute("disabled");
			pos[2].removeAttribute("disabled");
		
	var sel_el_pos=document.getElementById("sel_el_pos");
		sel_el_pos.removeAttribute("disabled", "disabled");

	type_editor(new_id,'');
}

function el_text()
{
	
if(document.getElementById("editing_id").value)
	new_id=document.getElementById("editing_id").value;
else
	new_id=gen;
	

//edit table
	var td  = document.getElementById('edit_table');
	//type select		
	var el_type_label = document.createElement('label');
	
	el_type_label.style.cssText = "color: #00aeef; font-weight: bold; font-size: 13px";
	//el_type_label.setAttribute("style" , "color: #00aeef; font-weight: bold; font-size: 13px", 0 );
	el_type_label.innerHTML = "<br />&nbsp;&nbsp;Field type";
	td.appendChild(el_type_label);

	var el_type_radio_text = document.createElement('input');
                el_type_radio_text.setAttribute("id", "el_type_radio_text");
                el_type_radio_text.setAttribute("type", "radio");
				el_type_radio_text.style.cssText = "margin-left:15px";
                el_type_radio_text.setAttribute("value", "text");
                el_type_radio_text.setAttribute("name", "el_type");
                el_type_radio_text.setAttribute("onclick", "go_to_type_text('"+new_id+"')");
		el_type_radio_text.setAttribute("checked", "checked");
		Text = document.createTextNode("Simple text");
		
	var el_type_radio_password = document.createElement('input');
                el_type_radio_password.setAttribute("id", "el_type_radio_password");
                el_type_radio_password.setAttribute("type", "radio");
				el_type_radio_password.style.cssText = "margin-left:15px";
                el_type_radio_password.setAttribute("value", "password");
                el_type_radio_password.setAttribute("name", "el_type");
                el_type_radio_password.setAttribute("onclick", "go_to_type_password('"+new_id+"')");
		Password = document.createTextNode("Password");

	var el_type_radio_textarea = document.createElement('input');
                el_type_radio_textarea.setAttribute("id", "el_type_radio_textarea");
                el_type_radio_textarea.setAttribute("type", "radio");
				el_type_radio_textarea.style.cssText = "margin-left:15px";
                el_type_radio_textarea.setAttribute("value", "textarea");
                el_type_radio_textarea.setAttribute("name", "el_type");
                el_type_radio_textarea.setAttribute("onclick", "go_to_type_textarea('"+new_id+"')");
		Textarea = document.createTextNode("Text area");
		
	var el_type_radio_name = document.createElement('input');
                el_type_radio_name.setAttribute("id", "el_type_radio_name");
                el_type_radio_name.setAttribute("type", "radio");
				el_type_radio_name.style.cssText = "margin-left:15px";
                el_type_radio_name.setAttribute("value", "name");
                el_type_radio_name.setAttribute("name", "el_type");
                el_type_radio_name.setAttribute("onclick", "go_to_type_name('"+new_id+"')");
		Name = document.createTextNode("Name");
		
	var el_type_radio_submitter_mail= document.createElement('input');
                el_type_radio_submitter_mail.setAttribute("id", "el_type_radio_submitter_mail");
                el_type_radio_submitter_mail.setAttribute("type", "radio");
				el_type_radio_submitter_mail.style.cssText = "margin-left:15px";
                el_type_radio_submitter_mail.setAttribute("value", "submitter_mail");
                el_type_radio_submitter_mail.setAttribute("name", "el_type");
                el_type_radio_submitter_mail.setAttribute("onclick", "go_to_type_submitter_mail('"+new_id+"')");
		Submitter_mail = document.createTextNode("E-mail");

	var el_type_radio_number= document.createElement('input');
                el_type_radio_number.setAttribute("id", "el_type_radio_number");
                el_type_radio_number.setAttribute("type", "radio");
				el_type_radio_number.style.cssText = "margin-left:15px";
                el_type_radio_number.setAttribute("value", "number");
                el_type_radio_number.setAttribute("name", "el_type");
                el_type_radio_number.setAttribute("onclick", "go_to_type_number('"+new_id+"')");
		Number = document.createTextNode("Number");


	var el_type_radio_phone= document.createElement('input');
                el_type_radio_phone.setAttribute("id", "el_type_radio_phone");
                el_type_radio_phone.setAttribute("type", "radio");
				el_type_radio_phone.style.cssText = "margin-left:15px";
                el_type_radio_phone.setAttribute("value", "phone");
                el_type_radio_phone.setAttribute("name", "el_type");
                el_type_radio_phone.setAttribute("onclick", "go_to_type_phone('"+new_id+"')");
		Phone = document.createTextNode("Phone");

	var el_type_radio_hidden = document.createElement('input');
                el_type_radio_hidden.setAttribute("type", "radio");
				el_type_radio_hidden.style.cssText = "margin-left:15px";
                el_type_radio_hidden.setAttribute("name", "el_type");
                el_type_radio_hidden.setAttribute("onclick", "go_to_type_hidden('"+new_id+"')");
		Hidden = document.createTextNode("Hidden field");
		
var el_type_radio_address = document.createElement('input');
                el_type_radio_address.setAttribute("id", "el_type_radio_address");
                el_type_radio_address.setAttribute("type", "radio");
				el_type_radio_address.style.cssText = "margin-left:15px";
                el_type_radio_address.setAttribute("value", "address");
                el_type_radio_address.setAttribute("name", "el_type");
                el_type_radio_address.setAttribute("onchange", "go_to_type_address('"+new_id+"')");
		Address = document.createTextNode("Address");
	
var el_type_radio_mark_map = document.createElement('input');
                el_type_radio_mark_map.setAttribute("id", "el_type_radio_mark_map");
                el_type_radio_mark_map.setAttribute("type", "radio");
				el_type_radio_mark_map.style.cssText = "margin-left:15px";
                el_type_radio_mark_map.setAttribute("value", "mark_map");
                el_type_radio_mark_map.setAttribute("name", "el_type");
                el_type_radio_mark_map.setAttribute("onchange", "go_to_type_mark_map('"+new_id+"')");
		Mark_map = document.createTextNode("Address(mark on map)");
	
	
	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 br6 = document.createElement('br');
	var br7 = document.createElement('br');
	var br8 = document.createElement('br');
	var br9 = document.createElement('br');
	var br10 = document.createElement('br');
	

	td.appendChild(br1);
	td.appendChild(el_type_radio_text);
	td.appendChild(Text);
	td.appendChild(br2);
	td.appendChild(el_type_radio_password);
	td.appendChild(Password);
	td.appendChild(br3);
	td.appendChild(el_type_radio_textarea);
	td.appendChild(Textarea);
	td.appendChild(br4);
	td.appendChild(el_type_radio_name);
	td.appendChild(Name);
	td.appendChild(br5);
	td.appendChild(el_type_radio_address);
	td.appendChild(Address);
	td.appendChild(br10);
	td.appendChild(el_type_radio_mark_map);
	td.appendChild(Mark_map);
	td.appendChild(br9);
	td.appendChild(el_type_radio_submitter_mail);
	td.appendChild(Submitter_mail);
	td.appendChild(br6);
	td.appendChild(el_type_radio_number);
	td.appendChild(Number);
	td.appendChild(br7);
	td.appendChild(el_type_radio_phone);
	td.appendChild(Phone);
	td.appendChild(br8);
	td.appendChild(el_type_radio_hidden);
	td.appendChild(Hidden);
	
	var pos=document.getElementsByName("el_pos");
			pos[0].removeAttribute("disabled");
			pos[1].removeAttribute("disabled");
			pos[2].removeAttribute("disabled");
		
	var sel_el_pos=document.getElementById("sel_el_pos");
		sel_el_pos.removeAttribute("disabled", "disabled");

			
	go_to_type_text(new_id);
	
}

function go_to_type_text(new_id)
{
 	w_attr_name=[];
 	w_attr_value=[];
	type_text(new_id,'Text:', 'left', '200', '', '', 'no', 'no', '',w_attr_name, w_attr_value);
}

function go_to_type_number(new_id)
{
 	w_attr_name=[];
 	w_attr_value=[];
	type_number(new_id,'Number:', 'left', '200', '', '', 'no', 'no', '',w_attr_name, w_attr_value);
}

function go_to_type_password(new_id)
{
 	w_attr_name=[];
 	w_attr_value=[];
	type_password(new_id,'Password:', 'left', '200', 'no', 'no', 'wdform_input',w_attr_name, w_attr_value);
}

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

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'];
	type_name(new_id,'Name:', 'left', w_first_val, w_title, w_mini_labels, '100', 'normal', 'no', 'no', '',w_attr_name, w_attr_value)
}
	
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'];
	type_address(new_id,'Address:', 'left', '300', w_mini_labels, w_disabled_fields, 'no', 'wdform_address', w_attr_name, w_attr_value)
}

function go_to_type_phone(new_id)
{
 	w_attr_name=[];
 	w_attr_value=[];
 	w_first_val=['',''];
 	w_title=['',''];
  w_mini_labels = ['Area Code','Phone Number'];
	type_phone(new_id,'Phone:', 'left', '135', w_first_val, w_title, w_mini_labels, 'no', 'no', '',w_attr_name, w_attr_value)
}

function go_to_type_submitter_mail(new_id)
{
 	w_attr_name=[];
 	w_attr_value=[];
	type_submitter_mail(new_id,'E-mail:', 'left', '200', '', '', 'no', 'no', '', w_attr_name, w_attr_value);
}

function go_to_type_time(new_id)
{
	
 	w_attr_name=[];
 	w_attr_value=[];
	w_mini_labels = ['HH','MM','SS', 'AM/PM'];
	type_time(new_id, 'Time:', 'left', '24', '0', '1','','','', w_mini_labels, 'no', '',w_attr_name, w_attr_value);
	
}

function go_to_type_date(new_id)
{
	
 	w_attr_name=[];
 	w_attr_value=[];
	
	type_date(new_id, 'Date:', 'left', '', 'no', '', '%Y-%m-%d', '...',w_attr_name, w_attr_value);
}

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:', 'left', '', '', '', 'SELECT', 'SELECT', 'SELECT', 'day', 'month', 'year', '45', '60', '60', 'no', 'wdform_date_fields', '1901', w_to, '&nbsp;/&nbsp;', w_attr_name, w_attr_value);
}

function go_to_type_button(new_id)
{
 	w_title=[ "Button"];
 	w_func=[""];
	
 	w_attr_name=[];
 	w_attr_value=[];
	
	type_button(new_id, w_title, w_func, 'wdform_button',w_attr_name, w_attr_value);
}

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

function go_to_type_country(new_id)
{
 	w_countries=["","Afghanistan","Albania",	"Algeria","Andorra","Angola","Antigua and Barbuda","Argentina","Armenia","Australia","Austria","Azerbaijan","Bahamas","Bahrain","Bangladesh","Barbados","Belarus","Belgium","Belize","Benin","Bhutan","Bolivia","Bosnia and Herzegovina","Botswana","Brazil","Brunei","Bulgaria","Burkina Faso","Burundi","Cambodia","Cameroon","Canada","Cape Verde","Central African Republic","Chad","Chile","China","Colombi","Comoros","Congo (Brazzaville)","Congo","Costa Rica","Cote d'Ivoire","Croatia","Cuba","Cyprus","Czech Republic","Denmark","Djibouti","Dominica","Dominican Republic","East Timor (Timor Timur)","Ecuador","Egypt","El Salvador","Equatorial Guinea","Eritrea","Estonia","Ethiopia","Fiji","Finland","France","Gabon","Gambia, The","Georgia","Germany","Ghana","Greece","Grenada","Guatemala","Guinea","Guinea-Bissau","Guyana","Haiti","Honduras","Hungary","Iceland","India","Indonesia","Iran","Iraq","Ireland","Israel","Italy","Jamaica","Japan","Jordan","Kazakhstan","Kenya","Kiribati","Korea, North","Korea, South","Kuwait","Kyrgyzstan","Laos","Latvia","Lebanon","Lesotho","Liberia","Libya","Liechtenstein","Lithuania","Luxembourg","Macedonia","Madagascar","Malawi","Malaysia","Maldives","Mali","Malta","Marshall Islands","Mauritania","Mauritius","Mexico","Micronesia","Moldova","Monaco","Mongolia","Morocco","Mozambique","Myanmar","Namibia","Nauru","Nepa","Netherlands","New Zealand","Nicaragua","Niger","Nigeria","Norway","Oman","Pakistan","Palau","Panama","Papua New Guinea","Paraguay","Peru","Philippines","Poland","Portugal","Qatar","Romania","Russia","Rwanda","Saint Kitts and Nevis","Saint Lucia","Saint Vincent","Samoa","San Marino","Sao Tome and Principe","Saudi Arabia","Senegal","Serbia and Montenegro","Seychelles","Sierra Leone","Singapore","Slovakia","Slovenia","Solomon Islands","Somalia","South Africa","Spain","Sri Lanka","Sudan","Suriname","Swaziland","Sweden","Switzerland","Syria","Taiwan","Tajikistan","Tanzania","Thailand","Togo","Tonga","Trinidad and Tobago","Tunisia","Turkey","Turkmenistan","Tuvalu","Uganda","Ukraine","United Arab Emirates","United Kingdom","United States","Uruguay","Uzbekistan","Vanuatu","Vatican City","Venezuela","Vietnam","Yemen","Zambia","Zimbabwe"];	
	w_attr_name=[];
 	w_attr_value=[];
	type_country(new_id,'Country:', w_countries, 'left', '200', 'no', 'wdform_select',w_attr_name, w_attr_value);
}

function el_captcha()
{
//edit table
if(document.getElementById("editing_id").value)
	new_id=document.getElementById("editing_id").value;
else
	new_id=gen;
	
	if(document.getElementById('_wd_captchaform_id_temp'))
	{
		alert("The captcha already has been created.");
		return;
	}
	
	if(document.getElementById('wd_recaptchaform_id_temp'))
	{
		alert("The captcha already has been created.");
		return;
	}
	
	var el_type_label = document.createElement('label');
                el_type_label.style.cssText ="color:#00aeef; font-weight:bold; font-size: 13px";
		el_type_label.innerHTML = "<br />&nbsp;&nbsp;Field type";
	
	var el_type_radio_captcha = document.createElement('input');
                el_type_radio_captcha.setAttribute("id", "el_type_captcha");
                el_type_radio_captcha.setAttribute("type", "radio");
                el_type_radio_captcha.setAttribute("value", "captcha");
                el_type_radio_captcha.style.cssText = "margin-left:15px";
                el_type_radio_captcha.setAttribute("name", "el_type_captcha");
                el_type_radio_captcha.setAttribute("onclick", "go_to_type_captcha('"+new_id+"')");
		el_type_radio_captcha.setAttribute("checked", "checked");
		Captcha = document.createTextNode("Simple Captcha");
		
	var el_type_radio_recaptcha = document.createElement('input');
                el_type_radio_recaptcha.setAttribute("id", "el_type_radio_recaptcha");
                el_type_radio_recaptcha.setAttribute("type", "radio");
                el_type_radio_recaptcha.setAttribute("value", "recaptcha");
                el_type_radio_recaptcha.style.cssText = "margin-left:15px";
                el_type_radio_recaptcha.setAttribute("name", "el_type_captcha");
                el_type_radio_recaptcha.setAttribute("onclick", "go_to_type_recaptcha('"+new_id+"')");
		Recaptcha_text = document.createTextNode("Recaptcha");

	var td  = document.getElementById('edit_table');
	
	var br1 = document.createElement('br');
	var br2 = document.createElement('br');
	var br3 = document.createElement('br');
	
	td.appendChild(el_type_label);
	td.appendChild(br1);
	td.appendChild(el_type_radio_captcha);
	td.appendChild(Captcha);
	
	
	//Recaptchan anjatac
	
	td.appendChild(br2);
	td.appendChild(el_type_radio_recaptcha);
	td.appendChild(Recaptcha_text);
	
	
	var pos=document.getElementsByName("el_pos");
			pos[0].removeAttribute("disabled");
			pos[1].removeAttribute("disabled");
			pos[2].removeAttribute("disabled");
		
	var sel_el_pos=document.getElementById("sel_el_pos");
		sel_el_pos.removeAttribute("disabled", "disabled");

	
 	w_attr_name=[];
 	w_attr_value=[];
	go_to_type_captcha(new_id);
}

function go_to_type_captcha(new_id)
{
 	w_attr_name=[];
 	w_attr_value=[];
	type_captcha(new_id,'Word Verification:', 'left', '6','',w_attr_name, w_attr_value);
}

function go_to_type_recaptcha(new_id)
{
 	w_attr_name=[];
 	w_attr_value=[];
	type_recaptcha(new_id,'Recaptcha Word Verification:', 'left', '', '', 'red', '',w_attr_name, w_attr_value);
}



///////////////////////////////////////////////
///////////  el_page_break   //////////////////
///////////////////////////////////////////////

function el_page_break()
{
		for(t=form_view_max; t>0; t--)
		{
			if(document.getElementById('form_id_tempform_view'+t))
			{
					last_view=t;
					break;
			}
		}
	if(document.getElementById('form_id_tempform_view'+t).getAttribute('page_title'))
		w_page_title=document.getElementById('form_id_tempform_view'+t).getAttribute('page_title');
	else
		w_page_title='Untitled Page';
	
	w_title	=[ "Next","Previous"];
 	w_type	=["button","button"];
 	w_class	=["wdform_page_button","wdform_page_button"];
 	w_check	=['false', '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_page_navigation()
{
	
	w_type=document.getElementById('pages').getAttribute('type');
	w_show_numbers=false;
	w_show_title=false;

	if(document.getElementById('pages').getAttribute('show_numbers')=="true")
		w_show_numbers=true;
	
	if(document.getElementById('pages').getAttribute('show_title')=="true")
		w_show_title=true;
	
 	w_attr_name=[];
 	w_attr_value=[];
	
	type_page_navigation( w_type, w_show_title , w_show_numbers , w_attr_name, w_attr_value);
}

function remove_section_break(id)
{
	var tr = document.getElementById(id);
	is3=false;
	if(tr.nextSibling.nodeType==3)
	{
			move=tr.nextSibling.nextSibling.firstChild;
			to=tr.previousSibling.previousSibling.firstChild;
			is3=true;
	}
	else
	{
			move=tr.nextSibling.firstChild;
			to=tr.previousSibling.firstChild;
	}
	
	
	l=move.childNodes.length;
	for(k=0;k<l;k++)
	{
		if(to.childNodes[k])
		{
			while(move.childNodes[k].firstChild.firstChild)
				to.childNodes[k].firstChild.appendChild(move.childNodes[k].firstChild.firstChild);
		}
		else
		
		to.appendChild(move.childNodes[k]);			
	}
	
	if(is3)
	{
		tr.parentNode.removeChild(tr.nextSibling);
		tr.parentNode.removeChild(tr.nextSibling);
	}
	else
		tr.parentNode.removeChild(tr.nextSibling);
		
	tr.parentNode.removeChild(tr);
	
}

function remove_row(id)
{
	var tr = document.getElementById(id);
	tr.parentNode.removeChild(tr);
	
}

function destroyChildren(node)
{
  while (node.firstChild)
      node.removeChild(node.firstChild);
}

function make_pagebreak_button(next_or_previous,title,type, class_ ,id)
{
	switch(type)
	{
		case 'button': 
		{ 
		
			var element = document.createElement('button');
				element.setAttribute('id', "page_"+next_or_previous+"_"+id);
				element.setAttribute('type', "button");
				element.setAttribute('class', class_);
				element.style.cursor="pointer";
				element.innerHTML=title;
				
			return element;
			
			break;
		}
		case 'text': {	
			
			var element = document.createElement('span');
				element.setAttribute('id', "page_"+next_or_previous+"_"+id);
				element.setAttribute('class', class_);
				element.style.cursor="pointer";
				element.innerHTML=title;
				
			return element;
			
			break;
		}
		case 'img':{ 			
		
			var element = document.createElement('img');
				element.setAttribute('id', "page_"+next_or_previous+"_"+id);
				element.setAttribute('class', class_);
				element.style.cursor="pointer";
				element.src=title;
				
			return element;
			
			break;
		}
	}
}

function show_or_hide(id) {
	if (!jQuery("#form_id_tempform_view"+id).is(":visible")) {
    show_form_view(id);
		jQuery("#show_page_img_"+id).attr("onmouseover", "chnage_icons_src(this,'minus')");
		jQuery("#show_page_img_"+id).attr("onmouseout", "chnage_icons_src(this,'minus')");
	}
	else {
		hide_form_view(id);
		jQuery("#show_page_img_"+id).attr("onmouseover", "chnage_icons_src(this,'plus')");
		jQuery("#show_page_img_"+id).attr("onmouseout", "chnage_icons_src(this,'plus')");
	}
}

function show_form_view(id) {
	document.getElementById("form_id_tempform_view_img"+id).childNodes[0].childNodes[0].removeAttribute("width", "100%");
	document.getElementById("form_id_tempform_view_img"+id).style.backgroundColor="";
	document.getElementById("form_id_tempform_view_img"+id).childNodes[0].childNodes[0].style.display="none";
	document.getElementById("show_page_img_"+id).src=fmc_plugin_url+'/images/minus.png';
  jQuery("#form_id_tempform_view"+id).show('medium');
}

function hide_form_view(id) {
  form_maker_remove_spaces(document.getElementById("form_id_tempform_view_img" + id));
  jQuery("#form_id_tempform_view"+id).hide('medium', function() {
    document.getElementById("form_id_tempform_view_img"+id).childNodes[0].childNodes[0].setAttribute("width", "100%");
    document.getElementById("form_id_tempform_view_img"+id).childNodes[0].childNodes[0].innerHTML=document.getElementById("form_id_tempform_view"+id).getAttribute('page_title');
    document.getElementById("form_id_tempform_view_img"+id).childNodes[0].childNodes[0].removeAttribute('style');
    document.getElementById("show_page_img_"+id).src=fmc_plugin_url+'/images/plus.png';
  });
}

function generate_buttons(id)
{

	form_view_elemet=document.getElementById("form_id_tempform_view"+id);

	if(form_view_elemet.parentNode.previousSibling)
	{
		if(form_view_elemet.parentNode.previousSibling.tagName=="TABLE")
			table=true;
		else
			if(form_view_elemet.parentNode.previousSibling.previousSibling)
				if(form_view_elemet.parentNode.previousSibling.previousSibling.tagName=="TABLE")
					table=true;
				else
					table=false;
			else
				table=false;
				
		if(table)
		{
			/*if(!table.firstChild.tagName)
				table.removeChild(table.firstChild);*/

			if(form_view_elemet.getAttribute('previous_title'))
				{
						previous_title	= form_view_elemet.getAttribute('previous_title');
						previous_type	= form_view_elemet.getAttribute('previous_type');
						previous_class	= form_view_elemet.getAttribute('previous_class');
				}
					else
					{
						previous_title	= "Previous";
						previous_type	= "button";
						previous_class	= "";
					}
			next_or_previous="previous";

			previous=make_pagebreak_button(next_or_previous, previous_title, previous_type, previous_class, id);
			var td = document.createElement("td");
				td.setAttribute("valign", "middle");
				td.setAttribute("align", "left");
			
			td.appendChild(previous);
			page_nav.appendChild(td);
		}
	}


	var td = document.createElement("td");
		td.setAttribute("id", "page_numbersform_id_temp"+id);
		td.setAttribute("width", "100%");
		td.setAttribute("valign", "middle");
		td.setAttribute("align", "center");
	page_nav.appendChild(td);



	if(form_view_elemet.parentNode.nextSibling)
	{
		if(form_view_elemet.parentNode.nextSibling.tagName=="TABLE")
			table=true;
		else
			if(form_view_elemet.parentNode.nextSibling.nextSibling)
			{
				if(form_view_elemet.parentNode.nextSibling.nextSibling.tagName=="TABLE")
					table=true;
				else
					table=false;
			}
			else
				table=false;
				
		if(table)
		{
			if(form_view_elemet.getAttribute('previous_title')){
						next_title	=form_view_elemet.getAttribute('next_title');
						next_type	=form_view_elemet.getAttribute('next_type');
						next_class	=form_view_elemet.getAttribute('next_class');
					}
					else
					{
						next_title	= "Next";
						next_type	= "button";
						next_class	= "";
					}
		
			next_or_previous="next";
		
			next=make_pagebreak_button(next_or_previous,next_title,next_type,next_class, id);
			var td = document.createElement("td");
				td.setAttribute("valign", "middle");
				td.setAttribute("align", "right");
			
			td.appendChild(next);
			page_nav.appendChild(td);
		}
	}

}

function generate_page_nav(id)
{
form_view=id;
document.getElementById('form_id_tempform_view'+id).parentNode.style.borderWidth="1px";
////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////
for(t=1; t<=form_view_max; t++)
	if(document.getElementById('form_id_tempform_view'+t))
	{
		page_nav=document.getElementById("form_id_temppage_nav"+t);
		destroyChildren(page_nav);
		generate_buttons(t);
	}

generate_page_bar();
refresh_page_numbers();

////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////
}

function remove_page(id)
{	
	if(confirm('Do you want to delete the page?'))
	{
		refresh_pages_without_deleting(id);
	}
}

function remove_page_all(id)
{
	if(confirm('Do you want to delete the all fields in this page?'))
	{
		form_view_elemet=document.getElementById("form_id_tempform_view"+id);

		form_view_count=0;
			
		for(i=1; i<=30; i++)
		{
			if(document.getElementById('form_id_tempform_view'+i))
			{
				form_view_count++;
			}
		}

	
		if(form_view_count==1)
		{
	 
			form_view_elemet.innerHTML='';
			
			tbody=form_view_elemet;		
				
			tr=document.createElement('tr');
				tr.setAttribute('class','wdform_tr1');
			td=document.createElement('td');
				td.setAttribute('class','wdform_td1');
				
				
			tr_page_nav=document.createElement('tr');
				tr_page_nav.setAttribute('valign','top');
				tr_page_nav.setAttribute('class','wdform_footer');
				
			td_page_nav=document.createElement('td');
				td_page_nav.setAttribute('colspan','100');
				
			table_min_page_nav=document.createElement('table');
				table_min_page_nav.setAttribute('width','100%');
				
			tbody_min_page_nav=document.createElement('tbody');
			tr_min_page_nav=document.createElement('tr');
				tr_min_page_nav.setAttribute('id','form_id_temppage_nav'+form_view);
				
			table_min=document.createElement('table');
				table_min.setAttribute('class','wdform_table2');
			tbody_min=document.createElement('tbody');
				tbody_min.setAttribute('class','wdform_tbody2');
				
			table_min.appendChild(tbody_min);
			td.appendChild(table_min);
			tr.appendChild(td);
			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);
			tbody.appendChild(tr);
			tbody.appendChild(tr_page_nav);
			
		return;
		}
		

	
		form_view_table=form_view_elemet.parentNode;
		document.getElementById("take").removeChild(form_view_table);
		refresh_pages(id);
	}
}

function refresh_pages(id)
{
	temp=1;
	form_view_count=0;
	destroyChildren(document.getElementById("pages"));

	for(i=1; i<=30; i++)
	{
		if(document.getElementById('form_id_tempform_view'+i))
		{
			form_view_count++;
		}
	}

	if(form_view_count>1)
	{
		for(i=1; i<=30; i++)
		{
			if(document.getElementById('form_id_tempform_view'+i))
			{
				page_number = document.createElement('span');
				page_number.setAttribute('id','page_'+i);
				page_number.setAttribute('class','page_deactive');
				page_number.innerHTML=(temp);
				temp++;
				document.getElementById("pages").appendChild(page_number);
			}
		}
	}
	
	else
	{
		destroyChildren(document.getElementById("edit_page_navigation"));
		for(i=1; i<=30; i++)
		{
			if(document.getElementById('form_id_tempform_view'+i))
			{
				document.getElementById('form_id_tempform_view'+i).parentNode.style.borderWidth="0px";
				document.getElementById('form_id_tempform_view'+i).style.display="block";
				document.getElementById("form_id_temppage_nav"+i).innerHTML="";
        form_maker_remove_spaces(document.getElementById("form_id_tempform_view_img" + i));
				document.getElementById("form_id_tempform_view_img"+i).childNodes[0].childNodes[0].removeAttribute("width", "100%");
				document.getElementById("form_id_tempform_view_img"+i).style.backgroundColor="";
				document.getElementById("form_id_tempform_view_img"+i).childNodes[0].childNodes[0].style.display="none";
				document.getElementById("show_page_img_"+i).src=fmc_plugin_url+'/images/minus.png';
				form_view=i;
				return;
			}
		}	
	}
	
	for(i=parseInt(id)+1; i<=30; i++)
		if(document.getElementById('form_id_tempform_view'+i))
		{
			generate_page_nav(i);
			return;
		}
		
	for(i=parseInt(id)-1; i>0; i--)
		if(document.getElementById('form_id_tempform_view'+i))
		{
			generate_page_nav(i);
			return;
		}
	
}


function refresh_pages_without_deleting(id)
{
	form_view_elemet=document.getElementById("form_id_tempform_view"+id);
	
	
	form_view_count=0;
	for(i=1; i<=30; i++)
	{
		if(document.getElementById('form_id_tempform_view'+i))
		{
			form_view_count++;
		}
	}


	
	if(form_view_count==1)
	{
	
		form_view_elemet.innerHTML='';
 
		tbody=form_view_elemet;		
			
		tr=document.createElement('tr');
			tr.setAttribute('class','wdform_tr1');
		td=document.createElement('td');
			td.setAttribute('class','wdform_td1');
			
			
		tr_page_nav=document.createElement('tr');
			tr_page_nav.setAttribute('valign','top');
			tr_page_nav.setAttribute('class','wdform_footer');
			
		td_page_nav=document.createElement('td');
			td_page_nav.setAttribute('colspan','100');
			
		table_min_page_nav=document.createElement('table');
			table_min_page_nav.setAttribute('width','100%');
			
		tbody_min_page_nav=document.createElement('tbody');
		tr_min_page_nav=document.createElement('tr');
			tr_min_page_nav.setAttribute('id','form_id_temppage_nav'+form_view);
			
		table_min=document.createElement('table');
			table_min.setAttribute('class','wdform_table2');
		tbody_min=document.createElement('tbody');
			tbody_min.setAttribute('class','wdform_tbody2');
			
		table_min.appendChild(tbody_min);
		td.appendChild(table_min);
		tr.appendChild(td);
		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);
		tbody.appendChild(tr);
		tbody.appendChild(tr_page_nav);
		
	return;
	}
	
	table=form_view_elemet.parentNode.previousSibling;
	
	while(table)
	{
		if(table.tagName=="TABLE")
			break;
		else
			table=table.previousSibling;
	}
	
	if(!table)
	{
		table=form_view_elemet.parentNode.nextSibling;
		while(table)
		{
			if(table.tagName=="TABLE")
				break;
			else
				table=table.nextSibling;
		}

	}
	
	////////////////////////////////////////////////////
	
	
			i=gen;
			gen++;
			
			var tr = document.createElement('tr');
				tr.setAttribute("id", i);
				tr.setAttribute("class", "wdform_tr_section_break");
				tr.setAttribute("type", "type_section_break");
				
				
			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_"+i;
				
			table_form_view=table.firstChild;

			var img_X = document.createElement("img");
					img_X.setAttribute("src", fmc_plugin_url+"/images/delete_el.png");
					// img_X.setAttribute("height", "20");
					img_X.setAttribute("title", "Remove the field");
					img_X.style.cssText = "cursor:pointer; margin:2px";
					img_X.setAttribute("onclick", 'remove_section_break("'+i+'")');
					img_X.setAttribute("onmouseover", 'chnage_icons_src(this,"delete_el")');
					img_X.setAttribute("onmouseout", 'chnage_icons_src(this,"delete_el")');
			var td_X = document.createElement("td");
					td_X.setAttribute("id", "X_"+i);
					td_X.setAttribute("valign", "middle");
					td_X.setAttribute("align", "right");
					td_X.setAttribute("class", "element_toolbar");
					td_X.appendChild(img_X);
//image pah@
					
			var img_EDIT = document.createElement("img");
					img_EDIT.setAttribute("src", fmc_plugin_url+"/images/edit.png");
					img_EDIT.setAttribute("title", "Edit the field");
//					img_EDIT.setAttribute("height", "17");
					img_EDIT.style.cssText = "margin:2px;cursor:pointer";
					img_EDIT.setAttribute("onclick", 'edit("'+i+'")');
          img_EDIT.setAttribute("onmouseover", 'chnage_icons_src(this,"edit")');
					img_EDIT.setAttribute("onmouseout", 'chnage_icons_src(this,"edit")');
					
			var td_EDIT = document.createElement("td");
					td_EDIT.setAttribute("id", "edit_"+i);
					td_EDIT.setAttribute("valign", "middle");
					td_EDIT.setAttribute("class", "element_toolbar");
					td_EDIT.appendChild(img_EDIT);
		
			var img_DUBLICATE = document.createElement("img");
					img_DUBLICATE.setAttribute("src", fmc_plugin_url+"/images/dublicate.png");
					img_DUBLICATE.setAttribute("title", "Duplicate the field");
					img_DUBLICATE.style.cssText = "margin:2px;cursor:pointer";
					img_DUBLICATE.setAttribute("onclick", 'dublicate("'+i+'")');
          img_DUBLICATE.setAttribute("onmouseover", 'chnage_icons_src(this,"dublicate")');
					img_DUBLICATE.setAttribute("onmouseout", 'chnage_icons_src(this,"dublicate")');
					
			var td_DUBLICATE = document.createElement("td");
					td_DUBLICATE.setAttribute("id", "dublicate_"+i);
					td_DUBLICATE.setAttribute("valign", "middle");
					td_DUBLICATE.setAttribute("class", "element_toolbar");
					td_DUBLICATE.appendChild(img_DUBLICATE);
					
///////////////////////////////////////////////////////////////////////////////////////////////
			var in_editor = document.createElement("td");
					in_editor.setAttribute("id", i+"_element_sectionform_id_temp");
         			in_editor.setAttribute("align", 'left');
					in_editor.setAttribute("valign", "top");
					in_editor.setAttribute("colspan", "100");
					in_editor.setAttribute('class', 'toolbar_padding');
					
				in_editor.innerHTML="<hr/>";
			
			
			
			var label = document.createElement('span');
					label.setAttribute("id", i+"_element_labelform_id_temp");
					label.innerHTML = "custom_"+i;
					label.style.cssText = 'display:none';
					
			td_EDIT.appendChild(label);
			tr.appendChild(in_editor);

			tr.appendChild(td_X);
			tr.appendChild(td_EDIT);
			tr.appendChild(td_DUBLICATE);

			
				beforeTr=table_form_view.lastChild;
				table_form_view.insertBefore(tr, beforeTr);
		

	

	while(form_view_elemet.childNodes[1])
	{
		beforeTr=table_form_view.lastChild;
		table_form_view.insertBefore(form_view_elemet.firstChild, beforeTr);
	}
	
	
		form_view_table=form_view_elemet.parentNode;
		document.getElementById("take").removeChild(form_view_table);
		refresh_pages(id);
}


function make_page_steps_front()
{
	destroyChildren(document.getElementById("pages"));
	show_title=document.getElementById('el_show_title_input').checked;
	k=0;
	for(j=1; j<=form_view_max; j++)
	{	
		if(document.getElementById('form_id_tempform_view'+j))
			{
			if(document.getElementById('form_id_tempform_view'+j).getAttribute('page_title'))
				w_pages=document.getElementById('form_id_tempform_view'+j).getAttribute('page_title');
			else
				w_pages=""
			k++;
			
			page_number = document.createElement('span');
			page_number.setAttribute('id','page_'+j);
			page_number.setAttribute('onClick','generate_page_nav("'+j+'")');
			if(j==form_view)
				page_number.setAttribute('class',"page_active");
			else
				page_number.setAttribute('class',"page_deactive");
			if(show_title)
			{
				page_number.innerHTML=w_pages;
			}
			else
				page_number.innerHTML=k;
			
			document.getElementById("pages").appendChild(page_number);
		}
	}

}

function make_page_percentage_front()
{
	destroyChildren(document.getElementById("pages"));
	show_title=document.getElementById('el_show_title_input').checked;
	
    var div_parent = document.createElement('div');
       	div_parent.setAttribute("class", "page_percentage_deactive");

    var div = document.createElement('div');
       	div.setAttribute("id", "div_percentage");
       	div.setAttribute("class", "page_percentage_active");
		
	var b = document.createElement('b');
       	b.style.margin='3px 7px 3px 3px';
		//b.style.vertical-align='middle';
	div.appendChild(b);
	
	k=0;
	cur_page_title='';
	for(j=1; j<=form_view_max; j++)
	{	
		if(document.getElementById('form_id_tempform_view'+j))
			{
			if(document.getElementById('form_id_tempform_view'+j).getAttribute('page_title'))
				w_pages=document.getElementById('form_id_tempform_view'+j).getAttribute('page_title');
			else
				w_pages=""
			k++;
				
			if(j==form_view)
			{
				if(show_title)
				{ 
					var cur_page_title = document.createElement('span');
					if(k==1)
						cur_page_title.style.paddingLeft="30px";
					else
						cur_page_title.style.paddingLeft="5px";
						cur_page_title.innerHTML=w_pages;
				}
				page_number=k;

			}
		}
	}
	b.innerHTML=Math.round(((page_number-1)/k)*100)+'%';
	div.style.width=((page_number-1)/k)*100+'%';
	div_parent.appendChild(div);
	if(cur_page_title)
		div_parent.appendChild(cur_page_title);
	document.getElementById("pages").appendChild(div_parent);

	
}
function make_page_none_front()
{
	document.getElementById("pages").innerHTML="--------------------------------------------<br> NO PAGE BAR <br>--------------------------------------------";
}

function generate_page_bar() {
  need_enable = false;
  el_page_navigation();
  add(0);
  need_enable = true;
}

function remove_add_(id)
{
			attr_name= new Array();
			attr_value= new Array();
			var input = document.getElementById(id); 
			atr=input.attributes;
			for(v=0;v<30;v++)
				if(atr[v] )
				{
					if(atr[v].name.indexOf("add_")==0)
					{
						attr_name.push(atr[v].name.replace('add_',''));
						attr_value.push(atr[v].value);
						input.removeAttribute(atr[v].name);
						v--;
					}
				}
			for(v=0;v<attr_name.length; v++)
			{
				input.setAttribute(attr_name[v],attr_value[v])
			}
}

function add(key) {
  if (document.getElementById("element_type").value == "type_grading") {
    for (k = 100; k > 0; k--) {
 		  if (document.getElementById("el_items" + k)) {
        break;
		  }
    }
    m = k;
    var items_input = "";
    for (i = 0; i <= m; i++) {
	if(document.getElementById("el_items"+i)){
	items_input = items_input+document.getElementById("el_items"+i).value+":";	
	}
	}
	
	items_input += document.getElementById("element_total").value;
	
	if(document.getElementById('editing_id').value)
		id=document.getElementById('editing_id').value;
	else
		id=gen;

  
   var hidden_input_item = document.createElement('input');
						hidden_input_item.setAttribute("id", id+"_hidden_itemform_id_temp");
						hidden_input_item.setAttribute("name", id+"_hidden_itemform_id_temp");
						hidden_input_item.setAttribute("type", "hidden");
						hidden_input_item.setAttribute("value", items_input);	
						
	
  var td_for_hidden = document.getElementById(id+"_element_sectionform_id_temp");								
						
	td_for_hidden.appendChild(hidden_input_item);

	}
	
	
	if(document.getElementById("element_type").value=="type_matrix")
	{
	

	for(i=100;i>0;i--)
	{
		 if(document.getElementById("el_rows"+i))
		 {
			break;
		 }
	}	
	 m=i;

	for(i=100;i>0;i--)
	{
		 if(document.getElementById("el_columns"+i))
		 {
			break;
		 }
	}	
	n=i;
	var row_input="";
	var column_input="";
	var row_num="";
	var column_num="";
	
	for(i=1;i<=m;i++)
	{
		if(document.getElementById("el_rows"+i))
		{
			row_input = row_input+document.getElementById("el_rows"+i).value+"***";	
			row_num += i+',';
		}
	}
	
	for(i=1;i<=n;i++)
	{
		if(document.getElementById("el_columns"+i))
		{
			column_input= column_input+document.getElementById("el_columns"+i).value+"***";	
			column_num += i+',';
		}
	}
	
	
	if(document.getElementById('editing_id').value)
	id=document.getElementById('editing_id').value;
	else
	id=gen;

   
   var td_for_hidden = document.getElementById(id+"_element_sectionform_id_temp");

   var hidden_input_row = document.createElement('input');
						hidden_input_row.setAttribute("id", id+"_hidden_rowform_id_temp");
						hidden_input_row.setAttribute("name", id+"_hidden_rowform_id_temp");
						hidden_input_row.setAttribute("type", "hidden");
						hidden_input_row.setAttribute("value", row_input);	
	
	var hidden_ids_row = document.createElement('input');
						hidden_ids_row.setAttribute("id", id+"_row_idsform_id_temp");
						hidden_ids_row.setAttribute("name", id+"_row_idsform_id_temp");
						hidden_ids_row.setAttribute("type", "hidden");
						hidden_ids_row.setAttribute("value", row_num);	
				
	var hidden_input_column = document.createElement('input');
						hidden_input_column.setAttribute("id", id+"_hidden_columnform_id_temp");
						hidden_input_column.setAttribute("name", id+"_hidden_columnform_id_temp");
						hidden_input_column.setAttribute("type", "hidden");
						hidden_input_column.setAttribute("value", column_input);

    var hidden_ids_column = document.createElement('input');
						hidden_ids_column.setAttribute("id", id+"_column_idsform_id_temp");
						hidden_ids_column.setAttribute("name", id+"_column_idsform_id_temp");
						hidden_ids_column.setAttribute("type", "hidden");
						hidden_ids_column.setAttribute("value", column_num);								
						
	td_for_hidden.appendChild(hidden_input_row);
	td_for_hidden.appendChild(hidden_ids_row);
	td_for_hidden.appendChild(hidden_input_column);
	td_for_hidden.appendChild(hidden_ids_column);
	
	
	}
	if(document.getElementById("element_type").value=="type_section_break")
	{
		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;
          form_maker_remove_spaces(document.getElementById('form_id_tempform_view' + form_view));
					break;
				}
		}
	
		if(form_view==0)
		{	alert("The pages are closed");
			return;
		}
		
		if(document.getElementById('editing_id').value)
		{
			i=document.getElementById('editing_id').value;		
			document.getElementById('editing_id').value="";
			tr=document.getElementById(i);
			destroyChildren(tr);
			var img_X = document.createElement("img");
					img_X.setAttribute("src", fmc_plugin_url+"/images/delete_el.png");
					// img_X.setAttribute("height", "20");
					img_X.setAttribute("title", "Remove the field");
					img_X.style.cssText = "cursor:pointer; margin:2px";
					img_X.setAttribute("onclick", 'remove_section_break("'+i+'")');
          img_X.setAttribute("onmouseover", 'chnage_icons_src(this,"delete_el")');
					img_X.setAttribute("onmouseout", 'chnage_icons_src(this,"delete_el")');
					
			var td_X = document.createElement("td");
					td_X.setAttribute("id", "X_"+i);
					td_X.setAttribute("valign", "middle");
					td_X.setAttribute("align", "right");
					td_X.setAttribute("class", "element_toolbar");
					td_X.appendChild(img_X);
//image pah@
			var img_UP = document.createElement("img");
					img_UP.setAttribute("src", fmc_plugin_url+"/images/up.png");
					img_UP.setAttribute("title", "Move the field up");
//				img_UP.setAttribute("height", "17");
					img_UP.style.cssText = "cursor:pointer";
					img_UP.setAttribute("onclick", 'up_row("'+i+'")');
          img_UP.setAttribute("onmouseover", 'chnage_icons_src(this,"up")');
					img_UP.setAttribute("onmouseout", 'chnage_icons_src(this,"up")');
					
			var td_UP = document.createElement("td");
					td_UP.setAttribute("id", "up_"+i);
					td_UP.setAttribute("valign", "middle");
					td_UP.setAttribute("class", "element_toolbar");
					td_UP.appendChild(img_UP);
					
			var img_DOWN = document.createElement("img");
					img_DOWN.setAttribute("src", fmc_plugin_url+"/images/down.png");
					img_DOWN.setAttribute("title", "Move the field down");
//				img_DOWN.setAttribute("height", "17");
					img_DOWN.style.cssText = "margin:2px;cursor:pointer";
					img_DOWN.setAttribute("onclick", 'down_row("'+i+'")');
          img_DOWN.setAttribute("onmouseover", 'chnage_icons_src(this,"down")');
					img_DOWN.setAttribute("onmouseout", 'chnage_icons_src(this,"down")');
					
			var td_DOWN = document.createElement("td");
					td_DOWN.setAttribute("id", "down_"+i);
					td_DOWN.setAttribute("valign", "middle");
					td_DOWN.setAttribute("class", "element_toolbar");
					td_DOWN.appendChild(img_DOWN);
					
			var img_EDIT = document.createElement("img");
					img_EDIT.setAttribute("src", fmc_plugin_url+"/images/edit.png");
					img_EDIT.setAttribute("title", "Edit the field");
//				img_EDIT.setAttribute("height", "17");
					img_EDIT.style.cssText = "margin:2px;cursor:pointer";
					img_EDIT.setAttribute("onclick", 'edit("'+i+'")');
          img_EDIT.setAttribute("onmouseover", 'chnage_icons_src(this,"edit")');
					img_EDIT.setAttribute("onmouseout", 'chnage_icons_src(this,"edit")');
					
			var td_EDIT = document.createElement("td");
					td_EDIT.setAttribute("id", "edit_"+i);
					td_EDIT.setAttribute("valign", "middle");
					td_EDIT.setAttribute("class", "element_toolbar");
					td_EDIT.appendChild(img_EDIT);
		
			var img_DUBLICATE = document.createElement("img");
					img_DUBLICATE.setAttribute("src", fmc_plugin_url+"/images/dublicate.png");
					img_DUBLICATE.setAttribute("title", "Duplicate the field");
					img_DUBLICATE.style.cssText = "margin:2px;cursor:pointer";
					img_DUBLICATE.setAttribute("onclick", 'dublicate("'+i+'")');
          img_DUBLICATE.setAttribute("onmouseover", 'chnage_icons_src(this,"dublicate")');
					img_DUBLICATE.setAttribute("onmouseout", 'chnage_icons_src(this,"dublicate")');
					
			var td_DUBLICATE = document.createElement("td");
					td_DUBLICATE.setAttribute("id", "dublicate_"+i);
					td_DUBLICATE.setAttribute("valign", "middle");
					td_DUBLICATE.setAttribute("class", "element_toolbar");
					td_DUBLICATE.appendChild(img_DUBLICATE);
		
			var img_PAGEUP = document.createElement("img");
					img_PAGEUP.setAttribute("src", fmc_plugin_url+"/images/page_up.png");
					img_PAGEUP.setAttribute("title", "Move the field to the upper page");
					img_PAGEUP.style.cssText = "margin:2px;cursor:pointer";
					img_PAGEUP.setAttribute("onclick", 'page_up("'+i+'")');
          img_PAGEUP.setAttribute("onmouseover", 'chnage_icons_src(this,"page_up")');
					img_PAGEUP.setAttribute("onmouseout", 'chnage_icons_src(this,"page_up")');
					
			var td_PAGEDOWN = document.createElement("td");
					td_PAGEDOWN.setAttribute("id", "page_up_"+i);
					td_PAGEDOWN.setAttribute("valign", "middle");
					td_PAGEDOWN.setAttribute("class", "element_toolbar");
					td_PAGEDOWN.appendChild(img_PAGEUP);
					
			var img_PAGEDOWN = document.createElement("img");
					img_PAGEDOWN.setAttribute("src", fmc_plugin_url+"/images/page_down.png");
					img_PAGEDOWN.setAttribute("title", "Move the field to the lower  page");
					img_PAGEDOWN.style.cssText = "margin:2px;cursor:pointer";
					img_PAGEDOWN.setAttribute("onclick", 'page_down("'+i+'")');
          img_PAGEDOWN.setAttribute("onmouseover", 'chnage_icons_src(this,"page_down")');
					img_PAGEDOWN.setAttribute("onmouseout", 'chnage_icons_src(this,"page_down")');
					
			var td_PAGEUP = document.createElement("td");
					td_PAGEUP.setAttribute("id", "dublicate_"+i);
					td_PAGEUP.setAttribute("valign", "middle");
					td_PAGEUP.setAttribute("class", "element_toolbar");
					td_PAGEUP.appendChild(img_PAGEDOWN);
      ///////////////////////////////////////////////////////////////////////////////////////////////
			var in_editor = document.createElement("td");
					in_editor.setAttribute("id", i+"_element_sectionform_id_temp");
         			in_editor.setAttribute("align", 'left');
					in_editor.setAttribute("valign", "top");
					in_editor.setAttribute("colspan", "100");
					in_editor.setAttribute('class', 'toolbar_padding');
					
	
		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);
				in_editor.innerHTML=ifr.body.innerHTML;
		}
		else
		{
				in_editor.innerHTML=document.getElementById('form_maker_editor').value;
		}
			
			var label = document.createElement('span');
					label.setAttribute("id", i+"_element_labelform_id_temp");
					label.innerHTML = "custom_"+i;
					label.style.cssText = 'display:none';
					
			td_EDIT.appendChild(label);
			tr.appendChild(in_editor);
			tr.appendChild(td_X);
			tr.appendChild(td_EDIT);
			tr.appendChild(td_DUBLICATE);
			j=2;
		}
		else
		{
			i=gen;
			gen++;
			
			var tr = document.createElement('tr');
				tr.setAttribute("id", i);
				tr.setAttribute("class", "wdform_tr_section_break");
				tr.setAttribute("type", "type_section_break");
				
				
			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_"+i;
				
			table=document.getElementById('form_id_tempform_view'+form_view);

			var img_X = document.createElement("img");
					img_X.setAttribute("src", fmc_plugin_url+"/images/delete_el.png");
					// img_X.setAttribute("height", "20");
					img_X.setAttribute("title", "Remove the field");
					img_X.style.cssText = "cursor:pointer; margin:2px";
					img_X.setAttribute("onclick", 'remove_section_break("'+i+'")');
          img_X.setAttribute("onmouseover", 'chnage_icons_src(this,"delete_el")');
					img_X.setAttribute("onmouseout", 'chnage_icons_src(this,"delete_el")');
					
			var td_X = document.createElement("td");
					td_X.setAttribute("id", "X_"+i);
					td_X.setAttribute("valign", "middle");
					td_X.setAttribute("align", "right");
					td_X.setAttribute("class", "element_toolbar");
					td_X.appendChild(img_X);
//image pah@
			var img_UP = document.createElement("img");
					img_UP.setAttribute("src", fmc_plugin_url+"/images/up.png");
					img_UP.setAttribute("title", "Move the field up");
//				img_UP.setAttribute("height", "17");
					img_UP.style.cssText = "cursor:pointer";
					img_UP.setAttribute("onclick", 'up_row("'+i+'")');
          img_UP.setAttribute("onmouseover", 'chnage_icons_src(this,"up")');
					img_UP.setAttribute("onmouseout", 'chnage_icons_src(this,"up")');
					
			var td_UP = document.createElement("td");
					td_UP.setAttribute("id", "up_"+i);
					td_UP.setAttribute("valign", "middle");
					td_UP.setAttribute("class", "element_toolbar");
					td_UP.appendChild(img_UP);
					
			var img_DOWN = document.createElement("img");
					img_DOWN.setAttribute("src", fmc_plugin_url+"/images/down.png");
					img_DOWN.setAttribute("title", "Move the field down");
//				img_DOWN.setAttribute("height", "17");
					img_DOWN.style.cssText = "margin:2px;cursor:pointer";
					img_DOWN.setAttribute("onclick", 'down_row("'+i+'")');
          img_DOWN.setAttribute("onmouseover", 'chnage_icons_src(this,"down")');
					img_DOWN.setAttribute("onmouseout", 'chnage_icons_src(this,"down")');
					
			var td_DOWN = document.createElement("td");
					td_DOWN.setAttribute("id", "down_"+i);
					td_DOWN.setAttribute("valign", "middle");
					td_DOWN.setAttribute("class", "element_toolbar");
					td_DOWN.appendChild(img_DOWN);
					
					
			var img_EDIT = document.createElement("img");
					img_EDIT.setAttribute("src", fmc_plugin_url+"/images/edit.png");
					img_EDIT.setAttribute("title", "Edit the field");
//				img_EDIT.setAttribute("height", "17");
					img_EDIT.style.cssText = "margin:2px;cursor:pointer";
					img_EDIT.setAttribute("onclick", 'edit("'+i+'")');
          img_EDIT.setAttribute("onmouseover", 'chnage_icons_src(this,"edit")');
					img_EDIT.setAttribute("onmouseout", 'chnage_icons_src(this,"edit")');
					
			var td_EDIT = document.createElement("td");
					td_EDIT.setAttribute("id", "edit_"+i);
					td_EDIT.setAttribute("valign", "middle");
					td_EDIT.setAttribute("class", "element_toolbar");
					td_EDIT.appendChild(img_EDIT);
		
			var img_DUBLICATE = document.createElement("img");
					img_DUBLICATE.setAttribute("src", fmc_plugin_url+"/images/dublicate.png");
					img_DUBLICATE.setAttribute("title", "Duplicate the field");
					img_DUBLICATE.style.cssText = "margin:2px;cursor:pointer";
					img_DUBLICATE.setAttribute("onclick", 'dublicate("'+i+'")');
          img_DUBLICATE.setAttribute("onmouseover", 'chnage_icons_src(this,"dublicate")');
					img_DUBLICATE.setAttribute("onmouseout", 'chnage_icons_src(this,"dublicate")');
					
			var td_DUBLICATE = document.createElement("td");
					td_DUBLICATE.setAttribute("id", "dublicate_"+i);
					td_DUBLICATE.setAttribute("valign", "middle");
					td_DUBLICATE.setAttribute("class", "element_toolbar");
					td_DUBLICATE.appendChild(img_DUBLICATE);
					
			var img_PAGEUP = document.createElement("img");
					img_PAGEUP.setAttribute("src", fmc_plugin_url+"/images/page_up.png");
					img_PAGEUP.setAttribute("title", "Move the field to the upper page");
					img_PAGEUP.style.cssText = "margin:2px;cursor:pointer";
					img_PAGEUP.setAttribute("onclick", 'page_up("'+i+'")');
          img_PAGEUP.setAttribute("onmouseover", 'chnage_icons_src(this,"page_up")');
					img_PAGEUP.setAttribute("onmouseout", 'chnage_icons_src(this,"page_up")');
					
			var td_PAGEDOWN = document.createElement("td");
					td_PAGEDOWN.setAttribute("id", "page_up_"+i);
					td_PAGEDOWN.setAttribute("valign", "middle");
					td_PAGEDOWN.setAttribute("class", "element_toolbar");
					td_PAGEDOWN.appendChild(img_PAGEUP);
					
			var img_PAGEDOWN = document.createElement("img");
					img_PAGEDOWN.setAttribute("src", fmc_plugin_url+"/images/page_down.png");
					img_PAGEDOWN.setAttribute("title", "Move the field to the lower  page");
					img_PAGEDOWN.style.cssText = "margin:2px;cursor:pointer";
					img_PAGEDOWN.setAttribute("onclick", 'page_down("'+i+'")');
          img_PAGEDOWN.setAttribute("onmouseover", 'chnage_icons_src(this,"page_down")');
					img_PAGEDOWN.setAttribute("onmouseout", 'chnage_icons_src(this,"page_down")');
					
			var td_PAGEUP = document.createElement("td");
					td_PAGEUP.setAttribute("id", "dublicate_"+i);
					td_PAGEUP.setAttribute("valign", "middle");
					td_PAGEUP.setAttribute("class", "element_toolbar");
					td_PAGEUP.appendChild(img_PAGEDOWN);
///////////////////////////////////////////////////////////////////////////////////////////////
			var in_editor = document.createElement("td");
					in_editor.setAttribute("id", i+"_element_sectionform_id_temp");
         			in_editor.setAttribute("align", 'left');
					in_editor.setAttribute("valign", "top");
					in_editor.setAttribute("colspan", "100");
					in_editor.setAttribute('class', 'toolbar_padding');
					


		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)
				in_editor.innerHTML=ifr.body.innerHTML;
		}
		else
		{
				in_editor.innerHTML=document.getElementById('form_maker_editor').value;
		}
			
			
			
			var label = document.createElement('span');
					label.setAttribute("id", i+"_element_labelform_id_temp");
					label.innerHTML = "custom_"+i;
					label.style.cssText = 'display:none';
					
			td_EDIT.appendChild(label);
			tr.appendChild(in_editor);

			tr.appendChild(td_X);
			tr.appendChild(td_EDIT);
			tr.appendChild(td_DUBLICATE);

			
				beforeTr=table.lastChild;
				table.insertBefore(tr, beforeTr);
				
		tr=document.createElement('tr');
			tr.setAttribute('class','wdform_tr1');
		td=document.createElement('td');
			td.setAttribute('class','wdform_td1');
		table_min=document.createElement('table');
			table_min.setAttribute('class','wdform_table2');
		tbody_min=document.createElement('tbody');
			tbody_min.setAttribute('class','wdform_tbody2');
		
		table_min.appendChild(tbody_min);
		td.appendChild(table_min);
		tr.appendChild(td);
		
				beforeTr=table.lastChild;
				table.insertBefore(tr, beforeTr);
				
			j=2;
			
						

		
		}

	close_window();
	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);
			
			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);
					}
				}
				
			if(form_view_count!=1)
				generate_page_nav(form_view);
			
			close_window() ;
			return;
		}
		else
		{	

			for(t=form_view_max; t>0; t--)
			{
				if(document.getElementById('form_id_tempform_view'+t))
				{
						form_view=t;
						break;
				}
			}
		
		
		

			if(form_view_count==1)
			{
				
				var img_EDIT = document.createElement("img");
						img_EDIT.setAttribute("src", fmc_plugin_url+"/images/edit.png");
						img_EDIT.setAttribute("title", "Edit the pagination options");
						img_EDIT.style.cssText = "margin-left:40px; cursor:pointer";
						img_EDIT.setAttribute("onclick", 'el_page_navigation()');
            img_EDIT.setAttribute("onmouseover", 'chnage_icons_src(this,"edit")');
            img_EDIT.setAttribute("onmouseout", 'chnage_icons_src(this,"edit")');
						
				var td_EDIT = document.getElementById("edit_page_navigation");
						td_EDIT.appendChild(img_EDIT);
				
				document.getElementById('page_navigation').appendChild(td_EDIT);

			}
		
		old_to_gen=form_view;
		
		form_view_max++;
		form_view_count++;
		form_view=form_view_max;
		
		table=document.createElement('table');
			table.setAttribute('cellpadding','4');
			table.setAttribute('cellspacing','0');
			table.setAttribute('class','wdform_table1');
			table.style.cssText = "border-top:1px solid black";
 
 
		tbody=document.createElement('tbody');
			tbody.setAttribute('id','form_id_tempform_view'+form_view);
			tbody.setAttribute('page_title','Untitled Page');
			tbody.setAttribute('class','wdform_tbody1');
			
		tbody_img=document.createElement('tbody');
			tbody_img.setAttribute('id','form_id_tempform_view_img'+form_view);
			tbody_img.style.cssText = "float:right";
			
		tr_img=document.createElement('tr');
			tr_img.setAttribute('valign','middle');
		td_title=document.createElement('td');
			td_title.setAttribute('width','0%');
		td_img=document.createElement('td');
			td_img.setAttribute('align','right');
			
		var	img=document.createElement('img');
			img.setAttribute('src',fmc_plugin_url+'/images/minus.png');
			img.setAttribute('title','Show or hide the page');
			img.setAttribute("class", "page_toolbar");
			img.setAttribute('id','show_page_img_'+form_view);
			img.setAttribute('onClick','show_or_hide("'+form_view+'")');
      img.setAttribute("onmouseover", 'chnage_icons_src(this,"minus")');
			img.setAttribute("onmouseout", 'chnage_icons_src(this,"minus")');

			
		var img_X = document.createElement("img");
			img_X.setAttribute("src", fmc_plugin_url+"/images/page_delete.png");
			img_X.setAttribute('title','Delete the page');
			img_X.setAttribute("class", "page_toolbar");
			img_X.setAttribute("onclick", 'remove_page("'+form_view+'")');
      img_X.setAttribute("onmouseover", 'chnage_icons_src(this,"page_delete")');
			img_X.setAttribute("onmouseout", 'chnage_icons_src(this,"page_delete")');
					
		var td_X = document.createElement("td");
			td_X.appendChild(img_X);
			
		var img_X_all = document.createElement("img");
			img_X_all.setAttribute("src", fmc_plugin_url+"/images/page_delete_all.png");
			img_X_all.setAttribute('title','Delete the page with fields');
			img_X_all.setAttribute("class", "page_toolbar");
			img_X_all.setAttribute("onclick", 'remove_page_all("'+form_view+'")');
      img_X_all.setAttribute("onmouseover", 'chnage_icons_src(this,"page_delete_all")');
			img_X_all.setAttribute("onmouseout", 'chnage_icons_src(this,"page_delete_all")');
					
		var td_X_all = document.createElement("td");
			td_X_all.appendChild(img_X_all);
			
		var img_EDIT = document.createElement("img");
			img_EDIT.setAttribute("src", fmc_plugin_url+"/images/page_edit.png");
			img_EDIT.setAttribute('title','Edit the page');
			img_EDIT.setAttribute("class", "page_toolbar");
			img_EDIT.setAttribute("onclick", 'edit_page_break("'+form_view+'")');
      img_EDIT.setAttribute("onmouseover", 'chnage_icons_src(this,"page_edit")');
			img_EDIT.setAttribute("onmouseout", 'chnage_icons_src(this,"page_edit")');
					
		var td_EDIT = document.createElement("td");
			td_EDIT.appendChild(img_EDIT);			
			
		td_img.appendChild(img);
		tr_img.appendChild(td_title);
		tr_img.appendChild(td_img);
		tr_img.appendChild(td_X);
		tr_img.appendChild(td_X_all);
		tr_img.appendChild(td_EDIT);
		tbody_img.appendChild(tr_img);
			
			
		tr=document.createElement('tr');
			tr.setAttribute('class','wdform_tr1');
		td=document.createElement('td');
			td.setAttribute('class','wdform_td1');
			
			
		tr_page_nav=document.createElement('tr');
			tr_page_nav.setAttribute('valign','top');
			tr_page_nav.setAttribute('class','wdform_footer');
			
		td_page_nav=document.createElement('td');
			td_page_nav.setAttribute('colspan','100');
			
		table_min_page_nav=document.createElement('table');
			table_min_page_nav.setAttribute('width','100%');
			
		tbody_min_page_nav=document.createElement('tbody');
		tr_min_page_nav=document.createElement('tr');
			tr_min_page_nav.setAttribute('id','form_id_temppage_nav'+form_view);
			
		table_min=document.createElement('table');
			table_min.setAttribute('class','wdform_table2');
		tbody_min=document.createElement('tbody');
			tbody_min.setAttribute('class','wdform_tbody2');
			
		table_min.appendChild(tbody_min);
		td.appendChild(table_min);
		tr.appendChild(td);
		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);
		tbody.appendChild(tr);
		tbody.appendChild(tr_page_nav);
		table.appendChild(tbody);
		table.appendChild(tbody_img);
		
		document.getElementById('take').appendChild(table);
		
		
		
		
		
		
		
	
		form_view_element	=document.getElementById('form_id_tempform_view'+form_view);
		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);
			
		
		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);
				}
			}
			
	if(form_view_count==2)
	{
		generate_page_nav(form_view);
		generate_page_nav(old_to_gen);
	/*	show_form_view(form_view);
		show_form_view(old_to_gen);*/
	}
	else
		generate_page_nav(form_view);

		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('main_editor').style.display=="block")
	{
		if(document.getElementById('editing_id').value)
		{
			i=document.getElementById('editing_id').value;		
			document.getElementById('editing_id').value="";
			tr=document.getElementById(i);
			destroyChildren(tr);
			var img_X = document.createElement("img");
					img_X.setAttribute("src", fmc_plugin_url+"/images/delete_el.png");
					// img_X.setAttribute("height", "20");
					img_X.setAttribute("title", "Remove the field");
					img_X.style.cssText = "cursor:pointer; margin:2px";
					img_X.setAttribute("onclick", 'remove_row("'+i+'")');
          img_X.setAttribute("onmouseover", 'chnage_icons_src(this,"delete_el")');
					img_X.setAttribute("onmouseout", 'chnage_icons_src(this,"delete_el")');
					
			var td_X = document.createElement("td");
					td_X.setAttribute("id", "X_"+i);
					td_X.setAttribute("valign", "middle");
					td_X.setAttribute("align", "right");
					td_X.setAttribute("class", "element_toolbar");
					td_X.appendChild(img_X);
//image pah@
			var img_UP = document.createElement("img");
					img_UP.setAttribute("src", fmc_plugin_url+"/images/up.png");
					img_UP.setAttribute("title", "Move the field up");
//					img_UP.setAttribute("height", "17");
					img_UP.style.cssText = "cursor:pointer";
					img_UP.setAttribute("onclick", 'up_row("'+i+'")');
          img_UP.setAttribute("onmouseover", 'chnage_icons_src(this,"up")');
					img_UP.setAttribute("onmouseout", 'chnage_icons_src(this,"up")');
					
			var td_UP = document.createElement("td");
					td_UP.setAttribute("id", "up_"+i);
					td_UP.setAttribute("valign", "middle");
					td_UP.setAttribute("class", "element_toolbar");
					td_UP.appendChild(img_UP);
					
			var img_DOWN = document.createElement("img");
					img_DOWN.setAttribute("src", fmc_plugin_url+"/images/down.png");
					img_DOWN.setAttribute("title", "Move the field down");
//					img_DOWN.setAttribute("height", "17");
					img_DOWN.style.cssText = "margin:2px;cursor:pointer";
					img_DOWN.setAttribute("onclick", 'down_row("'+i+'")');
          img_DOWN.setAttribute("onmouseover", 'chnage_icons_src(this,"down")');
					img_DOWN.setAttribute("onmouseout", 'chnage_icons_src(this,"down")');
					
			var td_DOWN = document.createElement("td");
					td_DOWN.setAttribute("id", "down_"+i);
					td_DOWN.setAttribute("valign", "middle");
					td_DOWN.setAttribute("class", "element_toolbar");
					td_DOWN.appendChild(img_DOWN);
					
			var img_RIGHT = document.createElement("img");
					img_RIGHT.setAttribute("src", fmc_plugin_url+"/images/right.png");
					img_RIGHT.setAttribute("title", "Move the field to the right");
//					img_RIGHT.setAttribute("height", "17");
					img_RIGHT.style.cssText = "cursor:pointer";
					img_RIGHT.setAttribute("onclick", 'right_row("'+i+'")');
          img_RIGHT.setAttribute("onmouseover", 'chnage_icons_src(this,"right")');
					img_RIGHT.setAttribute("onmouseout", 'chnage_icons_src(this,"right")');
					
			var td_RIGHT = document.createElement("td");
					td_RIGHT.setAttribute("id", "right_"+i);
					td_RIGHT.setAttribute("valign", "middle");
					td_RIGHT.setAttribute("class", "element_toolbar");
					td_RIGHT.appendChild(img_RIGHT);
					
			var img_LEFT = document.createElement("img");
					img_LEFT.setAttribute("src", fmc_plugin_url+"/images/left.png");
					img_LEFT.setAttribute("title", "Move the field to the left");
//					img_LEFT.setAttribute("height", "17");
					img_LEFT.style.cssText = "margin:2px;cursor:pointer";
					img_LEFT.setAttribute("onclick", 'left_row("'+i+'")');
          img_LEFT.setAttribute("onmouseover", 'chnage_icons_src(this,"left")');
					img_LEFT.setAttribute("onmouseout", 'chnage_icons_src(this,"left")');
					
			var td_LEFT = document.createElement("td");
					td_LEFT.setAttribute("id", "left_"+i);
					td_LEFT.setAttribute("valign", "middle");
					td_LEFT.setAttribute("class", "element_toolbar");
					td_LEFT.appendChild(img_LEFT);
					
			var img_EDIT = document.createElement("img");
					img_EDIT.setAttribute("src", fmc_plugin_url+"/images/edit.png");
					img_EDIT.setAttribute("title", "Edit the field");
//					img_EDIT.setAttribute("height", "17");
					img_EDIT.style.cssText = "margin:2px;cursor:pointer";
					img_EDIT.setAttribute("onclick", 'edit("'+i+'")');
          img_EDIT.setAttribute("onmouseover", 'chnage_icons_src(this,"edit")');
					img_EDIT.setAttribute("onmouseout", 'chnage_icons_src(this,"edit")');
					
			var td_EDIT = document.createElement("td");
					td_EDIT.setAttribute("id", "edit_"+i);
					td_EDIT.setAttribute("valign", "middle");
					td_EDIT.setAttribute("class", "element_toolbar");
					td_EDIT.appendChild(img_EDIT);
		
			var img_DUBLICATE = document.createElement("img");
					img_DUBLICATE.setAttribute("src", fmc_plugin_url+"/images/dublicate.png");
					img_DUBLICATE.setAttribute("title", "Duplicate the field");
					img_DUBLICATE.style.cssText = "margin:2px;cursor:pointer";
					img_DUBLICATE.setAttribute("onclick", 'dublicate("'+i+'")');
          img_DUBLICATE.setAttribute("onmouseover", 'chnage_icons_src(this,"dublicate")');
					img_DUBLICATE.setAttribute("onmouseout", 'chnage_icons_src(this,"dublicate")');
					
			var td_DUBLICATE = document.createElement("td");
					td_DUBLICATE.setAttribute("id", "dublicate_"+i);
					td_DUBLICATE.setAttribute("valign", "middle");
					td_DUBLICATE.setAttribute("class", "element_toolbar");
					td_DUBLICATE.appendChild(img_DUBLICATE);
		
			var img_PAGEUP = document.createElement("img");
					img_PAGEUP.setAttribute("src", fmc_plugin_url+"/images/page_up.png");
					img_PAGEUP.setAttribute("title", "Move the field to the upper page");
					img_PAGEUP.style.cssText = "margin:2px;cursor:pointer";
					img_PAGEUP.setAttribute("onclick", 'page_up("'+i+'")');
          img_PAGEUP.setAttribute("onmouseover", 'chnage_icons_src(this,"page_up")');
					img_PAGEUP.setAttribute("onmouseout", 'chnage_icons_src(this,"page_up")');
					
			var td_PAGEDOWN = document.createElement("td");
					td_PAGEDOWN.setAttribute("id", "page_up_"+i);
					td_PAGEDOWN.setAttribute("valign", "middle");
					td_PAGEDOWN.setAttribute("class", "element_toolbar");
					td_PAGEDOWN.appendChild(img_PAGEUP);
					
			var img_PAGEDOWN = document.createElement("img");
					img_PAGEDOWN.setAttribute("src", fmc_plugin_url+"/images/page_down.png");
					img_PAGEDOWN.setAttribute("title", "Move the field to the lower  page");
					img_PAGEDOWN.style.cssText = "margin:2px;cursor:pointer";
					img_PAGEDOWN.setAttribute("onclick", 'page_down("'+i+'")');
          img_PAGEDOWN.setAttribute("onmouseover", 'chnage_icons_src(this,"page_down")');
					img_PAGEDOWN.setAttribute("onmouseout", 'chnage_icons_src(this,"page_down")');
					
			var td_PAGEUP = document.createElement("td");
					td_PAGEUP.setAttribute("id", "dublicate_"+i);
					td_PAGEUP.setAttribute("valign", "middle");
					td_PAGEUP.setAttribute("class", "element_toolbar");
					td_PAGEUP.appendChild(img_PAGEDOWN);
///////////////////////////////////////////////////////////////////////////////////////////////
			var in_editor = document.createElement("td");
					in_editor.setAttribute("id", i+"_element_sectionform_id_temp");
         			in_editor.setAttribute("align", 'left');
					in_editor.setAttribute("valign", "top");
					in_editor.setAttribute("colspan", "2");
					in_editor.setAttribute('class', 'toolbar_padding');
					

		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);
				in_editor.innerHTML=ifr.body.innerHTML;
		}
		else
		{
				in_editor.innerHTML=document.getElementById('form_maker_editor').value;
		}
			
			var label = document.createElement('span');
					label.setAttribute("id", i+"_element_labelform_id_temp");
					label.innerHTML = "custom_"+i;
					label.style.cssText = 'display:none';
					
			td_EDIT.appendChild(label);
			tr.appendChild(in_editor);
			tr.appendChild(td_X);
			tr.appendChild(td_LEFT);
			tr.appendChild(td_UP);
			tr.appendChild(td_DOWN);
			tr.appendChild(td_RIGHT);
			tr.appendChild(td_EDIT);
			tr.appendChild(td_DUBLICATE);
			tr.appendChild(td_PAGEUP);
			tr.appendChild(td_PAGEDOWN);
			j=2;
			;
		}
		else
		{
			i=gen;
			gen++;
			
			var tr = document.createElement('tr');
				tr.setAttribute("id", i);
				tr.setAttribute("type", "type_editor");
				
				
			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_"+i;
				
			l=document.getElementById('form_id_tempform_view'+form_view).childNodes.length;
			if(document.getElementById('form_id_tempform_view'+form_view).firstChild.nodeType==3)
			{
				table=document.getElementById('form_id_tempform_view'+form_view).childNodes[l-3].childNodes[1].childNodes[1].childNodes[1];
			}
			else
			{
				table=document.getElementById('form_id_tempform_view'+form_view).childNodes[l-2].firstChild.firstChild.firstChild;
			}

			var img_X = document.createElement("img");
					img_X.setAttribute("src", fmc_plugin_url+"/images/delete_el.png");
					// img_X.setAttribute("height", "20");
					img_X.setAttribute("title", "Remove the field");
					img_X.style.cssText = "cursor:pointer; margin:2px";
					img_X.setAttribute("onclick", 'remove_row("'+i+'")');
          img_X.setAttribute("onmouseover", 'chnage_icons_src(this,"delete_el")');
					img_X.setAttribute("onmouseout", 'chnage_icons_src(this,"delete_el")');
					
			var td_X = document.createElement("td");
					td_X.setAttribute("id", "X_"+i);
					td_X.setAttribute("valign", "middle");
					td_X.setAttribute("align", "right");
					td_X.setAttribute("class", "element_toolbar");
					td_X.appendChild(img_X);
//image pah@
			var img_UP = document.createElement("img");
					img_UP.setAttribute("src", fmc_plugin_url+"/images/up.png");
					img_UP.setAttribute("title", "Move the field up");
//					img_UP.setAttribute("height", "17");
					img_UP.style.cssText = "cursor:pointer";
					img_UP.setAttribute("onclick", 'up_row("'+i+'")');
          img_UP.setAttribute("onmouseover", 'chnage_icons_src(this,"up")');
					img_UP.setAttribute("onmouseout", 'chnage_icons_src(this,"up")');
					
			var td_UP = document.createElement("td");
					td_UP.setAttribute("id", "up_"+i);
					td_UP.setAttribute("valign", "middle");
					td_UP.setAttribute("class", "element_toolbar");
					td_UP.appendChild(img_UP);
					
			var img_DOWN = document.createElement("img");
					img_DOWN.setAttribute("src", fmc_plugin_url+"/images/down.png");
					img_DOWN.setAttribute("title", "Move the field down");
//					img_DOWN.setAttribute("height", "17");
					img_DOWN.style.cssText = "margin:2px;cursor:pointer";
					img_DOWN.setAttribute("onclick", 'down_row("'+i+'")');
          img_DOWN.setAttribute("onmouseover", 'chnage_icons_src(this,"down")');
					img_DOWN.setAttribute("onmouseout", 'chnage_icons_src(this,"down")');
					
			var td_DOWN = document.createElement("td");
					td_DOWN.setAttribute("id", "down_"+i);
					td_DOWN.setAttribute("valign", "middle");
					td_DOWN.setAttribute("class", "element_toolbar");
					td_DOWN.appendChild(img_DOWN);
					
			var img_RIGHT = document.createElement("img");
					img_RIGHT.setAttribute("src", fmc_plugin_url+"/images/right.png");
					img_RIGHT.setAttribute("title", "Move the field to the right");
//					img_RIGHT.setAttribute("height", "17");
					img_RIGHT.style.cssText = "cursor:pointer";
					img_RIGHT.setAttribute("onclick", 'right_row("'+i+'")');
          img_RIGHT.setAttribute("onmouseover", 'chnage_icons_src(this,"right")');
					img_RIGHT.setAttribute("onmouseout", 'chnage_icons_src(this,"right")');
					
			var td_RIGHT = document.createElement("td");
					td_RIGHT.setAttribute("id", "right_"+i);
					td_RIGHT.setAttribute("valign", "middle");
					td_RIGHT.setAttribute("class", "element_toolbar");
					td_RIGHT.appendChild(img_RIGHT);
					
			var img_LEFT = document.createElement("img");
					img_LEFT.setAttribute("src", fmc_plugin_url+"/images/left.png");
					img_LEFT.setAttribute("title", "Move the field to the left");
//					img_LEFT.setAttribute("height", "17");
					img_LEFT.style.cssText = "margin:2px;cursor:pointer";
					img_LEFT.setAttribute("onclick", 'left_row("'+i+'")');
          img_LEFT.setAttribute("onmouseover", 'chnage_icons_src(this,"left")');
					img_LEFT.setAttribute("onmouseout", 'chnage_icons_src(this,"left")');
					
			var td_LEFT = document.createElement("td");
					td_LEFT.setAttribute("id", "left_"+i);
					td_LEFT.setAttribute("valign", "middle");
					td_LEFT.setAttribute("class", "element_toolbar");
					td_LEFT.appendChild(img_LEFT);
					
			var img_EDIT = document.createElement("img");
					img_EDIT.setAttribute("src", fmc_plugin_url+"/images/edit.png");
					img_EDIT.setAttribute("title", "Edit the field");
//					img_EDIT.setAttribute("height", "17");
					img_EDIT.style.cssText = "margin:2px;cursor:pointer";
					img_EDIT.setAttribute("onclick", 'edit("'+i+'")');
          img_EDIT.setAttribute("onmouseover", 'chnage_icons_src(this,"edit")');
					img_EDIT.setAttribute("onmouseout", 'chnage_icons_src(this,"edit")');
					
			var td_EDIT = document.createElement("td");
					td_EDIT.setAttribute("id", "edit_"+i);
					td_EDIT.setAttribute("valign", "middle");
					td_EDIT.setAttribute("class", "element_toolbar");
					td_EDIT.appendChild(img_EDIT);
		
			var img_DUBLICATE = document.createElement("img");
					img_DUBLICATE.setAttribute("src", fmc_plugin_url+"/images/dublicate.png");
					img_DUBLICATE.setAttribute("title", "Duplicate the field");
					img_DUBLICATE.style.cssText = "margin:2px;cursor:pointer";
					img_DUBLICATE.setAttribute("onclick", 'dublicate("'+i+'")');
          img_DUBLICATE.setAttribute("onmouseover", 'chnage_icons_src(this,"dublicate")');
					img_DUBLICATE.setAttribute("onmouseout", 'chnage_icons_src(this,"dublicate")');
					
			var td_DUBLICATE = document.createElement("td");
					td_DUBLICATE.setAttribute("id", "dublicate_"+i);
					td_DUBLICATE.setAttribute("valign", "middle");
					td_DUBLICATE.setAttribute("class", "element_toolbar");
					td_DUBLICATE.appendChild(img_DUBLICATE);
					
			var img_PAGEUP = document.createElement("img");
					img_PAGEUP.setAttribute("src", fmc_plugin_url+"/images/page_up.png");
					img_PAGEUP.setAttribute("title", "Move the field to the upper page");
					img_PAGEUP.style.cssText = "margin:2px;cursor:pointer";
					img_PAGEUP.setAttribute("onclick", 'page_up("'+i+'")');
          img_PAGEUP.setAttribute("onmouseover", 'chnage_icons_src(this,"page_up")');
					img_PAGEUP.setAttribute("onmouseout", 'chnage_icons_src(this,"page_up")');
					
			var td_PAGEDOWN = document.createElement("td");
					td_PAGEDOWN.setAttribute("id", "page_up_"+i);
					td_PAGEDOWN.setAttribute("valign", "middle");
					td_PAGEDOWN.setAttribute("class", "element_toolbar");
					td_PAGEDOWN.appendChild(img_PAGEUP);
					
			var img_PAGEDOWN = document.createElement("img");
					img_PAGEDOWN.setAttribute("src", fmc_plugin_url+"/images/page_down.png");
					img_PAGEDOWN.setAttribute("title", "Move the field to the lower  page");
					img_PAGEDOWN.style.cssText = "margin:2px;cursor:pointer";
					img_PAGEDOWN.setAttribute("onclick", 'page_down("'+i+'")');
          img_PAGEDOWN.setAttribute("onmouseover", 'chnage_icons_src(this,"page_down")');
					img_PAGEDOWN.setAttribute("onmouseout", 'chnage_icons_src(this,"page_down")');
					
			var td_PAGEUP = document.createElement("td");
					td_PAGEUP.setAttribute("id", "dublicate_"+i);
					td_PAGEUP.setAttribute("valign", "middle");
					td_PAGEUP.setAttribute("class", "element_toolbar");
					td_PAGEUP.appendChild(img_PAGEDOWN);
///////////////////////////////////////////////////////////////////////////////////////////////
			var in_editor = document.createElement("td");
					in_editor.setAttribute("id", i+"_element_sectionform_id_temp");
         			in_editor.setAttribute("align", 'left');
					in_editor.setAttribute("valign", "top");
					in_editor.setAttribute("colspan", "2");
					in_editor.setAttribute('class', 'toolbar_padding');
					


		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)
				in_editor.innerHTML=ifr.body.innerHTML;
		}
		else
		{
				in_editor.innerHTML=document.getElementById('form_maker_editor').value;
		}
			
			
			
			var label = document.createElement('span');
					label.setAttribute("id", i+"_element_labelform_id_temp");
					label.innerHTML = "custom_"+i;
					label.style.cssText = 'display:none';
					
			td_EDIT.appendChild(label);
			tr.appendChild(in_editor);

			tr.appendChild(td_X);
			tr.appendChild(td_LEFT);
			tr.appendChild(td_UP);
			tr.appendChild(td_DOWN);
			tr.appendChild(td_RIGHT);
			tr.appendChild(td_EDIT);
			tr.appendChild(td_DUBLICATE);
			tr.appendChild(td_PAGEUP);
			tr.appendChild(td_PAGEDOWN);

			if(document.getElementById('pos_end').checked)
			{
				table.appendChild(tr);
			}
			if(document.getElementById('pos_begin').checked)
			{	
				table.insertBefore(tr, table.firstChild);
			}
			if(document.getElementById('pos_before').checked)
			{
				beforeTr=document.getElementById(document.getElementById('sel_el_pos').value);
				table=beforeTr.parentNode;
				beforeOption=document.getElementById(document.getElementById('sel_el_pos').value+'_sel_el_pos');
				table.insertBefore(tr, beforeTr);
				select_.insertBefore(option, beforeOption);
			}
			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_gmap_updateMap(i);
		}
		
		if(type=="type_mark_map")
		{
			if_gmap_updateMap(i);
		}
	
		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="";
	
				tr=document.getElementById(i);
	
				destroyChildren(tr);
				tr.setAttribute('type', type);
			var img_X = document.createElement("img");
					img_X.setAttribute("src", fmc_plugin_url+"/images/delete_el.png");
					// img_X.setAttribute("height", "20");
					img_X.setAttribute("title", "Remove the field");
					img_X.style.cssText = "cursor:pointer; margin:2px";
					img_X.setAttribute("onclick", 'remove_row("'+i+'")');
          img_X.setAttribute("onmouseover", 'chnage_icons_src(this,"delete_el")');
					img_X.setAttribute("onmouseout", 'chnage_icons_src(this,"delete_el")');
					
			var td_X = document.createElement("td");
					td_X.setAttribute("id", "X_"+i);
					td_X.setAttribute("valign", "middle");
					td_X.setAttribute("align", "right");
					td_X.setAttribute("class", "element_toolbar");
					td_X.appendChild(img_X);
//image pah@
			var img_UP = document.createElement("img");
					img_UP.setAttribute("src", fmc_plugin_url+"/images/up.png");
					img_UP.setAttribute("title", "Move the field up");
//					img_UP.setAttribute("height", "17");
					img_UP.style.cssText = "cursor:pointer";
					img_UP.setAttribute("onclick", 'up_row("'+i+'")');
          img_UP.setAttribute("onmouseover", 'chnage_icons_src(this,"up")');
					img_UP.setAttribute("onmouseout", 'chnage_icons_src(this,"up")');
					
			var td_UP = document.createElement("td");
					td_UP.setAttribute("id", "up_"+i);
					td_UP.setAttribute("valign", "middle");
					td_UP.setAttribute("class", "element_toolbar");
					td_UP.appendChild(img_UP);
					
			var img_DOWN = document.createElement("img");
					img_DOWN.setAttribute("src", fmc_plugin_url+"/images/down.png");
					img_DOWN.setAttribute("title", "Move the field down");
//					img_DOWN.setAttribute("height", "17");
					img_DOWN.style.cssText = "margin:2px;cursor:pointer";
					img_DOWN.setAttribute("onclick", 'down_row("'+i+'")');
          img_DOWN.setAttribute("onmouseover", 'chnage_icons_src(this,"down")');
					img_DOWN.setAttribute("onmouseout", 'chnage_icons_src(this,"down")');
					
			var td_DOWN = document.createElement("td");
					td_DOWN.setAttribute("id", "down_"+i);
					td_DOWN.setAttribute("valign", "middle");
					td_DOWN.setAttribute("class", "element_toolbar");
					td_DOWN.appendChild(img_DOWN);
					
			var img_RIGHT = document.createElement("img");
					img_RIGHT.setAttribute("src", fmc_plugin_url+"/images/right.png");
					img_RIGHT.setAttribute("title", "Move the field to the right");
//					img_RIGHT.setAttribute("height", "17");
					img_RIGHT.style.cssText = "cursor:pointer";
					img_RIGHT.setAttribute("onclick", 'right_row("'+i+'")');
          img_RIGHT.setAttribute("onmouseover", 'chnage_icons_src(this,"right")');
					img_RIGHT.setAttribute("onmouseout", 'chnage_icons_src(this,"right")');
					
			var td_RIGHT = document.createElement("td");
					td_RIGHT.setAttribute("id", "right_"+i);
					td_RIGHT.setAttribute("valign", "middle");
					td_RIGHT.setAttribute("class", "element_toolbar");
					td_RIGHT.appendChild(img_RIGHT);
					
			var img_LEFT = document.createElement("img");
					img_LEFT.setAttribute("src", fmc_plugin_url+"/images/left.png");
					img_LEFT.setAttribute("title", "Move the field to the left");
//					img_LEFT.setAttribute("height", "17");
					img_LEFT.style.cssText = "margin:2px;cursor:pointer";
					img_LEFT.setAttribute("onclick", 'left_row("'+i+'")');
          img_LEFT.setAttribute("onmouseover", 'chnage_icons_src(this,"left")');
					img_LEFT.setAttribute("onmouseout", 'chnage_icons_src(this,"left")');
					
			var td_LEFT = document.createElement("td");
					td_LEFT.setAttribute("id", "left_"+i);
					td_LEFT.setAttribute("valign", "middle");
					td_LEFT.setAttribute("class", "element_toolbar");
					td_LEFT.appendChild(img_LEFT);
					
			var img_EDIT = document.createElement("img");
					img_EDIT.setAttribute("src", fmc_plugin_url+"/images/edit.png");
					img_EDIT.setAttribute("title", "Edit the field");
//					img_EDIT.setAttribute("height", "17");
					img_EDIT.style.cssText = "margin:2px;cursor:pointer";
					img_EDIT.setAttribute("onclick", 'edit("'+i+'")');
          img_EDIT.setAttribute("onmouseover", 'chnage_icons_src(this,"edit")');
					img_EDIT.setAttribute("onmouseout", 'chnage_icons_src(this,"edit")');
					
			var td_EDIT = document.createElement("td");
					td_EDIT.setAttribute("id", "edit_"+i);
					td_EDIT.setAttribute("valign", "middle");
					td_EDIT.setAttribute("class", "element_toolbar");
					td_EDIT.appendChild(img_EDIT);
		
			var img_DUBLICATE = document.createElement("img");
					img_DUBLICATE.setAttribute("src", fmc_plugin_url+"/images/dublicate.png");
					img_DUBLICATE.setAttribute("title", "Duplicate the field");
					img_DUBLICATE.style.cssText = "margin:2px;cursor:pointer";
					img_DUBLICATE.setAttribute("onclick", 'dublicate("'+i+'")');
          img_DUBLICATE.setAttribute("onmouseover", 'chnage_icons_src(this,"dublicate")');
					img_DUBLICATE.setAttribute("onmouseout", 'chnage_icons_src(this,"dublicate")');
					
			var td_DUBLICATE = document.createElement("td");
					td_DUBLICATE.setAttribute("id", "dublicate_"+i);
					td_DUBLICATE.setAttribute("valign", "middle");
					td_DUBLICATE.setAttribute("class", "element_toolbar");
					td_DUBLICATE.appendChild(img_DUBLICATE);
					
			var img_PAGEUP = document.createElement("img");
					img_PAGEUP.setAttribute("src", fmc_plugin_url+"/images/page_up.png");
					img_PAGEUP.setAttribute("title", "Move the field to the upper page");
					img_PAGEUP.style.cssText = "margin:2px;cursor:pointer";
					img_PAGEUP.setAttribute("onclick", 'page_up("'+i+'")');
          img_PAGEUP.setAttribute("onmouseover", 'chnage_icons_src(this,"page_up")');
					img_PAGEUP.setAttribute("onmouseout", 'chnage_icons_src(this,"page_up")');
					
			var td_PAGEDOWN = document.createElement("td");
					td_PAGEDOWN.setAttribute("id", "page_up_"+i);
					td_PAGEDOWN.setAttribute("valign", "middle");
					td_PAGEDOWN.setAttribute("class", "element_toolbar");
					td_PAGEDOWN.appendChild(img_PAGEUP);
					
			var img_PAGEDOWN = document.createElement("img");
					img_PAGEDOWN.setAttribute("src", fmc_plugin_url+"/images/page_down.png");
					img_PAGEDOWN.setAttribute("title", "Move the field to the lower  page");
					img_PAGEDOWN.style.cssText = "margin:2px;cursor:pointer";
					img_PAGEDOWN.setAttribute("onclick", 'page_down("'+i+'")');
          img_PAGEDOWN.setAttribute("onmouseover", 'chnage_icons_src(this,"page_down")');
					img_PAGEDOWN.setAttribute("onmouseout", 'chnage_icons_src(this,"page_down")');
					
			var td_PAGEUP = document.createElement("td");
					td_PAGEUP.setAttribute("id", "dublicate_"+i);
					td_PAGEUP.setAttribute("valign", "middle");
					td_PAGEUP.setAttribute("class", "element_toolbar");
					td_PAGEUP.appendChild(img_PAGEDOWN);
	///////////////////////////////////////////////////////////////////////////////////////////////
	
	
	
				if(document.getElementById('edit_for_label_position_top'))
	
					if(document.getElementById('edit_for_label_position_top').checked)
	
					{
						var add1 = document.getElementById(i+'_label_sectionform_id_temp');
						var add2 = document.getElementById(i+'_element_sectionform_id_temp');
							add2.className +=" toolbar_padding";
							//add2.setAttribute('class', 'toolbar_padding');
						tr.appendChild(add1);
						tr.appendChild(add2);
	
					}
	
					else	
	
					{
	
						var td1 = document.createElement('td');
							td1.setAttribute("colspan", "2");
							td1.setAttribute("id", i+'_label_and_element_sectionform_id_temp');
							td1.setAttribute('class', 'toolbar_padding');
						var add = document.getElementById(i+'_elemet_tableform_id_temp');
						
							td1.appendChild(add);
							tr.appendChild(td1);
	
					}
	
				else
	
					{
						var td1 = document.createElement('td');
							td1.setAttribute("colspan", "2");
							td1.setAttribute('class', 'toolbar_padding');
							td1.setAttribute("id", i+'_label_and_element_sectionform_id_temp');
		
						var add = document.getElementById(i+'_elemet_tableform_id_temp');
		
								
		
						td1.appendChild(add);
		
						tr.appendChild(td1);
	
					}
	
	
	
				tr.appendChild(td_X);
	
				tr.appendChild(td_LEFT);
				tr.appendChild(td_UP);
	
				tr.appendChild(td_DOWN);
				tr.appendChild(td_RIGHT);
	
				tr.appendChild(td_EDIT);
				if(type!="type_captcha" && type!="type_recaptcha")
				{
					tr.appendChild(td_DUBLICATE);
				}
				else			
				{
					td_DUBLICATE.removeChild(img_DUBLICATE);
					tr.appendChild(td_DUBLICATE);
				}
				tr.appendChild(td_PAGEUP);
				tr.appendChild(td_PAGEDOWN);
	
				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;
			if(document.getElementById('form_id_tempform_view'+form_view).firstChild.nodeType==3)
			{
				table=document.getElementById('form_id_tempform_view'+form_view).childNodes[l-3].childNodes[1].childNodes[1].childNodes[1];
			}
			else
			{
				table=document.getElementById('form_id_tempform_view'+form_view).childNodes[l-2].firstChild.firstChild.firstChild;
			}
					
			var tr = document.createElement('tr');
				tr.setAttribute("id", i);
				tr.setAttribute("type", type);

		
			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=document.getElementById(i+'_element_labelform_id_temp').innerHTML;

			var img_X = document.createElement("img");
					img_X.setAttribute("src", fmc_plugin_url+"/images/delete_el.png");
					// img_X.setAttribute("height", "20");
					img_X.setAttribute("title", "Remove the field");
					img_X.style.cssText = "cursor:pointer; margin:2px";
					img_X.setAttribute("onclick", 'remove_row("'+i+'")');
          img_X.setAttribute("onmouseover", 'chnage_icons_src(this,"delete_el")');
					img_X.setAttribute("onmouseout", 'chnage_icons_src(this,"delete_el")');
					
			var td_X = document.createElement("td");
					td_X.setAttribute("id", "X_"+i);
					td_X.setAttribute("valign", "middle");
					td_X.setAttribute("align", "right");
					td_X.setAttribute("class", "element_toolbar");
					td_X.appendChild(img_X);
//image pah@
			var img_UP = document.createElement("img");
					img_UP.setAttribute("src", fmc_plugin_url+"/images/up.png");
					img_UP.setAttribute("title", "Move the field up");
//					img_UP.setAttribute("height", "17");
					img_UP.style.cssText = "cursor:pointer";
					img_UP.setAttribute("onclick", 'up_row("'+i+'")');
          img_UP.setAttribute("onmouseover", 'chnage_icons_src(this,"up")');
					img_UP.setAttribute("onmouseout", 'chnage_icons_src(this,"up")');
					
			var td_UP = document.createElement("td");
					td_UP.setAttribute("id", "up_"+i);
					td_UP.setAttribute("valign", "middle");
					td_UP.setAttribute("class", "element_toolbar");
					td_UP.appendChild(img_UP);
					
			var img_DOWN = document.createElement("img");
					img_DOWN.setAttribute("src", fmc_plugin_url+"/images/down.png");
					img_DOWN.setAttribute("title", "Move the field down");
//					img_DOWN.setAttribute("height", "17");
					img_DOWN.style.cssText = "margin:2px;cursor:pointer";
					img_DOWN.setAttribute("onclick", 'down_row("'+i+'")');
          img_DOWN.setAttribute("onmouseover", 'chnage_icons_src(this,"down")');
					img_DOWN.setAttribute("onmouseout", 'chnage_icons_src(this,"down")');
					
			var td_DOWN = document.createElement("td");
					td_DOWN.setAttribute("id", "down_"+i);
					td_DOWN.setAttribute("valign", "middle");
					td_DOWN.setAttribute("class", "element_toolbar");
					td_DOWN.appendChild(img_DOWN);
					
			var img_RIGHT = document.createElement("img");
					img_RIGHT.setAttribute("src", fmc_plugin_url+"/images/right.png");
					img_RIGHT.setAttribute("title", "Move the field to the right");
//					img_RIGHT.setAttribute("height", "17");
					img_RIGHT.style.cssText = "cursor:pointer";
					img_RIGHT.setAttribute("onclick", 'right_row("'+i+'")');
          img_RIGHT.setAttribute("onmouseover", 'chnage_icons_src(this,"right")');
					img_RIGHT.setAttribute("onmouseout", 'chnage_icons_src(this,"right")');
					
			var td_RIGHT = document.createElement("td");
					td_RIGHT.setAttribute("id", "right_"+i);
					td_RIGHT.setAttribute("valign", "middle");
					td_RIGHT.setAttribute("class", "element_toolbar");
					td_RIGHT.appendChild(img_RIGHT);
					
			var img_LEFT = document.createElement("img");
					img_LEFT.setAttribute("src", fmc_plugin_url+"/images/left.png");
					img_LEFT.setAttribute("title", "Move the field to the left");
//					img_LEFT.setAttribute("height", "17");
					img_LEFT.style.cssText = "margin:2px;cursor:pointer";
					img_LEFT.setAttribute("onclick", 'left_row("'+i+'")');
          img_LEFT.setAttribute("onmouseover", 'chnage_icons_src(this,"left")');
					img_LEFT.setAttribute("onmouseout", 'chnage_icons_src(this,"left")');
					
			var td_LEFT = document.createElement("td");
					td_LEFT.setAttribute("id", "left_"+i);
					td_LEFT.setAttribute("valign", "middle");
					td_LEFT.setAttribute("class", "element_toolbar");
					td_LEFT.appendChild(img_LEFT);
					
			var img_EDIT = document.createElement("img");
					img_EDIT.setAttribute("src", fmc_plugin_url+"/images/edit.png");
					img_EDIT.setAttribute("title", "Edit the field");
//					img_EDIT.setAttribute("height", "17");
					img_EDIT.style.cssText = "margin:2px;cursor:pointer";
					img_EDIT.setAttribute("onclick", 'edit("'+i+'")');
          img_EDIT.setAttribute("onmouseover", 'chnage_icons_src(this,"edit")');
					img_EDIT.setAttribute("onmouseout", 'chnage_icons_src(this,"edit")');
					
			var td_EDIT = document.createElement("td");
					td_EDIT.setAttribute("id", "edit_"+i);
					td_EDIT.setAttribute("valign", "middle");
					td_EDIT.setAttribute("class", "element_toolbar");
					td_EDIT.appendChild(img_EDIT);
		
			var img_DUBLICATE = document.createElement("img");
					img_DUBLICATE.setAttribute("src", fmc_plugin_url+"/images/dublicate.png");
					img_DUBLICATE.setAttribute("title", "Duplicate the field");
					img_DUBLICATE.style.cssText = "margin:2px;cursor:pointer";
					img_DUBLICATE.setAttribute("onclick", 'dublicate("'+i+'")');
          img_DUBLICATE.setAttribute("onmouseover", 'chnage_icons_src(this,"dublicate")');
					img_DUBLICATE.setAttribute("onmouseout", 'chnage_icons_src(this,"dublicate")');
					
			var td_DUBLICATE = document.createElement("td");
					td_DUBLICATE.setAttribute("id", "dublicate_"+i);
					td_DUBLICATE.setAttribute("valign", "middle");
					td_DUBLICATE.setAttribute("class", "element_toolbar");
					td_DUBLICATE.appendChild(img_DUBLICATE);

			var img_PAGEUP = document.createElement("img");
					img_PAGEUP.setAttribute("src", fmc_plugin_url+"/images/page_up.png");
					img_PAGEUP.setAttribute("title", "Move the field to the upper page");
					img_PAGEUP.style.cssText = "margin:2px;cursor:pointer";
					img_PAGEUP.setAttribute("onclick", 'page_up("'+i+'")');
          img_PAGEUP.setAttribute("onmouseover", 'chnage_icons_src(this,"page_up")');
					img_PAGEUP.setAttribute("onmouseout", 'chnage_icons_src(this,"page_up")');
					
			var td_PAGEDOWN = document.createElement("td");
					td_PAGEDOWN.setAttribute("id", "page_up_"+i);
					td_PAGEDOWN.setAttribute("valign", "middle");
					td_PAGEDOWN.setAttribute("class", "element_toolbar");
					td_PAGEDOWN.appendChild(img_PAGEUP);
					
			var img_PAGEDOWN = document.createElement("img");
					img_PAGEDOWN.setAttribute("src", fmc_plugin_url+"/images/page_down.png");
					img_PAGEDOWN.setAttribute("title", "Move the field to the lower  page");
					img_PAGEDOWN.style.cssText = "margin:2px;cursor:pointer";
					img_PAGEDOWN.setAttribute("onclick", 'page_down("'+i+'")');
          img_PAGEDOWN.setAttribute("onmouseover", 'chnage_icons_src(this,"page_down")');
					img_PAGEDOWN.setAttribute("onmouseout", 'chnage_icons_src(this,"page_down")');
					
			var td_PAGEUP = document.createElement("td");
					td_PAGEUP.setAttribute("id", "dublicate_"+i);
					td_PAGEUP.setAttribute("valign", "middle");
					td_PAGEUP.setAttribute("class", "element_toolbar");
					td_PAGEUP.appendChild(img_PAGEDOWN);
///////////////////////////////////////////////////////////////////////////////////////////////

			
			if(document.getElementById('edit_for_label_position_top'))
				if(document.getElementById('edit_for_label_position_top').checked)
				{
					var add1 = document.getElementById(i+'_label_sectionform_id_temp');
					var add2 = document.getElementById(i+'_element_sectionform_id_temp');
							add2.className +=" toolbar_padding";
						
						tr.appendChild(add1);
						tr.appendChild(add2);
				}
				else	
				{
					
					var td1 = document.createElement('td');
						td1.setAttribute("colspan", "2");
						td1.setAttribute("id", i+'_label_and_element_sectionform_id_temp');
						td1.setAttribute('class', 'toolbar_padding');
					var add = document.getElementById(i+'_elemet_tableform_id_temp');
							
						td1.appendChild(add);
						tr.appendChild(td1);
				}
			else	
			{
				var td1 = document.createElement('td');
					td1.setAttribute("colspan", "2");
					td1.setAttribute("id", i+'_label_and_element_sectionform_id_temp');
					td1.setAttribute('class', 'toolbar_padding');
				var add = document.getElementById(i+'_elemet_tableform_id_temp');
						
					td1.appendChild(add);
					tr.appendChild(td1);
			}
			tr.appendChild(td_X);
			tr.appendChild(td_LEFT);
			tr.appendChild(td_UP);
			tr.appendChild(td_DOWN);
			tr.appendChild(td_RIGHT);
			tr.appendChild(td_EDIT);
			
			if(type!="type_captcha" && type!="type_recaptcha")
			{
				tr.appendChild(td_DUBLICATE);
			}
			else			
			{
				td_DUBLICATE.removeChild(img_DUBLICATE);
				tr.appendChild(td_DUBLICATE);
			}
			
			tr.appendChild(td_PAGEUP);
			tr.appendChild(td_PAGEDOWN);
			
			if(document.getElementById('pos_end').checked)
			{
				table.appendChild(tr);
			}
			if(document.getElementById('pos_begin').checked)
			{	
				table.insertBefore(tr, table.firstChild);
			}
			if(document.getElementById('pos_before').checked)
			{
				beforeTr=document.getElementById(document.getElementById('sel_el_pos').value);
				table=beforeTr.parentNode;
				beforeOption=document.getElementById(document.getElementById('sel_el_pos').value+'_sel_el_pos');
				table.insertBefore(tr, beforeTr);
				select_.insertBefore(option, beforeOption);
			}
			j=2;
			close_window() ;
			;
		call(i,key);
		
		}
	}	
	}
		else
		{
			alert("The field label is required.");
			return;
		}
	
/*	undo_redo.push(document.getElementById('take').innerHTML);
	undo_redo_num++;*/
	}			
	else alert("Please select an element to add.");

}

function call(i,key) {
  need_enable = false;
  if (key==0) {
    edit(i);
    add('1');
  }
  need_enable = true;
}

function edit_page_break(id)
{
		enable2();
		
	document.getElementById('editing_id').value=id;

		form_view_element	=document.getElementById('form_id_tempform_view'+id);
		page_title			=form_view_element.getAttribute('page_title');
		if(form_view_element.getAttribute('next_title'))
		{
			next_title			=form_view_element.getAttribute('next_title');
			next_type			=form_view_element.getAttribute('next_type');
			next_class			=form_view_element.getAttribute('next_class');
			next_checkable		=form_view_element.getAttribute('next_checkable');
			previous_title		=form_view_element.getAttribute('previous_title');
			previous_type		=form_view_element.getAttribute('previous_type');
			previous_class		=form_view_element.getAttribute('previous_class');
			previous_checkable	=form_view_element.getAttribute('previous_checkable');
			w_title	=[ next_title, previous_title];
			w_type	=[next_type,previous_type];
			w_class	=[next_class,previous_class];
			w_check	=[next_checkable,previous_checkable];
		}
		else
		{
			w_title	=[ "Next","Previous"];
			w_type	=["button","button"];
			w_class	=["",""];
			w_check	=['true', 'true'];
		}
		
	
	
	//atrs=return_attributes('form_id_tempform_view'+id);
	w_attr_name=[];
	w_attr_value=[];
	type_page_break(id, page_title , w_title, w_type, w_class, w_check, w_attr_name, w_attr_value);

}

function edit(id) {
  if (need_enable) {
    enable2();
  }
	document.getElementById('editing_id').value=id;
	type=document.getElementById(id).getAttribute('type');
	
	
	//////////////////////////////parameter take
	k=0;
	
	w_choices=new Array();	
	w_choices_checked=new Array();
	w_choices_disabled=new Array();
	w_allow_other_num = 0;
  w_property = new Array();	
	w_property_type = new Array();	
	w_property_values = new Array();
	w_choices_price = new Array();
	t = 0;
	/////////shat handipox
	
	if(document.getElementById(id+'_element_labelform_id_temp').innerHTML)
		w_field_label=document.getElementById(id+'_element_labelform_id_temp').innerHTML;
		
	if(document.getElementById(id+'_label_and_element_sectionform_id_temp'))
		w_field_label_pos="top";
	else
		w_field_label_pos="left";
		
	if(document.getElementById(id+"_elementform_id_temp"))
	{
		s=document.getElementById(id+"_elementform_id_temp").style.width;
		 w_size=s.substring(0,s.length-2);
	}
	
	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(id+"_element_sectionform_id_temp").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_text':
			{
				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_text(id, w_field_label, 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_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_pos, w_size, w_first_val, w_title, w_required, w_unique, w_class,  w_attr_name, w_attr_value); break;
			}
			case 'type_password':
			{
				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_pos, w_size, w_required, w_unique, w_class, w_attr_name, w_attr_value); break;
			}
			case 'type_textarea':
			{
				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.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_pos, w_size, w_size_h, w_first_val, w_title, w_required, w_unique, w_class, w_attr_name, w_attr_value); break;
			}
			case 'type_phone':
			{
				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);
				
				if(document.getElementById(id+"_mini_label_area_code"))
				w_mini_labels= [document.getElementById(id+"_mini_label_area_code").innerHTML, document.getElementById(id+"_mini_label_phone_number").innerHTML];
				else
				w_mini_labels= ['Area Code', 'Phone Number'];
				
				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_pos, 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_name':
			{
				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";
				
				if(document.getElementById(id+"_mini_label_first"))
				w_mini_first = document.getElementById(id+"_mini_label_first").innerHTML;
				else
				w_mini_first = "First";
				
				if(document.getElementById(id+"_mini_label_last"))
				w_mini_last = document.getElementById(id+"_mini_label_last").innerHTML;
				else
				w_mini_last = "Last";
				
				w_mini_labels = [w_mini_title, w_mini_first,w_mini_last, w_mini_middle];
				
				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_pos,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); 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_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_address':
			{
				s=document.getElementById(id+"_div_address").style.width;
				w_size=s.substring(0,s.length-2);
				
				
			if(document.getElementById(id+"_disable_fieldsform_id_temp"))
			{	
				if(document.getElementById(id+"_mini_label_street1")) {
							w_street1= document.getElementById(id+"_mini_label_street1").innerHTML;
				}
						else {
				  if (document.getElementById(id+"_street1form_id_temp")) {
					w_street1 = document.getElementById(id+"_street1form_id_temp").value;
				  }
				  else {
					w_street1 = '';
				  }
				}
						if (document.getElementById(id+"_mini_label_street2")) {
							w_street2= document.getElementById(id+"_mini_label_street2").innerHTML;
				}
						else {
				  if (document.getElementById(id+"_street2form_id_temp")) {
					w_street2 = document.getElementById(id+"_street2form_id_temp").value;
				  }
				  else {
					w_street2 = '';
				  }
				}
							
						if (document.getElementById(id+"_mini_label_city")) {
							w_city= document.getElementById(id+"_mini_label_city").innerHTML;
				}
						else {
				  if (document.getElementById(id+"_cityform_id_temp")) {
					w_city = document.getElementById(id+"_cityform_id_temp").value;
				  }
				  else {
					w_city = '';
				  }
				}

						if (document.getElementById(id+"_mini_label_state")) {
							w_state= document.getElementById(id+"_mini_label_state").innerHTML;
				}
						else {
				  if (document.getElementById(id+"_stateform_id_temp")) {
					w_state = document.getElementById(id+"_stateform_id_temp").value;
				  }
				  else {
					w_state = '';
				  }
				}
						if (document.getElementById(id+"_mini_label_postal")) {
							w_postal= document.getElementById(id+"_mini_label_postal").innerHTML;
				}
						else {
				  if (document.getElementById(id+"_postalform_id_temp")) {
					w_postal = document.getElementById(id+"_postalform_id_temp").value;
				  }
				  else {
					w_postal = '';
				  }
				}
							
				if (document.getElementById(id+"_mini_label_country")) {
					w_country= document.getElementById(id+"_mini_label_country").innerHTML;
				}
						else {
				  if (document.getElementById(id+"_countryform_id_temp")) {
					w_country = document.getElementById(id+"_countryform_id_temp").value;
				  }
				  else {
					w_country = '';
				  }
				}
				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_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];
			}
			else
			{
				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'];	
			}
			
				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_pos, w_size, w_mini_labels, w_disabled_fields, w_required, w_class, w_attr_name, w_attr_value);
        disable_fields(id);
        break;
			}



			case 'type_submitter_mail':
			{
				w_first_val=document.getElementById(id+"_elementform_id_temp").value;
				w_title=document.getElementById(id+"_elementform_id_temp").title;
				w_send=document.getElementById(id+"_sendform_id_temp").value;
		
				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_pos, w_size, w_first_val, w_title, w_send, w_required, w_unique, w_class, w_attr_name, w_attr_value); break;
			}
			case 'type_checkbox': {
				w_randomize=document.getElementById(id+"_randomizeform_id_temp").value;
				w_allow_other=document.getElementById(id+"_allow_otherform_id_temp").value;
		
				v=0;
				for(k=0;k<100;k++)
					if(document.getElementById(id+"_elementform_id_temp"+k))
					{
						if(document.getElementById(id+"_elementform_id_temp"+k).getAttribute('other'))
							if(document.getElementById(id+"_elementform_id_temp"+k).getAttribute('other')=='1')
								w_allow_other_num=t;
						w_choices[t]=document.getElementById(id+"_elementform_id_temp"+k).value;
						w_choices_checked[t]=document.getElementById(id+"_elementform_id_temp"+k).checked;
						t++;
						v=k;
					}
				if(document.getElementById(id+"_rowcol_numform_id_temp") && 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;
				}
				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_pos, 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); 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;
				for (k = 0; k < 100; k++) {
					if (document.getElementById(id+"_elementform_id_temp" + k)) {
						if(document.getElementById(id+"_elementform_id_temp"+k).getAttribute('other'))
							if(document.getElementById(id+"_elementform_id_temp"+k).getAttribute('other')=='1')
								w_allow_other_num=t;
						w_choices[t]=document.getElementById(id+"_label_element"+k).innerHTML;
						w_choices_price[t]=document.getElementById(id+"_elementform_id_temp"+k).value;
						w_choices_checked[t]=document.getElementById(id+"_elementform_id_temp"+k).checked;
						t++;
						v=k;
					}
					
					if(document.getElementById(id+"_propertyform_id_temp"+k))
					{
						w_property.push(document.getElementById(id+"_property_label_form_id_temp"+k).innerHTML);
						w_property_type.push(document.getElementById(id+"_propertyform_id_temp"+k).getAttribute('type'));
						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";
				if(document.getElementById(id+"_element_quantityform_id_temp"))
				{
					w_quantity='yes';
				}
			
				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_pos, 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_type, w_property_values,w_quantity); break;
			}
			case 'type_radio':
			{	
				
		
				w_randomize=document.getElementById(id+"_randomizeform_id_temp").value;
				w_allow_other=document.getElementById(id+"_allow_otherform_id_temp").value;

				v=0;
				for(k=0;k<100;k++)
					if(document.getElementById(id+"_elementform_id_temp"+k))
					{
						if(document.getElementById(id+"_elementform_id_temp"+k).getAttribute('other'))
							if(document.getElementById(id+"_elementform_id_temp"+k).getAttribute('other')=='1')
								w_allow_other_num=t;
						w_choices[t]=document.getElementById(id+"_elementform_id_temp"+k).value;
						w_choices_checked[t]=document.getElementById(id+"_elementform_id_temp"+k).checked;
						t++;
						v=k;
					}
					
					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 = '';
				}	
				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_pos, 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); 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;
				for(k=0;k<100;k++)
				{
					if(document.getElementById(id+"_elementform_id_temp"+k))
					{
						if(document.getElementById(id+"_elementform_id_temp"+k).getAttribute('other'))
							if(document.getElementById(id+"_elementform_id_temp"+k).getAttribute('other')=='1')
								w_allow_other_num=t;
						w_choices[t]=document.getElementById(id+"_label_element"+k).innerHTML;
						w_choices_price[t]=document.getElementById(id+"_elementform_id_temp"+k).value;
						w_choices_checked[t]=document.getElementById(id+"_elementform_id_temp"+k).checked;
						t++;
						v=k;
					}
					
					if(document.getElementById(id+"_propertyform_id_temp"+k))
					{
						w_property.push(document.getElementById(id+"_property_label_form_id_temp"+k).innerHTML);
						w_property_type.push(document.getElementById(id+"_propertyform_id_temp"+k).getAttribute('type'));
						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";
				if(document.getElementById(id+"_element_quantityform_id_temp"))
				{
					w_quantity='yes';
				}
			
				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_pos, 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_type, w_property_values, w_quantity); 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;
				for(k=0;k<100;k++)
				{
					if(document.getElementById(id+"_elementform_id_temp"+k))
					{
						if(document.getElementById(id+"_elementform_id_temp"+k).getAttribute('other'))
							if(document.getElementById(id+"_elementform_id_temp"+k).getAttribute('other')=='1')
								w_allow_other_num=t;
						w_choices[t]=document.getElementById(id+"_label_element"+k).innerHTML;
						w_choices_price[t]=document.getElementById(id+"_elementform_id_temp"+k).value;
						w_choices_checked[t]=document.getElementById(id+"_elementform_id_temp"+k).checked;
						t++;
						v=k;
					}
					
					if(document.getElementById(id+"_propertyform_id_temp"+k))
					{
						w_property.push(document.getElementById(id+"_property_label_form_id_temp"+k).innerHTML);
						w_property_type.push(document.getElementById(id+"_propertyform_id_temp"+k).getAttribute('type'));
						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('');
						}
					}
				
				}
				
				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_pos, 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_type, w_property_values); break;
			}
      case 'type_paypal_total':
			{	
				
				type_paypal_total(id, w_field_label, w_field_label_pos,  w_class); break;
			}
			
			
			case 'type_star_rating':
			{
				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_pos, w_field_label_col, w_star_amount, w_required, w_class, w_attr_name, w_attr_value) ; break;
			}
			
			case 'type_scale_rating':
			{
				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_pos, w_mini_labels,  w_scale_amount, w_required, w_class, w_attr_name, w_attr_value) ; break;
			}
			
			case 'type_spinner':
			{
				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_pos, 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_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_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_pos,  w_field_width, w_field_min_value, w_field_max_value, w_field_value, w_required, w_class, w_attr_name, w_attr_value); break;
			}
			
			case 'type_range':
			{
				
				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_value2  = document.getElementById(id+"_elementform_id_temp1").getAttribute("aria-valuenow");
				
				atrs=return_attributes(id+'_elementform_id_temp');
				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_pos, 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);
						
					}
				
				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_pos, 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_field_input_type = document.getElementById(id+"_input_typeform_id_temp").value;		
					
			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_pos, w_field_input_type, w_rows, w_columns, w_required, w_class, w_attr_name, w_attr_value); refresh_matrix(id); break; 
			
			
			}
			case 'type_time':
			{	
				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";
				}
				else
				{
					w_ss="";
					w_sec="0";
				}
				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, document.getElementById(id+'_mini_label_ss').innerHTML, 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, document.getElementById(id+'_mini_label_ss').innerHTML,'AM/PM'];
				}
				type_time(id, w_field_label, w_field_label_pos, 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;
				type_date(id, w_field_label, w_field_label_pos, w_date, w_required, w_class, w_format, w_but_val, w_attr_name, w_attr_value); 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;
				
				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);
				
				// if (w_year_type=='SELECT') {
        if (document.getElementById(id + '_yearform_id_temp').getAttribute('from') && document.getElementById(id + '_yearform_id_temp').getAttribute('to')) {
					w_from = document.getElementById(id+'_yearform_id_temp').getAttribute('from');
					w_to = document.getElementById(id+'_yearform_id_temp').getAttribute('to');
				}
				else {
					w_from = '1901';
				  var current_date = new Date();
					w_to = current_date.getFullYear();
				}
				w_divider		=document.getElementById(id+'_separator1').innerHTML;
				type_date_fields(id, w_field_label, w_field_label_pos, 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_divider, w_attr_name, w_attr_value); break;
			}
			case 'type_own_select':
			{	
				for(k=0;k<100;k++)
					if(document.getElementById(id+"_option"+k))
					{
						w_choices[t]=document.getElementById(id+"_option"+k).innerHTML;
						w_choices_checked[t]=document.getElementById(id+"_option"+k).selected;
						if(document.getElementById(id+"_option"+k).value=="")
							w_choices_disabled[t]=true;
						else
							w_choices_disabled[t]=false;
						t++;
					}
					
				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_pos, w_size, w_choices, w_choices_checked, w_required, w_class, w_attr_name, w_attr_value, w_choices_disabled); break;
			}
      case 'type_paypal_select':
			{	
				
				for(k=0;k<100;k++)
				{
					if(document.getElementById(id+"_option"+k))
					{
						w_choices[t]=document.getElementById(id+"_option"+k).innerHTML;
						w_choices_price[t]=document.getElementById(id+"_option"+k).value;
						w_choices_checked[t]=document.getElementById(id+"_option"+k).selected;
						if(document.getElementById(id+"_option"+k).value=="")
							w_choices_disabled[t]=true;
						else
							w_choices_disabled[t]=false;
						t++;
					}
					
					if(document.getElementById(id+"_propertyform_id_temp"+k))
					{
						w_property.push(document.getElementById(id+"_property_label_form_id_temp"+k).innerHTML);
						w_property_type.push(document.getElementById(id+"_propertyform_id_temp"+k).getAttribute('type'));
						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";
				if(document.getElementById(id+"_element_quantityform_id_temp"))
				{
					w_quantity='yes';
				}

				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_pos, w_size, w_choices,w_choices_price, w_choices_checked, w_required,  w_quantity, w_class, w_attr_name, w_attr_value, w_choices_disabled, w_property,w_property_type, w_property_values); 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);
				}

				atrs=return_attributes(id+'_elementform_id_temp');
				w_attr_name=atrs[0];
				w_attr_value=atrs[1];
				type_country(id, w_field_label, w_countries, w_field_label_pos, w_size, w_required, w_class,  w_attr_name, w_attr_value); break;
			}
			case 'type_captcha':
			{
				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_pos, w_digit, w_class,  w_attr_name, w_attr_value); break;
			}
			case 'type_recaptcha':
			{
				w_public  = document.getElementById("wd_recaptchaform_id_temp").getAttribute("public_key");
				w_private  = document.getElementById("wd_recaptchaform_id_temp").getAttribute("private_key");
				w_theme  = document.getElementById("wd_recaptchaform_id_temp").getAttribute("theme");
				
				atrs=return_attributes('wd_recaptchaform_id_temp');
				w_attr_name=atrs[0];
				w_attr_value=atrs[1];
				type_recaptcha(id, w_field_label, w_field_label_pos, w_public, w_private, w_theme, w_class,  w_attr_name, w_attr_value); 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 = 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 = 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");
				
				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_pos, 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;
			}

		}
	
		
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

	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");

  // form_maker_edit_in_popup(11);
}

function dublicate(id) {
	type=document.getElementById(id).getAttribute('type');
	//////////////////////////////parameter take
	if(document.getElementById(id+'_element_labelform_id_temp').innerHTML)
		w_field_label=document.getElementById(id+'_element_labelform_id_temp').innerHTML;
	labels=all_labels();
	m=0;
	t=true;
	if(type!="type_section_break")
	{
	while(t)
	{	
		m++;
		for(k=0; k<labels.length; k++)
		{
			t=true;
			if(labels[k]==w_field_label+'('+m+')')
				break;
			t=false;
		}	
	}
	w_field_label=w_field_label+'('+m+')';
	}
	k=0;
	
	w_choices=new Array();	
	w_choices_checked=new Array();
	w_choices_disabled=new Array();
	w_allow_other_num = 0;
  w_property = new Array();
	w_property_type = new Array();
	w_property_values = new Array();
	w_choices_price = new Array();
	t = 0;
	if(document.getElementById(id+'_label_and_element_sectionform_id_temp'))
		w_field_label_pos="top";
	else
		w_field_label_pos="left";
		
	if(document.getElementById(id+"_elementform_id_temp"))
	{
		s=document.getElementById(id+"_elementform_id_temp").style.width;
		 w_size=s.substring(0,s.length-2);
	}
	
	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(id+"_element_sectionform_id_temp").innerHTML;
				// type_editor(gen, w_editor); add(0); break;
				type_editor(gen, w_editor);  break;
			}
			case 'type_section_break':
			{
				w_editor=document.getElementById(id+"_element_sectionform_id_temp").innerHTML;
				// type_section_break(gen, w_editor); add(0); break;
				type_section_break(gen, w_editor);  break;
			}
			case 'type_text':
			{
				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_text(gen, w_field_label, w_field_label_pos, w_size, w_first_val, w_title, w_required, w_unique, w_class,  w_attr_name, w_attr_value); add(0); break;
				type_text(gen, w_field_label, 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_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(gen, w_field_label, w_field_label_pos, w_size, w_first_val, w_title, w_required, w_unique, w_class,  w_attr_name, w_attr_value); add(0); break;
				type_number(gen, w_field_label, 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':
			{
				atrs=return_attributes(id+'_elementform_id_temp');
				w_attr_name=atrs[0];
				w_attr_value=atrs[1];
				// type_password(gen, w_field_label, w_field_label_pos, w_size, w_required, w_unique, w_class, w_attr_name, w_attr_value); add(0); break;
				type_password(gen, w_field_label, w_field_label_pos, w_size, w_required, w_unique, w_class, w_attr_name, w_attr_value);break;
			}
			case 'type_textarea':
			{
				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.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(gen, w_field_label, w_field_label_pos, w_size, w_size_h, w_first_val, w_title, w_required, w_unique, w_class, w_attr_name, w_attr_value); add(0); break;
				type_textarea(gen, w_field_label, w_field_label_pos, w_size, w_size_h, w_first_val, w_title, w_required, w_unique, w_class, w_attr_name, w_attr_value);break;
			}
			case 'type_phone':
			{
				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);
				
				if(document.getElementById(id+"_mini_label_area_code"))
				w_mini_labels= [document.getElementById(id+"_mini_label_area_code").innerHTML, document.getElementById(id+"_mini_label_phone_number").innerHTML];
				else
				w_mini_labels= ['Area Code', 'Phone Number'];
				
				atrs=return_attributes(id+'_element_firstform_id_temp');
				w_attr_name=atrs[0];
				w_attr_value=atrs[1];
				type_phone(gen, w_field_label, w_field_label_pos, 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_name':
			{
				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_mini_labels = [ w_mini_title, document.getElementById(id+"_mini_label_first").innerHTML,document.getElementById(id+"_mini_label_last").innerHTML, w_mini_middle]; 	       
				
		
				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(gen, w_field_label, w_field_label_pos, 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);  break;
			}
			case 'type_address':
			{
				s=document.getElementById(id+"_div_address").style.width;
				w_size=s.substring(0,s.length-2);
				
				
			if(document.getElementById(id+"_disable_fieldsform_id_temp"))
			{	
				if(document.getElementById(id+"_mini_label_street1")) {
							w_street1= document.getElementById(id+"_mini_label_street1").innerHTML;
				}
						else {
				  if (document.getElementById(id+"_street1form_id_temp")) {
					w_street1 = document.getElementById(id+"_street1form_id_temp").value;
				  }
				  else {
					w_street1 = '';
				  }
				}
						if (document.getElementById(id+"_mini_label_street2")) {
							w_street2= document.getElementById(id+"_mini_label_street2").innerHTML;
				}
						else {
				  if (document.getElementById(id+"_street2form_id_temp")) {
					w_street2 = document.getElementById(id+"_street2form_id_temp").value;
				  }
				  else {
					w_street2 = '';
				  }
				}
							
						if (document.getElementById(id+"_mini_label_city")) {
							w_city= document.getElementById(id+"_mini_label_city").innerHTML;
				}
						else {
				  if (document.getElementById(id+"_cityform_id_temp")) {
					w_city = document.getElementById(id+"_cityform_id_temp").value;
				  }
				  else {
					w_city = '';
				  }
				}

						if (document.getElementById(id+"_mini_label_state")) {
							w_state= document.getElementById(id+"_mini_label_state").innerHTML;
				}
						else {
				  if (document.getElementById(id+"_stateform_id_temp")) {
					w_state = document.getElementById(id+"_stateform_id_temp").value;
				  }
				  else {
					w_state = '';
				  }
				}
						if (document.getElementById(id+"_mini_label_postal")) {
							w_postal= document.getElementById(id+"_mini_label_postal").innerHTML;
				}
						else {
				  if (document.getElementById(id+"_postalform_id_temp")) {
					w_postal = document.getElementById(id+"_postalform_id_temp").value;
				  }
				  else {
					w_postal = '';
				  }
				}
							
				if (document.getElementById(id+"_mini_label_country")) {
					w_country= document.getElementById(id+"_mini_label_country").innerHTML;
				}
						else {
				  if (document.getElementById(id+"_countryform_id_temp")) {
					w_country = document.getElementById(id+"_countryform_id_temp").value;
				  }
				  else {
					w_country = '';
				  }
				}
				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_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];
			}
			else
			{
				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'];	
			}
			
				atrs=return_attributes(id+'_street1form_id_temp');
				w_attr_name=atrs[0];
				w_attr_value=atrs[1];
				type_address(gen, w_field_label, w_field_label_pos, w_size, w_mini_labels, w_disabled_fields, w_required, w_class, w_attr_name, w_attr_value);
        disable_fields(id);
        break;
			}


			case 'type_submitter_mail':
			{
				w_first_val=document.getElementById(id+"_elementform_id_temp").value;
				w_title=document.getElementById(id+"_elementform_id_temp").title;
				w_send=document.getElementById(id+"_sendform_id_temp").value;
		
				atrs=return_attributes(id+'_elementform_id_temp');
				w_attr_name=atrs[0];
				w_attr_value=atrs[1];
				// type_submitter_mail(gen, w_field_label, w_field_label_pos, w_size, w_first_val, w_title, w_send, w_required, w_unique, w_class, w_attr_name, w_attr_value); add(0); break;
				type_submitter_mail(gen, w_field_label, w_field_label_pos, w_size, w_first_val, w_title, w_send, w_required, w_unique, w_class, w_attr_name, w_attr_value);break;
			}
			case 'type_checkbox': {
				w_randomize=document.getElementById(id+"_randomizeform_id_temp").value;
				w_allow_other=document.getElementById(id+"_allow_otherform_id_temp").value;
		
				v=0;
				for(k=0;k<100;k++)
					if(document.getElementById(id+"_elementform_id_temp"+k))
					{
						if(document.getElementById(id+"_elementform_id_temp"+k).getAttribute('other'))
							if(document.getElementById(id+"_elementform_id_temp"+k).getAttribute('other')=='1')
								w_allow_other_num=t;
						w_choices[t]=document.getElementById(id+"_elementform_id_temp"+k).value;
						w_choices_checked[t]=document.getElementById(id+"_elementform_id_temp"+k).checked;
						t++;
						v=k;
					}
				if(document.getElementById(id+"_rowcol_numform_id_temp") && 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;
				}
				atrs=return_attributes(id+'_elementform_id_temp'+v);
				w_attr_name=atrs[0];
				w_attr_value=atrs[1];
				type_checkbox(gen, w_field_label, w_field_label_pos, 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); 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(gen, w_field_label, 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_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;
				for(k=0;k<100;k++)
				{
					if(document.getElementById(id+"_elementform_id_temp"+k))
					{
						if(document.getElementById(id+"_elementform_id_temp"+k).getAttribute('other'))
							if(document.getElementById(id+"_elementform_id_temp"+k).getAttribute('other')=='1')
								w_allow_other_num=t;
						w_choices[t]=document.getElementById(id+"_label_element"+k).innerHTML;
						w_choices_price[t]=document.getElementById(id+"_elementform_id_temp"+k).value;
						w_choices_checked[t]=document.getElementById(id+"_elementform_id_temp"+k).checked;
						t++;
						v=k;
					}
					
					if(document.getElementById(id+"_propertyform_id_temp"+k))
					{
						w_property.push(document.getElementById(id+"_property_label_form_id_temp"+k).innerHTML);
						w_property_type.push(document.getElementById(id+"_propertyform_id_temp"+k).getAttribute('type'));
						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";
				if(document.getElementById(id+"_element_quantityform_id_temp"))
				{
					w_quantity='yes';
				}

				atrs=return_attributes(id+'_elementform_id_temp'+v);
				w_attr_name=atrs[0];
				w_attr_value=atrs[1];
				type_paypal_checkbox(gen, w_field_label, w_field_label_pos, 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_type, w_property_values,w_quantity); break;
			}
			case 'type_radio':
			{	
				
		
				w_randomize=document.getElementById(id+"_randomizeform_id_temp").value;
				w_allow_other=document.getElementById(id+"_allow_otherform_id_temp").value;

				v=0;
				for(k=0;k<100;k++)
					if(document.getElementById(id+"_elementform_id_temp"+k))
					{
						if(document.getElementById(id+"_elementform_id_temp"+k).getAttribute('other'))
							if(document.getElementById(id+"_elementform_id_temp"+k).getAttribute('other')=='1')
								w_allow_other_num=t;
						w_choices[t]=document.getElementById(id+"_elementform_id_temp"+k).value;
						w_choices_checked[t]=document.getElementById(id+"_elementform_id_temp"+k).checked;
						t++;
						v=k;
					}
					
					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 = '';
				}	
				atrs=return_attributes(id+'_elementform_id_temp'+v);
				w_attr_name=atrs[0];
				w_attr_value=atrs[1];
				type_radio(gen, w_field_label, w_field_label_pos, 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); 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;
				for(k=0;k<100;k++)
				{
					if(document.getElementById(id+"_elementform_id_temp"+k))
					{
						if(document.getElementById(id+"_elementform_id_temp"+k).getAttribute('other'))
							if(document.getElementById(id+"_elementform_id_temp"+k).getAttribute('other')=='1')
								w_allow_other_num=t;
						w_choices[t]=document.getElementById(id+"_label_element"+k).innerHTML;
						w_choices_price[t]=document.getElementById(id+"_elementform_id_temp"+k).value;
						w_choices_checked[t]=document.getElementById(id+"_elementform_id_temp"+k).checked;
						t++;
						v=k;
					}
					
					if(document.getElementById(id+"_propertyform_id_temp"+k))
					{
						w_property.push(document.getElementById(id+"_property_label_form_id_temp"+k).innerHTML);
						w_property_type.push(document.getElementById(id+"_propertyform_id_temp"+k).getAttribute('type'));
						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";
				if(document.getElementById(id+"_element_quantityform_id_temp"))
				{
					w_quantity='yes';
				}

				atrs=return_attributes(id+'_elementform_id_temp'+v);
				w_attr_name=atrs[0];
				w_attr_value=atrs[1];
				type_paypal_radio(gen, w_field_label, w_field_label_pos, 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_type, w_property_values,w_quantity);  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;
				for(k=0;k<100;k++)
				{
					if(document.getElementById(id+"_elementform_id_temp"+k))
					{
						if(document.getElementById(id+"_elementform_id_temp"+k).getAttribute('other'))
							if(document.getElementById(id+"_elementform_id_temp"+k).getAttribute('other')=='1')
								w_allow_other_num=t;
						w_choices[t]=document.getElementById(id+"_label_element"+k).innerHTML;
						w_choices_price[t]=document.getElementById(id+"_elementform_id_temp"+k).value;
						w_choices_checked[t]=document.getElementById(id+"_elementform_id_temp"+k).checked;
						t++;
						v=k;
					}
					
					if(document.getElementById(id+"_propertyform_id_temp"+k))
					{
						w_property.push(document.getElementById(id+"_property_label_form_id_temp"+k).innerHTML);
						w_property_type.push(document.getElementById(id+"_propertyform_id_temp"+k).getAttribute('type'));
						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('');
						}
					}
				
				}
				atrs=return_attributes(id+'_elementform_id_temp'+v);
				w_attr_name=atrs[0];
				w_attr_value=atrs[1];
				type_paypal_shipping(gen, w_field_label, w_field_label_pos, 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_type, w_property_values);   break;
			}
      case 'type_paypal_total':
			{	
				
				type_paypal_total(gen, w_field_label, w_field_label_pos,  w_class); break;
			}
			
			case 'type_star_rating':
			{
				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(gen, w_field_label, w_field_label_pos, w_field_label_col, w_star_amount, w_required, w_class, w_attr_name, w_attr_value) ; break;
			}
			
			case 'type_scale_rating':
			{
				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(gen, w_field_label, w_field_label_pos, w_mini_labels, w_scale_amount, w_required, w_class, w_attr_name, w_attr_value) ; break;
			}
		
			case 'type_spinner':
			{
				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(gen, w_field_label, w_field_label_pos, 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_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_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(gen, w_field_label, w_field_label_pos,  w_field_width, w_field_min_value, w_field_max_value, w_field_value, w_required, w_class, w_attr_name, w_attr_value);  break;
			}
			
			case 'type_range':
			{
				
				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_value2  = document.getElementById(id+"_elementform_id_temp1").getAttribute("aria-valuenow");
				
				atrs=return_attributes(id+'_elementform_id_temp');
				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(gen, w_field_label, w_field_label_pos, 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);
						
					}
				
				atrs=return_attributes(id+'_elementform_id_temp');
				w_attr_name=atrs[0];
				w_attr_value=atrs[1];
				
				type_grading(gen, w_field_label, w_field_label_pos, w_items, w_total, w_required, w_class, w_attr_name, w_attr_value) ; refresh_grading_items(gen);  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_field_input_type = document.getElementById(id+"_input_typeform_id_temp").value;		
					
			atrs=return_attributes(id+'_elementform_id_temp');
				w_attr_name=atrs[0];
				w_attr_value=atrs[1];
			type_matrix(gen, w_field_label, w_field_label_pos, w_field_input_type, w_rows, w_columns, w_required, w_class, w_attr_name, w_attr_value); refresh_matrix(gen);   break; 
			
			
			}
			case 'type_time':
			{	
				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";
				}
				else
				{
					w_ss="";
					w_sec="0";
				}
				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, document.getElementById(id+'_mini_label_ss').innerHTML, 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, document.getElementById(id+'_mini_label_ss').innerHTML, 'AM/PM'];
				}
				// type_time(gen, w_field_label, w_field_label_pos, w_time_type, w_am_pm, w_sec, w_hh, w_mm, w_ss, w_required, w_class, w_attr_name, w_attr_value); add(0); break;
				type_time(gen, w_field_label, w_field_label_pos, 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;
				// type_date(gen, w_field_label, w_field_label_pos, w_date, w_required, w_class, w_format, w_but_val, w_attr_name, w_attr_value); add(0); break;
				type_date(gen, w_field_label, w_field_label_pos, w_date, w_required, w_class, w_format, w_but_val, w_attr_name, w_attr_value);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;
				
				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);
				
				// if(w_year_type=='SELECT') {
        if (document.getElementById(id + '_yearform_id_temp').getAttribute('from') && document.getElementById(id + '_yearform_id_temp').getAttribute('to')) {
					w_from = document.getElementById(id+'_yearform_id_temp').getAttribute('from');
					w_to = document.getElementById(id+'_yearform_id_temp').getAttribute('to');
				}
				else {
					w_from = '1901';
					var current_date = new Date();
					w_to = current_date.getFullYear();
				}
				w_divider		=document.getElementById(id+'_separator1').innerHTML;
				// type_date_fields(gen, w_field_label, w_field_label_pos, 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_divider, w_attr_name, w_attr_value); add(0); break;
				type_date_fields(gen, w_field_label, w_field_label_pos, 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_divider, w_attr_name, w_attr_value);break;
			}
			case 'type_own_select':
			{	
				for(k=0;k<100;k++)
					if(document.getElementById(id+"_option"+k))
					{
						w_choices[t]=document.getElementById(id+"_option"+k).innerHTML;
						w_choices_checked[t]=document.getElementById(id+"_option"+k).selected;
						if(document.getElementById(id+"_option"+k).value=="")
							w_choices_disabled[t]=true;
						else
							w_choices_disabled[t]=false;
						t++;
					}
					
				atrs=return_attributes(id+'_elementform_id_temp');
				w_attr_name=atrs[0];
				w_attr_value=atrs[1];
				// type_own_select(gen, w_field_label, w_field_label_pos, w_size, w_choices, w_choices_checked, w_required, w_class, w_attr_name, w_attr_value, w_choices_disabled); add(0); break;
				type_own_select(gen, w_field_label, w_field_label_pos, w_size, w_choices, w_choices_checked, w_required, w_class, w_attr_name, w_attr_value, w_choices_disabled);break;
			}
      case 'type_paypal_select':
			{	
				for(k=0;k<100;k++)
				{
					if(document.getElementById(id+"_option"+k))
					{
						w_choices[t]=document.getElementById(id+"_option"+k).innerHTML;
						w_choices_price[t]=document.getElementById(id+"_option"+k).value;
						w_choices_checked[t]=document.getElementById(id+"_option"+k).selected;
						if(document.getElementById(id+"_option"+k).value=="")
							w_choices_disabled[t]=true;
						else
							w_choices_disabled[t]=false;
						t++;
					}
					
					if(document.getElementById(id+"_propertyform_id_temp"+k))
					{
						w_property.push(document.getElementById(id+"_property_label_form_id_temp"+k).innerHTML);
						w_property_type.push(document.getElementById(id+"_propertyform_id_temp"+k).getAttribute('type'));
						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";
				if(document.getElementById(id+"_element_quantityform_id_temp"))
				{
					w_quantity='yes';
				}

				atrs=return_attributes(id+'_elementform_id_temp');
				w_attr_name=atrs[0];
				w_attr_value=atrs[1];
				type_paypal_select(gen, w_field_label, w_field_label_pos, w_size, w_choices,w_choices_price, w_choices_checked, w_required,w_quantity, w_class, w_attr_name, w_attr_value, w_choices_disabled, w_property, w_property_type, w_property_values);  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);
				}

				atrs=return_attributes(id+'_elementform_id_temp');
				w_attr_name=atrs[0];
				w_attr_value=atrs[1];
				// type_country(gen, w_field_label, w_countries, w_field_label_pos, w_size, w_required, w_class,  w_attr_name, w_attr_value); add(0); break;
				type_country(gen, w_field_label, w_countries, w_field_label_pos, w_size, w_required, w_class,  w_attr_name, w_attr_value);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 = 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(gen, 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);add(0); break;
				type_map(gen, 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 = 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");
				
				atrs=return_attributes(id+'_elementform_id_temp');
				w_attr_name=atrs[0];
				w_attr_value=atrs[1];
				// type_mark_map(gen, w_field_label, w_field_label_pos, 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);add(0); break;
				type_mark_map(gen, w_field_label, w_field_label_pos, 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(gen, w_submit_title , w_reset_title , w_class, w_act, w_attr_name, w_attr_value); add(0); break;
				type_submit_reset(gen, 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 (gen, w_title , w_func , w_class,w_attr_name, w_attr_value); add(0); break;
				type_button (gen, 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 (gen, w_name, w_value , w_attr_name, w_attr_value); break;
			}

		}
    need_enable = false;
		add(0);
		need_enable = true;		
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	
}

/*function form_maker_open_in_popup(id) {
  var thickDims, tbWidth, tbHeight;
  jQuery(document).ready(function($) {
    thickDims = function() {
      var tbWindow = jQuery('#TB_window'), H = jQuery(window).height(), W = jQuery(window).width(), w, h;
      w = (tbWidth && tbWidth < W - 90) ? tbWidth : W - 40;
      h = (tbHeight && tbHeight < H - 60) ? tbHeight : H - 40;
      if (tbWindow.size()) {
        tbWindow.width(w).height(h);
        jQuery('#TB_iframeContent').width(w).height(h - 27);
        tbWindow.css({'margin-left': '-' + parseInt((w / 2),10) + 'px'});
        if (typeof document.body.style.maxWidth != 'undefined') {
          tbWindow.css({'top':(H-h)/2,'margin-top':'0'});
        }
      }
    };
    thickDims();
    jQuery(window).resize( function() { thickDims() } );
    jQuery('a.thickbox-preview' + id).click( function() {
      tb_click.call(this);
      var alink = jQuery(this).parents('.available-theme').find('.activatelink'), link = '', href = jQuery(this).attr('href'), url, text;
      if (tbWidth = href.match(/&tbWidth=[0-9]+/)) {
        tbWidth = parseInt(tbWidth[0].replace(/[^0-9]+/g, ''), 10);
      }
      else {
        tbWidth = jQuery(window).width() - 120;
      }
      if (tbHeight = href.match(/&tbHeight=[0-9]+/)) {
        tbHeight = parseInt(tbHeight[0].replace(/[^0-9]+/g, ''), 10);
      }
      else {
        tbHeight = jQuery(window).height() - 120;
      }
      if (alink.length) {
        url = alink.attr('href') || '';
        text = alink.attr('title') || '';
        link = '&nbsp; <a href="' + url + '" target="_top" class="tb-theme-preview-link">' + text + '</a>';
      }
      else {
        text = jQuery(this).attr('title') || '';
        link = '&nbsp; <span class="tb-theme-preview-link">' + text + '</span>';
      }
      jQuery('#TB_title').css({'background-color':'#222','color':'#dfdfdf'});
      jQuery('#TB_closeAjaxWindow').css({'float':'left'});
      jQuery('#TB_ajaxWindowTitle').css({'float':'right'}).html(link);
      jQuery('#TB_iframeContent').width('100%');
      thickDims();
      return false;
    });
  });
}*/

Al-HUWAITI Shell