<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>{$language.lblAdmin} : {if $resultForm['formName']}{$resultForm['formName']}{else} {$language.lblUntitledForm} {/if} </title>
{include file='CommonStyles.tpl'}
{include file='CommonJavaScript.tpl'}
<script type="text/javascript" src="{$common_js}/jsrender.plugin.js"></script>
<script type="text/javascript" src="{$common_js}/jquery.observable.js"></script>
<script type="text/javascript" src="{$common_js}/jquery.views.js"></script>
<script type="text/javascript" src="{$common_js}/jsrender.helper.js"></script>
<link href="{$view_styles}/jquery-ui-1.8.19.custom.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="{$view_styles}/form-filed-create.css" />
<link href="{$view_styles}/colorbox01.css" rel="stylesheet" type="text/css" />
<link href="{$view_styles}/jquery.jscrollpane.css" rel="stylesheet" type="text/css" />
 <!-- the mousewheel plugin - optional to provide mousewheel support -->
<script type="text/javascript" src="{$view_javascript}/jquery.mousewheel.js"></script>
<!-- the jScrollPane script -->
<script type="text/javascript" src="{$view_javascript}/jquery.jscrollpane.min.js"></script>

{include file='CommonCustomStyles.tpl'}
</head>
<body>
<div class="outer_container">{include file='CommonTop.tpl'}
  <div class="content_container">
    <div class="create-form-head clearfix">
	<div id="common_message" ></div>
    <h2 class="form-tab " rel="form-settings" ><span >
		{if $resultForm['formName']}{$resultForm['formName']}{else}{$language.lblUntitledForm}  {/if}</span> <span class="edit-form icon-set-form">&nbsp;</span>
		</h2> 
	<div class="fixing_right"> {include file='ContentLanguageOptions.tpl'}</div>
    <ul class="form-control">
                	{if $formID|default:''>0}
					<li>
						{html->anchor class="saveForm" 
							content="<span class='save-form icon-set-form'></span>{$language.lblSaveForm}"}
					</li>
					
					<li>
						{html->anchor  
							href="../form/key/{$formID}"
							target="__blank"
							class="preview"
							content="<span class='frm-preview icon-set-form'></span>{$language.lblFormPreview} "}
					</li>
					{/if}
                    <li>
						{html->anchor 	
							class="form-tab  active" 
							rel="form-settings" 
							data='form_settings'
							content="<span class='form-set  icon-set-form'></span>{$language.lblFormSettings}"}
					</li>
					{if $resultElement|count|default:'' > 0 }
                    <li>
						{html->anchor 
							class="form-tab " 
							rel="form-actions" 
							data='form_actions'
							content="<span class='form-act icon-set-form'></span>{$language.lblFormAction} "}
					</li>
					{/if}
                    
					<li>
						{if $formID|default:''>0}
							{html->anchor 
								rel="controllerList" 
								class="add-field" 
								data='form_field'
								content=" <span class='add-fld icon-set-form'></span>{$language.lblAddafield}"}
				
						{/if}
					</li>
				</ul>
    
    </div>
    <div class="create-form-cnt clearfix">
    	<div class="save-load-display hide"><div class="save-overlay"></div>
        <div class="save-load">
        	<div id="fountainTextG">
				<div id="fountainTextG_1" class="fountainTextG">S</div>
				<div id="fountainTextG_2" class="fountainTextG">a</div>
				<div id="fountainTextG_3" class="fountainTextG">v</div>
				<div id="fountainTextG_4" class="fountainTextG">i</div>
				<div id="fountainTextG_5" class="fountainTextG">n</div>
				<div id="fountainTextG_6" class="fountainTextG">g</div>
				<div id="fountainTextG_7" class="fountainTextG">.</div>
				<div id="fountainTextG_8" class="fountainTextG">.</div>
				<div id="fountainTextG_9" class="fountainTextG">.</div>
				</div>
        </div></div>
        
  		 
         <div id="add-field" class="form-tab-div clearfix  hide ">
        <div class="clearfix"> <div class="cnt-setting fixing_right ">
         	<span class="cnrlt-field clearfix">
            	<a href="javascript:void(0);" class="pin icon-set-form"></a> <a href="javascript:void(0);" class="minim icon-set-form"></a>
            </span>
          
            <div class="inner-field" >
            <div id="controllerList">
             <h4>{$language.lblStandardFormFields}</h4>
            	<ul class="controllerList clearfix" >
                <li class="controls sub clearfix" data-controller='text'>
					<a href="javascript:void(0);"><span class="sing-txt icon-set-form"></span>
						{$language.lblTextboxControler}
					</a>
				</li>
				<li class="controls sub clearfix " data-controller='textarea'>
					<a href="javascript:void(0);" ><span class="txt-area icon-set-form"></span>
						{$language.lblTextareaControler}
					</a>
				</li>
				<li class="controls sub clearfix" data-controller='checkbox'>
					<a href="javascript:void(0);"><span class="ch-bx icon-set-form"></span>
						{$language.lblCheckboxControler}
					</a>
				</li>
				<li class="controls sub clearfix" data-controller='radio'>
					<a href="javascript:void(0);"><span class="radio icon-set-form"></span>
						{$language.lblRadiobuttonControler}
					</a>
				</li>
				<li class="controls sub clearfix" data-controller='select'>
					<a href="javascript:void(0);"><span class="drp-down icon-set-form"></span>
						{$language.lblSelectBoxControler}
					</a>
				</li>
				<li class="controls sub clearfix" data-controller='select_multiple'>
					<a href="javascript:void(0);"><span class="list icon-set-form"></span>
						{$language.lblMultiselectControler}
					</a>
				</li>
				<li class="controls sub clearfix" data-controller='html'>
					<a href="javascript:void(0);"><span class="html1 icon-set-form"></span>
						{$language.lblHtmlControler}
					</a>
				</li>
                </ul>
                <h4>{$language.lblAdvancedFormFields}</h4>
               <ul class="controllerList clearfix" >
				<li class="controls sub clearfix" data-controller='countryState'>
					<a href="javascript:void(0);"><span class="cn-st icon-set-form"></span>
						{$language.lblCountryStateControler}
					</a>
				</li>
				{*}
				<!-- Business Type is not available in CMS -->
				<li class="controls sub clearfix" data-controller='businesstype'>
					<a href="javascript:void(0);"><span class="bs-typ icon-set-form"></span>
						{$language.lblBusinessTypeControler}
					</a>
				</li>
				{*}
				<li class="controls sub clearfix" data-controller='country'>
					<a href="javascript:void(0);"><span class="country01 icon-set-form"></span>
						{$language.lblCountrySelectControler}
					</a>
				</li>
				<li class="controls sub clearfix" data-controller='name'>
					<a href="javascript:void(0);"><span class="name01 icon-set-form"></span>
						{$language.lblNameControler}
					</a>
				</li>
				<li class="controls sub clearfix" data-controller='file'>
					<a href="javascript:void(0);"><span class="file-upload icon-set-form"></span>
						{$language.lblFileUploaderControler}
					</a>
				</li>
				<li class="controls sub clearfix" data-controller='image'>
					<a href="javascript:void(0);"><span class="img-upload icon-set-form"></span>
						{$language.lblImageUploaderControler}
					</a>
				</li>
				<li class="controls sub clearfix" data-controller='address'>
					<a href="javascript:void(0);"><span class="addrs icon-set-form"></span>
						{$language.lblAddressControler}
					</a>
				</li>
				<li class="controls sub clearfix" data-controller='date'>
					<a href="javascript:void(0);"><span class="date01 icon-set-form"></span>
						{$language.lblDateControler}
					</a>
				</li>
				<li class="controls sub clearfix" data-controller='email'>
					<a href="javascript:void(0);"><span class="email01 icon-set-form"></span>
						{$language.lblEmailControler}
					</a>
				</li>
				<li class="controls sub clearfix" data-controller='website'>
					<a href="javascript:void(0);"><span class="website01 icon-set-form"></span>
						{$language.lblWebsiteControler}
					</a>
				</li>
              </ul>
			   <!-- <h4>{$language.lblMiscellaneousFormFields}</h4>
               <ul class="controllerList clearfix" >
				<li class="controls sub clearfix" data-controller='agreement'>
					<a href="javascript:void(0);"><span class="ch-bx icon-set-form"></span>
						{$language.lblAgreementControler}
					</a>
				</li>
				</ul> -->
              </div>
              <div class="field-seting" id="fieldSettings">
              		   <!-- Field Options are come here -->
              </div>
            </div>
             
         </div>
                 <div class="dynamicForm-container clearfix {$fieldAlignment|default:''} rmv-add-fld" >
          <!--[if lte IE 7]>  
 <div style="background:#FC3;font:15px bold Arial, Helvetica, sans-serif;margin:20px;padding:20px;border:#C90 1px solid">Please Update Your Browser you are using old version of Internet explorer!!!!!</div>
<![endif]-->

         <ul  id="dynamicForm" >
         
         </ul>
         
         </div> </div>
         <div class="submit-block top-border textto_center">
		 {form->button class="saveForm curve-3" value="{$language.lblSaveForm}" tabindex="1"}
							  {$language.lblOr} 
		{html->anchor href="form/" content=$language.lblCancel tabindex="1"}
         </div>
         </div>
         <div class="form-tab-div clearfix  " id="form-settings">
         	<div class="field-set-list width-890">
           	<div class="top-white-border clearfix">
             <h3>{$language.lblFormSettings}</h3>
              {form->start name="formSettings"  method="post"}
              <div class="clearfix">
            	<ul class="left">
                    <li class="clearfix">
                    	<p>{$language.lblFormName}</p>
						{form->textbox name="formName" validate="required" value="Untitled Form" error="Please enter form name" onChange="formObj.updateFormSettings($(this))"}
                    </li>
                    <li class="clearfix">
                    	<p>{$language.lblDescription}</p>
						{form->textarea name="formDesc" onChange="formObj.updateFormSettings($(this))"}
                    </li>
                    <li class="clearfix">
                    	<p>{$language.lblMenuBrands}</p>
						 {form->select style="width:28%;" onChange="formObj.updateFormSettings($(this))" class="select" name="brandID" caption="->{$language.lblSelect}" options=$listBrand validate="required" error=$language.errFranchisee}
                    </li>
                     
                    <li class="clearfix">
						<p>{$language.lblFormLayout}</p>
						{if isset($resultForm['fieldAlignment']) && $resultForm['fieldAlignment']!=''}
							{assign var=fieldAlignment value=$resultForm['fieldAlignment']}
						{else}
							{assign var=fieldAlignment value="frm-style01"}
						{/if}
						<span class="layout-outer">
							<input type="radio" name="fieldAlignment" {if $fieldAlignment=='frm-style01'} checked{/if} value="frm-style01" onChange="formObj.updateFormSettings($(this))"/>
							<div class="frm-style01 layout"></div>
						</span>
                        <span class="layout-outer">
							<input type="radio" name="fieldAlignment" value="frm-style02" {if $fieldAlignment=='frm-style02'} checked{/if} onChange="formObj.updateFormSettings($(this))"/>
                            <div class="frm-style02 layout"></div>
                        </span>
                        <span class="layout-outer">
							<input type="radio" name="fieldAlignment"  value="frm-style03" {if $fieldAlignment=='frm-style03'} checked{/if} onChange="formObj.updateFormSettings($(this))"/>
							<div class="frm-style03 layout"></div>
                        </span>
                        <span class="layout-outer">
							<input type="radio" name="fieldAlignment"  value="frm-style04" {if $fieldAlignment=='frm-style04'} checked{/if} onChange="formObj.updateFormSettings($(this))"/>
                            <div class="frm-style04 layout"></div>
                        </span>
                      
                    </li>
                     <li class="clearfix">
                    	<p> {$language.lblAccessGroup} </p>
						<ul class="group-list clearfix">
						<li>
							<input type="checkbox" 
								name="accessGroupIDsAll[]" {if isset($accessGroups) && $accessGroups|count == $userType|count}checked="checked" {/if} id="accessGroupIDsAll_0" 
								class=" accessGroupIDsAll_class " 
								onchange="formObj.selectAllAccessGroupIDs($(this), $('.accessGroupIDs_class'),$('#accessGroupIDValidate'))" />{$language.lblSelectAll}
					
						</li>

						<li>
							{form->checkbox 
								name="accessGroupIDs" 
								options="{$userType}" 
								value="{$accessGroupIDs|default:''|replace:',':'~*'}"
								seperator="</li><li>"
								onChange="formObj.updateFormSettings($(this))"}
						</li>
						</ul>
						
                    </li>
					<li class="clearfix">
					{if $formID|default:0>0}
						{form->validate name="accessGroupIDValidate" value=1 validate="required" error="{$language.errSelectAccessGroup}"} 
					{else}
						{form->validate name="accessGroupIDValidate" validate="required" error="{$language.errSelectAccessGroup}"} 
					{/if}
					</li>
                  <li class="clearfix">
                    	<p> {$language.lblStatus} </p>
							{form->select
									name="formStatus"
									options="draft->{$language.lblDraft}~*publish->{$language.lblPublished}" 
									validate="required" 
									error="{$language.errSelectStatus|default:''}" custom="true" onChange="formObj.updateFormSettings($(this))"}
                    </li>
					
                </ul>
                <ul class="right">
                     <li class="clearfix">
                    	<p>{$language.lblCaptcha}</p>
						{form->select 
							name="enableCaptcha" 							
							options="Yes->{$language.lblYes}~*No->{$language.lblNo}" onChange="formObj.updateFormSettings($(this))"}
                    </li>
                    <li class="clearfix captchaValidation">
                    	<p>Validation </p>
						{form->textbox class="fixing_left mrg-right"
							name="captchaValidation" onChange="formObj.updateFormSettings($(this))"}
                    </li>
					<li class="clearfix">
						  <p> {$language.lblSubmitButtonValue}</p>
							{form->textbox 
								class="fixing_left mrg-right"
								value="{$language.lblSubmit}"
								name="submitButtonValue"  onChange="formObj.updateFormSettings($(this))"}   
							               
						</li>
                    <li class="clearfix">
                    	<p> {$language.lblDisableForm}</p>
						{form->select 
							name="disableForm" 		options="never->{$language.lblNever}~*afterdays->{$language.lblAfterDays}~*aftersubmission->{$language.lblAfterSubmissions}" onChange="formObj.updateFormSettings($(this))"}
                    </li>
                     <li class="clearfix li_disableForm hide">
                    	<p> {$language.lblDisableFormCriteria} {$language.msgMax3Digit} </p>
                     {form->textbox 
							name="disableFormCriteria" 
							maxlength="3"
							validate="disableForm->isnotequal->never~*required~*isWholeNumberWithOutZero" 
							error="~*{$language.errDisableCriteria}~*{$language.errGreaterThanZero}" class="textbox" onChange="formObj.updateFormSettings($(this))"}
                    </li>
                    <li class="clearfix li_disableForm hide">
                    	<p> {$language.lblDisableFormMessage} </p>
						{form->textarea 
							name="disableFormMessage" 									
							rows="6" 
							validate="disableForm->isnotequal->never~*required" 
							error="{$language.errDisableCriteriaMessage}" onChange="formObj.updateFormSettings($(this))"}
                    </li>
                    <li class="clearfix">
                    	<p>{$language.lblAgreement}</p>
						{form->select 
							name="enableAgreement" 							
							options="No->{$language.lblNo}~*Yes->{$language.lblYes}" onChange="formObj.updateFormSettings($(this))"}
                    </li>
					
					<li class="clearfix li_agreementText hide">
                    	<p>{$language.lblAgreementText}</p>
						{form->editor 
								name="agreementText"
								value="{$agreementText|default:''}" validate="enableAgreement->isequal->Yes~*required"  error="~*{$language.errAgreementText}"} 
						{form->editor_script names="agreementText"}
						 <script>
							CKEDITOR.instances.agreementText.on('change', function (e) {
								var obj= $("<input>").attr('name','agreementText').val(CKEDITOR.instances.agreementText.getData());
								formObj.updateFormSettings(obj);
							});
						 </script>
                    </li>
                    
                </ul>
                </div>
                 <div class="submit-block clearfix textto_center">
                 <span>&nbsp; </span>
                    	{form->submit class="curve-3" name="submitSettings"   value="{$language.lblSaveandContinue}" tabindex="1"} 
							  {$language.lblOr} 
							  {html->anchor href="form/" content=$language.lblCancel tabindex="1"}
                    </div>
				{form->close}
            </div>
         </div>
		 </div>
          <div class="form-tab-div clearfix  hide" id="form-actions">
          <div class="field-set-list width-890">
           	<div class="top-white-border clearfix">
             <h3>{$language.lblFormAction}</h3>
				 {form->start name="frmAction"  method="post"}
                 <div class="clearfix">
					  <ul class="left">
						<li class="clearfix">
						  <p> {$language.lblSendEmailToAdmin} </p>
							{form->textarea 
								class="fixing_left mrg-right" 
								name="adminEmails" onChange="formObj.updateFormSettings($(this))"}   
							{html->anchor
								id="admin_mail_icon" 
								href="form/emailPopUp/usertype/admin/page/build/formID/{$formID}" class="email-popup fixing_left" 
								content="<span class='icon-set mail-icon'></span>" }                  
						</li>
						<li class="clearfix">
						  <p> {$language.lblEmailFromName} </p>
						{if !isset($emailFromName) || $emailFromName==''}
							{assign var="emailFromName" value="Oorjit Forms"}
						{/if}
							{form->textbox 
								class="fixing_left mrg-right" 
								name="emailFromName"
								validate="required"
								error="{$language.errFromName}" onChange="formObj.updateFormSettings($(this))"}   
							               
						</li>
						{assign var="emailFound" value=0}
						{foreach $resultElement as $element}
							{if $element['attributeType']=='email'}
								{assign var="emailFound" value=1}
							{/if}
						{/foreach}	
						
						
						
						{*<li class="clearfix height-fix">
						 <strong> {$language.lblEmailSubjectContent} </strong>
						 {html->anchor class="form-anchor curve-3" content="Manage content"} 
						</li>*}
						<li class="selection clearfix">
							<div class="clearfix"> <p class="fixing_left user-confirm">

	
								{form->checkbox name="sendConfirmMailToSubmitter" value="{$resultForm['sendConfirmMailToSubmitter']}"  options="Yes->{$language.lblSendConfirmationMailToUser}" onChange="formObj.updateFormSettings($(this))"}

							</p>
							{html->anchor
								id="user_mail_icon" 
								href="form/emailPopUp/usertype/user/page/build/formID/{$formID}" class="email-popup fixing_left" 
								content="<span class='icon-set mail-icon'></span>" onChange="formObj.updateFormSettings($(this))"}     
                
                            </div>
                            
                            </li>
							{if $emailFound>0}
						<li class="clearfix li_sendConfirmMailToSubmitter hide">
						  <p> {$language.lblUserEmailFields} </p>
							{form->textarea 
								class="fixing_left mrg-right" 
								name="userEmailFields" onChange="formObj.updateFormSettings($(this))"}   
							   <div class="select-fld_links">
								  <span class="field-list curve-3">    
										{$language.lblEmailFields}
									</span>    
									<ul class="select-fld_ul">              
											{foreach $resultElement as $element}
												{if $element['attributeType']=='email'}
												 <li> {html->anchor  rel="{$element['attributeType']}_{$element['formElementID']}" content="{$element['formElementLabel']}" class='fields_elements'} </li>
												 {/if}
											{/foreach}						
										
									</ul>

							</div>    
						</li>
						{/if}
                            </ul>
                            <ul class="right">  
							<li class="clearfix">
						 <p> {$language.lblAction}</p>
						  <!--End:Left-->
								{form->select  custom="true"
									caption="none->{$language.lblNone}"
									options="{$resActionList}" onChange="formObj.updateFormSettings($(this))" name="codeAction"} 
	
						  <!--End:right-->
						</li>
						 <li class="selection clearfix">
						  <p>{$language.lblAfterFormSubmission}</p>
						  <!--End:Left-->
						 <p> 
							{if !isset($afterFormSubmission) || $afterFormSubmission==''}
								{assign var="afterFormSubmission" value="ShowText"}
							{/if}
							{form->radio 
							name="afterFormSubmission"  
							options="ShowText->{$language.lblShowText}~*RedirectToUrl->{$language.lblRedirectToUrl}" onChange="formObj.updateFormSettings($(this))"}
							
								
							 </p>
						  <!--End:right-->
						</li>
						
						
						<li class="selection clearfix li_afterFormSubmission_text">
						 <p> {$language.lblAction}</p>
						  <!--End:Left-->
							
								{form->textbox 
									name="afterFormSubmissionActiontext" 
									onChange="formObj.updateFormSettings($(this))"} 
	
						  <!--End:right-->
						</li>
						
						<li class="selection clearfix li_afterFormSubmission_textarea hide">
						 <p> {$language.lblAction}</p>
						  <!--End:Left-->
							{if !isset($afterFormSubmissionActionarea) || $afterFormSubmissionActionarea==''}
								{assign var="afterFormSubmissionActionarea" value=$language.lblSuccess}
							{/if}
							{form->textarea 
								name="afterFormSubmissionActionarea" onChange="formObj.updateFormSettings($(this))"} 

						  <!--End:right-->
						</li>
						
                        <li>	
								{form->checkbox name="saveToDataBase"  value="{$resultForm['saveToDataBase']}"  options="Yes->{$language.lblSaveToDataBase}" onChange="formObj.updateFormSettings($(this))"}

							</li>
						
					  </ul>
                      </div>
                       <div class="submit-block clearfix textto_center">
                 <span>&nbsp; </span>
                    	{form->submit name="submitContent" id="submit" class="curve-3"  value="{$language.lblSave} " tabindex="1"} 
							  {$language.lblOr} 
							  {html->anchor href="form/" content=$language.lblCancel tabindex="1"}
                    </div>
					  {form->close}
					</div>
				  </div>
				</div>

         
    </div> 
	
	<div class="hide">
		<div id="pre-oprions-popup" class="option-popup">
			<p>{$language.lblPreOptions}</p>
			
			<div class="clearfix " id="importPredefinedOption">
				<div class="left">
                <span class="tpline"></span>
                <div class="left-inner">
					<ul id="pre-options" >
					<li>{html->anchor rel="pre_gender"  content="{$language.lblGender}"}</li>
					<li>{html->anchor rel="pre_age" content="{$language.lblAge}"}</li>
					<li>{html->anchor rel="pre_employment" content="{$language.lblEmployment}"}</li>
					
					<li>{html->anchor rel="pre_education" content="{$language.lblEducation}"}</li>
					<li>{html->anchor rel="pre_marital" content="{$language.lblMaritalStatus}"}</li>
					<li>{html->anchor rel="pre_race" content="{$language.lblRace}"}</li>
			
					<li>{html->anchor rel="pre_months" content="{$language.lblMonthsoftheYear}"}</li>
					<li>{html->anchor rel="pre_days" content="{$language.lblDaysoftheWeek}"}</li>
					<li>{html->anchor rel="pre_continents" content="{$language.lblContinents}"}</li>
					<li>{html->anchor rel="pre_howoften" content="{$language.lblHowOften}"}</li>
					<li>{html->anchor rel="pre_howlong" content="{$language.lblHowLong}"}</li>
					<li>{html->anchor rel="pre_satisfied" content="{$language.lblSatisfaction}"}</li>
					</ul>
                    </div>
                     <span class="tpline"></span>
				</div>
				<div class="right">
					{form->textarea name="predefinedOptions"}
				</div>
				
				
			</div>
			<div class='bottom-block'>
				{form->button name="addPredefinedChoice" class="buttonstyle02" onClick="formObj.addPredefinedOptions($(this),$('#predefinedOptions'));" value="{$language.lblAddChoicestoField}"}
				{html->anchor id="addPredefinedChoiceCancel" content="{$language.lblCancel}"}
			</div>
		</div>
	</div>
	
</div>

<!-- End:Templates -->


<!--End:Content Container-->
{include file='CommonBottom.tpl'} 
<!-- Templates -->
	
	<!-- This template is only used for Field Type Changing -->
	<script id="fieldTypeElementOptionsTemplate" type="text/x-jsrender">
		<!-- Field Type -->
		{if !$formID>0}
		{literal}
			 <li class="clearfix">
				<p>
					Field Type
				</p>
				
				<select  onchange="formObj.changeField($(this),'fieldtype','[[>type]]')">
					[[for ~elemetTypes]]
						<option value="[[>value]]" [[if #parent.parent.data.type==value]]selected="selected"[[/if]]>
						[[>text]]
						</option>
					[[/for]]
				</select>
			</li>
		{/literal}
		{/if}
		<!-- END : Field Type -->
	</script>
	<!-- END : This template is only used for Field Type Changing -->
	
	<!-- This template is only used for Field Type Changing -->
	<script id="validationInstructionTemplate" type="text/x-jsrender">
		<li class="clearfix">
				<p>
					{$language.lblInstructionUser}
				</p>
						{form->textarea 
						name=""
						value="[[>defaults.instruction]]" onKeyup="formObj.updateSingleValueFieldSettings($(this),'defaults.instruction','[[>type]]')"} 
					
				
		</li>
		<li class="clearfix">
				<p>
					{$language.lblValidation}
				</p>		
					<ul class="box-list">
						[[for ~validate]]	
						
							[[if ~in_array(#parent.parent.data.name,applicable)]]	
							<li class="clearfix">
								<span class="fixing_left">
									<input type="checkbox" 
										value="[[>rule]]" 
										[[if ~in_array(rule,#parent.parent.parent.data.defaults.validate)]]
											checked="checked"
										[[/if]]
										name="setting-validate" 
										onchange="formObj.updateValidationRule($(this),'defaults.validate','[[>#parent.parent.parent.data.type]]')"> [[>text]]	
								</span>
							</li>
							[[/if]]	
						[[/for]]	
					</ul>
				
			</li>
			<li class="clearfix [[if !defaults.validate.length>0]] hide[[/if]]"  id="validate-error">
				<p>
					{$language.lblError}
				
				</p>										
					{form->textbox
						name=""
						value="[[>defaults.error]]"
						onKeyup="formObj.updateSingleValueFieldSettings($(this),'defaults.error','[[>type]]')"}
				
			</li>
	</script>
	<!-- END : This template is only used for Field Type Changing -->
	
	
	
	

	<!-- Form Element Settings Begin [Other than address , country state] -->
	<script id="elementOptionsTemplate" type="text/x-jsrender">
		<h4>{$language.lblFieldSettings}</h4>
		<div class="field-set-list">
		<ul>
           
		[[include tmpl="#fieldTypeElementOptionsTemplate"/]]
		
		<!-- Country Caption/Text -->
		[[if type=='html' || type=='agreement']]
			   
			   <li class="clearfix">
				<p>
					{$language.lblFieldHead}
				
				</p>										
					{form->textbox
						name="" 
						value="[[>defaults.label]]"
						onKeyup="formObj.updateSingleValueFieldSettings($(this),'defaults.label','[[>type]]')"}
				
			</li>
			[[if type=='agreement']]
				[[include tmpl="#validationInstructionTemplate"/]]
			[[/if]]
			  <li class="clearfix">
				<p>
					{$language.lblElementText}
				</p>
					
			</li> 
			<li class="clearfix">
				<div id="editor">
				{form->textarea
						name="htmlEditor"
						class="html-cnt"
						cols=100
						value="[[>defaults.text]]"
						onKeyup="formObj.updateSingleValueFieldSettings($(this),'defaults.text','[[>type]]')"}
					</div>

			</li>
			

		[[else ]]
			  <li class="clearfix">
				<p>
					{$language.lblFieldLabel}
				</p>										
					{form->textbox
						name="" 
						value="[[>caption]]"
						onKeyup="formObj.updateSingleValueFieldSettings($(this),'caption','[[>type]]')"}
				
			</li>
		[[/if]]
		
		<!-- Instruction	 -->
			
		[[if type!='html' && type!='agreement']]
			
			[[include tmpl="#validationInstructionTemplate"/]]
			  
			
			[[if type!='image' && type!='file'  ]]
				[[if type!='state' && type!='province' ]]
				<li class="clearfix">
					<p>{$language.lblEnableSearch}
					</p>
						<input 
							type="checkbox"
							name=""
							[[if defaults.enableSearch=='true' || defaults.enableSearch==true]]	
								checked="checked"
							[[/if]]
							id=""
							onchange="formObj.updateSingleValueFieldSettings($(this),'defaults.enableSearch','[[>type]]')">
							
				</li>
				[[/if]]
			[[if type!='province' ]]
			<li class="clearfix">
				<p>{$language.lblShowInList}
				</p>
					<input 
						type="checkbox"
						name=""
						[[if defaults.showInList==true || defaults.showInList=='true']]	
							checked="checked"
						[[/if]]
						id=""
						onchange="formObj.updateSingleValueFieldSettings($(this),'defaults.showInList','[[>type]]')">
						
			</li>
			[[/if]]
			
			[[/if]]
			
			[[if type=='file' ]]

			<li class="clearfix">
				<p>{$language.lblExtentionAllowed}
				</p>
					<ul class="box-list">
					[[for ~allowedExtensions]]
						<li class="clearfix">
								<span class="fixing_left">
						<input type="checkbox" 
										value="[[>type]]" 
										[[if ~in_array(type,#parent.parent.parent.data.defaults.allowedExtensions)]]
											checked="checked"
										[[/if]]
										name="setting-extention" 
										onchange="formObj.updateValidationRule($(this),'defaults.allowedExtensions','[[>#parent.parent.parent.data.type]]')"> [[>type]]
						</span>
							</li>
					[[/for]]
					</ul>
			</li>
			[[/if]]
			
			
			
		[[/if]]
		<!-- END: Instruction	 -->
		
		
		<!-- Pre-defined Options -->
	
			[[if type=='radio' || type=='checkbox' || type=='select' || type=='select_multiple']]
			 <li class="pre-option clearfix">
					<p>{$language.lblPredefinedOptions}</p>
					<div class="scroll-pane jspScrollable ">
				<ul class="pre-options-list" data="[[>~uniqueID]]" rel="[[>~currentKey]]" >
					[[for defaults.items]]
					[[if !deleted]]
					<li class="clearfix" key='[[>#parent.index]]'>
						<span class="fixing_left fs-clm">
								<input 
									type="radio" 
									[[if selected]] 
										checked="checked" 
									[[/if]]
									name="settings-choice" 
									id="settings-choice_[[:#parent.index]]" 
									data-index="[[:#parent.index]]" 
									formelementid="[[>formElementID]]" 
									formelementoptionid="[[>formElementOptionID]]" 
									optionid="[[>optionID]]" 
									onchange="formObj.updateChoicesSettings('radio',$(this),'defaults.items','[[>#parent.parent.parent.data.type]]','[[>#parent.index]]')"/>
						</span>
						<span class="fixing_left"> 
							<input 
								type="text" 
								value="[[>text]]" 
								class="opt-textbox fixing_left" 
								data="[[:#parent.index]]"
								name="opt-textbox_[[:#parent.index]]"
								formelementid="[[>formElementID]]" 
								formelementoptionid="[[>formElementOptionID]]" 
								optionid="[[>optionID]]" 
								onkeyup="formObj.updateChoicesSettings('textbox',$(this),'defaults.items','[[>#parent.parent.parent.data.type]]','[[>#parent.index]]')"/>
						</span>
						<span class="fixing_left fs-clm">
							{html->anchor 
								class='icon-set-form add1'
								rel="[[:#parent.index]]"
								onclick="formObj.createNewChoice($(this),'defaults.items','[[>#parent.parent.parent.data.type]]')"}
						</span>
						<span class="fixing_left fs-clm">
							{html->anchor 
								rel="[[:#parent.index]]"
								class='icon-set-form delete1'
								onclick="formObj.deleteChoice($(this),'defaults.items','[[>#parent.parent.parent.data.type]]','[[>#parent.index]]')"}
						</span>
					</li>
					[[/if]]
					[[/for]]
				</ul>
				</div>
			</li>
			 <li class="clearfix pre-option">
				{html->anchor
					content="<span class='down-arw icon-set-form'></span>"|cat:$language.lblImportPredefinedChoices 
					class="form-anchor curve-3" 
					data="[[>type]]"  
					id="importPredefinedOptions"}
			</li>
			[[else type!='html' && type!='agreement' && type!='file' && type!='image' && type!='country' && type!='businesstype' ]]
			
			<!-- Pre-Defined Value	 -->
			  <li class="clearfix">
				<p>
					{$language.lblValue}
				</p>											
					{form->textbox
						name="" 
						value="[[>defaults.value]]"
						onKeyup="formObj.updateSingleValueFieldSettings($(this),'defaults.value','[[>type]]')"}
				
			</li>
			<!-- END:Pre-Defined Value	 -->
			
			<!-- Pre-Defined Value	 -->
			  <li class="clearfix">
				<p>
					{$language.lblMaxlength}
				</p>											
					{form->textbox
						name="" 
						value="[[>defaults.limitMax]]"
						onKeyup="formObj.updateSingleValueFieldSettings($(this),'defaults.limitMax','[[>type]]')"}
				
			</li>
			<!-- END:Pre-Defined Value	 -->
			
			[[/if]]
			
			[[if type!='html' && type!='agreement' ]]
		<!-- Pre-Defined Value	 -->
			  <li class="clearfix">
				<p>
					{$language.lblTabIndex}
				</p>											
					{form->textbox
						name="" 
						value="[[>defaults.tabindex]]"
						onKeyup="formObj.updateSingleValueFieldSettings($(this),'defaults.tabindex','[[>type]]')"}
				
			</li>
			[[/if]]
			
			<!-- END:Pre-Defined Value	 -->
		
		<!-- Field Size & Field Layout -->
		{literal}	
			[[if type!='html' && type!='agreement' && type!='file' && type!='image' && type!='checkbox' && type!='radio']]
			  <li class="clearfix">
				{/literal}
				<p>
					{$language.lblFieldStyleCSS}
				</p>
				{literal}					
				<select  onchange="formObj.updateSingleValueFieldSettings($(this),'defaults.size','[[>type]]')">
					[[for ~textSizes]]
						
						<option value="[[>value]]" [[if #parent.parent.data.defaults.size==value]]selected="selected"[[/if]]>
						[[>text]]
						</option>
					[[/for]]
				</select>	
				
			</li>
			[[/if]]
			[[if type=='radio' || type=='checkbox']]
			 <li class="clearfix">
				{/literal}
				<p>
					{$language.lblFieldStyleCSS}
				</p>
				{literal}	
				<select  onchange="formObj.updateSingleValueFieldSettings($(this),'defaults.layout','[[>type]]')">
					[[for ~layouts]]
						<option value="[[>value]]" [[if #parent.parent.data.defaults.layout==value]]selected="selected"[[/if]]>
						[[>text]]
						</option>
					[[/for]]
				</select>	
				
			</li>
			[[/if]]
		{/literal}
		
		<!--END: Field Size & Field Layout -->
		<li class="clearfix">
			{html->anchor 
				class="funct-btn element-duplicate" 
				id="element-duplicate"
				data="[[>type]]" 
				rel="[[>~uniqueID]]"
				content='<span class="icon-set-form duplicate"></span>'|cat:$language.lblDuplicate}
			{html->anchor 
				class="funct-btn" 
				 data="[[>type]]" 
				 rel="[[>~uniqueID]]"
				id="element-delete"
				content='<span class="icon-set-form delete"></span>'|cat:$language.lblDelete}
			{html->anchor 
				class="funct-btn add-field" 
				rel="controllerList" content='<span class="icon-set-form add"></span>'|cat:$language.lblAddField}
        </li>
		</ul>
		</div>
	</script>
	<!-- END : ELement Options -->
	<!-- HTML -->
	<script id="htmlControllerTemplate" type="text/x-jsrender">
		<div data-element='[[>type]]' class="clearfix form-list-div">
		[[include tmpl="#elementControllTemplate"/]]
			<div class="html">											
				[[html:defaults.text]] 
			</div>
		</div>
[[include tmpl="#addFieldTemplate"/]]
	</script>
	<!-- End: HTML -->
	<!-- Textbox -->
	<script id="textboxControllerTemplate" type="text/x-jsrender">
		
		<div data-element='[[>type]]' class="clearfix form-list-div">
			[[include tmpl="#elementControllTemplate"/]]
			[[include tmpl="#elementLabelTemplate"/]]
			<div class="right1 ">											
				{form->textbox
					class="[[>defaults.size]]"
					name="[[>text]]"
					value="[[>defaults.value]]"
					disabled="disabled"}
			</div>
		</div>
[[include tmpl="#addFieldTemplate"/]]
	</script>
	<!-- End: Textbox -->
	<!-- Textarea -->
	<script id="textareaControllerTemplate" type="text/x-jsrender">
		
		<div data-element='[[>type]]' class="clearfix form-list-div">
			[[include tmpl="#elementControllTemplate"/]]
			[[include tmpl="#elementLabelTemplate"/]]
			<div class="right1 ">											
				{form->textarea
					class="[[>defaults.size]]"
					name="[[>textarea]]"
					value="[[>defaults.value]]"
					disabled="disabled"}
			</div>
		</div>
		[[include tmpl="#addFieldTemplate"/]]
	</script>
	<!-- End: Textbox -->
	<!-- checkbox -->
	<script id="checkboxControllerTemplate" type="text/x-jsrender">
		
		<div data-element='[[>type]]' class="clearfix form-list-div">
			[[include tmpl="#elementControllTemplate"/]]
			[[include tmpl="#elementLabelTemplate"/]]
			<div class="right1 [[>defaults.layout]] ">	
				[[for defaults.items]]
					[[if !deleted]]
						<div  class="col">
							<input 
								type="checkbox" 
								name="[[>name]]"
								id="[[>name]]"
								[[if selected]] 
									checked="checked" 
								[[/if]] 
								disabled="disabled"/> [[>text]]
						</div>
					[[/if]]
				[[/for]]
				
			</div>
		</div>
	[[include tmpl="#addFieldTemplate"/]]
	</script>
	<!-- End: checkbox -->
	
	<!-- agreement -->
	<script id="agreementControllerTemplate" type="text/x-jsrender">
		<div data-element='[[>type]]' class="clearfix form-list-div">
			[[include tmpl="#elementControllTemplate"/]]
			<div class="left1 mandatory">
				&nbsp;
			</div>
			<div class="right1 [[>defaults.layout]] ">	
						<div  class="col">
							<input 
								type="checkbox" 
								name="[[>defaults.name]]"
								id="[[>defaults.name]]"
								hecked="checked" 
								disabled="disabled"/> [[>defaults.text]] 
				[[if defaults.validate.length]]
					<span class="mnd">*</span>
				[[/if]]
				[[if defaults.instruction]]
					<span title="[[>defaults.instruction]]" class="icon-set info-icon"></span>
				[[/if]]
						</div>
			</div>
		</div>
	[[include tmpl="#addFieldTemplate"/]]
	</script>
	<!-- End: checkbox -->
	<!-- Radio -->
	<script id="radioControllerTemplate" type="text/x-jsrender">
		
		<div data-element='[[>type]]' class="clearfix form-list-div">
			[[include tmpl="#elementControllTemplate"/]]
			[[include tmpl="#elementLabelTemplate"/]]
			<div class="right1 [[>defaults.layout]]">											
				[[for defaults.items]]
				[[if !deleted]]
				<div class="col">
				<input 
						type="radio" 
						name="[[>name]]"
						id="[[>name]]"
						[[if selected]] 
							checked="checked" 
						[[/if]] 
						disabled="disabled"/> [[>text]]
				</div>
				[[/if]]
				[[/for]]
			</div>
		</div>
	[[include tmpl="#addFieldTemplate"/]]
	</script>
	<!-- End: Radio -->
	<!-- Select -->
	<script id="selectControllerTemplate" type="text/x-jsrender">
		
		<div data-element='[[>type]]' class="clearfix form-list-div">
			[[include tmpl="#elementControllTemplate"/]]
			[[include tmpl="#elementLabelTemplate"/]]
			<div class="right1 ">	
				{form->select
					class="[[>defaults.size]]"
					name="[[>textarea]]"
					options="->[[>defaults.value]]" 
					disabled="disabled"}
			</div>
		</div>
	[[include tmpl="#addFieldTemplate"/]]
	</script>
	<!-- End: Select -->
	<!-- Country -->
	<script id="countryControllerTemplate" type="text/x-jsrender">
		
		<div data-element='[[>type]]' class="clearfix form-list-div">
			[[include tmpl="#elementControllTemplate"/]]
			[[include tmpl="#elementLabelTemplate"/]]
			<div class="right1 ">											
				{form->select
					class="[[>defaults.size]]"
					name="[[>name]]"
					options="->[[>defaults.value]]" 
					disabled="disabled"}
			</div>
		</div>
	[[include tmpl="#addFieldTemplate"/]]
	</script>
	<!-- End: Country -->
	<!-- List -->
	<script id="listControllerTemplate" type="text/x-jsrender">
		
		<div data-element='[[>type]]' class="clearfix form-list-div">
			[[include tmpl="#elementControllTemplate"/]]
			[[include tmpl="#elementLabelTemplate"/]]
			<div class="right1 ">											
				<select disabled="disabled" class="[[>defaults.size]]" multiple="multiple" id="[[>textarea]]" name="[[>textarea]][]">
					[[for defaults.items]]
						[[if !deleted]]
						<option value="[[>value]]">[[>text]]</option>
					[[/if]]
					[[/for]]
				</select>
			</div>
		</div>
	[[include tmpl="#addFieldTemplate"/]]
	</script>
	<!-- End: List -->
	<!-- Upload -->
	<script id="uploadControllerTemplate" type="text/x-jsrender">
		
		<div data-element='[[>type]]' class="clearfix form-list-div">
			[[include tmpl="#elementControllTemplate"/]]
			[[include tmpl="#elementLabelTemplate"/]]
			<div class="right1 ">											
				{form->upload
					name="[[>upload]]"
					disabled="disabled"}
			</div>
		</div>
	[[include tmpl="#addFieldTemplate"/]]
	</script>
	<!-- End: List -->
	<!-- Country/State -->
	<script id="countryStateControllerTemplate" type="text/x-jsrender">
		<div class="form-list-div">
			<div class='element-controll'>
				{html->anchor
					data="countryState"
					rel="[[>~uniqueID]]"
					class="element-duplicate" content="<span class='icon-set-form'></span>" title="{$language.lblDuplicate}"}
				{html->anchor 
					data="countryState"
					rel="[[>~uniqueID]]"
					class="element-edit" content=" <span class='icon-set-form'></span>" title="{$language.lblEdit}"}
				{html->anchor
					data="countryState"
					rel="[[>~uniqueID]]"
					class="element-delete" content="<span class='icon-set-form'></span>" title="{$language.lblDelete}"}
			</div>
		
		[[for items]]
			<div data-element='[[>type]]' class="clearfix btm-spc">
				<div class="left1 mandatory">
					[[>caption]]
					
					[[if defaults.instruction]]
						<span title="[[>defaults.instruction]]" class="icon-set info-icon"></span>
					[[/if]]
					[[if defaults.validate.length]]
						<span class="mnd">*</span>
					[[/if]]
				</div>
				<div class="right1 ">											
					{form->select
						class="[[>defaults.size]]"
						name="[[>name]]"
						options="->[[>defaults.value]]" 
						disabled="disabled"}
				</div>
			</div>

		[[/for]]
	</div>
	[[include tmpl="#addFieldTemplate"/]]
	</script>
	<!-- End: Country -->
	<!-- Country/State -->
	<script id="addressControllerTemplate" type="text/x-jsrender">
	<div class="form-list-div">
		<div class='element-controll'>
				{html->anchor
					data="address"
					rel="[[>~uniqueID]]"
					class="element-duplicate" content="<span class='icon-set-form'></span>" title="{$language.lblDuplicate}"}
				{html->anchor 
					data="address"
					rel="[[>~uniqueID]]"
					class="element-edit" content=" <span class='icon-set-form'></span>" title="{$language.lblEdit}"}
				{html->anchor
					data="address"
					rel="[[>~uniqueID]]"
					class="element-delete" content="<span class='icon-set-form'></span>" title="{$language.lblDelete}"}
			</div>
			
		[[for address]]
		 [[if type=='text']]
			<div data-element='[[>type]]' class="clearfix btm-spc">
				
				<div class="left1 mandatory">
					[[>caption]]
					
					[[if defaults.instruction]]
						<span title="[[>state.defaults.instruction]]" class="icon-set info-icon"></span>
					[[/if]]
					[[if defaults.validate.length]]
						<span class="mnd">*</span>
					[[/if]]
				</div>
				<div class="right1 ">		
					{form->textbox
						class="[[>#parent.parent.parent.data.defaults.size]]"
						name="[[>text]]"
						value="[[>defaults.value]]"
						disabled="disabled"}
				</div>
			</div>
	
		[[else type=='country' || type=='state']]
			<div data-element='[[>type]]' class="clearfix btm-spc">
				<div class="left1 mandatory">
					[[>caption]]
					
					[[if defaults.instruction]]
						<span title="[[>defaults.instruction]]" class="icon-set info-icon"></span>
					[[/if]]
					[[if defaults.validate.length]]
						<span class="mnd">*</span>
					[[/if]]
				</div>
				<div class="right1 ">											
					{form->select
						class="[[>#parent.parent.parent.data.defaults.size]]"
						name="[[>name]]"
						options="->[[>defaults.value]]" 
						disabled="disabled"}
				</div>
			</div>
		[[/if]] 
		[[/for]]
		</div>
		[[include tmpl="#addFieldTemplate"/]]
	</script>
	<!-- End: Country -->
	<!-- Image -->
	<script id="imageControllerTemplate" type="text/x-jsrender">
		
		<div data-element='[[>type]]' class="clearfix form-list-div">
			[[include tmpl="#elementControllTemplate"/]]
			[[include tmpl="#elementLabelTemplate"/]]
			<div class="right1 ">
				<div class="fileuploader_field">
					<div class="fileuploader">
						<div id="div_upload_sub_" class="div_upload_sub_">
							<img src="{$view_images}/no_image.gif?0.72118200 1366797238" width="155" id="imageFile">
						</div>
					</div>
				</div>
			</div>
		</div>
		[[include tmpl="#addFieldTemplate"/]]
	</script>
	<!-- End: Image -->
	
	<!-- Start 	:	Left Label [Caption] -->
	<script id="elementLabelTemplate" type="text/x-jsrender">
		<div class="left1 mandatory">
				[[>caption]]
				
				[[if defaults.instruction]]
					<span title="[[>defaults.instruction]]" class="icon-set info-icon"></span>
				[[/if]]
				[[if defaults.validate.length]]
					<span class="mnd">*</span>
				[[/if]]
			</div>
	</script>	
	<!-- END 	:	Left Label [Caption] -->
	
	<!-- Start 	: 	Delete Edit -Element Template -->
	<script id="elementControllTemplate" type="text/x-jsrender">
		<div class='element-controll'>
				{html->anchor
					data="[[>type]]"
					rel="[[>~uniqueID]]"
					class="element-duplicate" content="<span class='icon-set-form'></span>" title="{$language.lblDuplicate}"}
				{html->anchor 
					data="[[>type]]"
					rel="[[>~uniqueID]]"
					class="element-edit" content=" <span class='icon-set-form'></span>" title="{$language.lblEdit}"}
				{html->anchor
					data="[[>type]]"
					rel="[[>~uniqueID]]"
					class="element-delete" content="<span class='icon-set-form'></span>" title="{$language.lblDelete}"}
			</div>
	</script>	
	<!-- END 	:	Delete Edit -Element Template -->
	
	<!-- Start Add Field -->
	<script id="addFieldTemplate" type="text/x-jsrender">
		<div class='add-filed clearfix'>
			<div class='left-width'>
				<span class='group'>
					<a href='javascript:void(0)' class='add-anchor'>{$language.lblAddField} </a>
					<span class='line'></span>
				</span>
			</div>
		<div class='right-width'>
			<span class='group'>
				<span class='line'></span>
				<a href='javascript:void(0)' class='add-anchor'>{$language.lblAddField}</a>
				</span>
			</div>
		</div>
	</script>
	<!-- END: add Field -->
	
</div>
{form->editor_script names="htmlEditor"}
<!--End:Outer Container-->
{form->editor_script names="adminEmailContent,userEmailContent"}   
{form->validate_script form="formSettings"}
{form->validate_script form="frmAction"}
{html->messages_script id="common_message"}
{include file='FormJavascript.tpl'}
<script type="text/javascript" src="{$common_js}/validate.plugin.js"></script>
<script type="text/javascript" src="{$view_javascript}/jquery-ui-timepicker-addon.js"></script>  
<script type="text/javascript" src="{$view_javascript}/formbuild.page.js"></script>  
<script type="text/javascript" src="{$view_javascript}/formcreate.page.js"></script> 
<script type="text/javascript" src="{$view_javascript}/jquery.colorbox.js"></script>
<script type="text/javascript">

$(document).ready(function(){
	$("#admin_mail_icon").colorbox({
		iframe:true,
		innerWidth:"60%", 
		title:"{$language.lblEditEmailContent}",		
		innerHeight:"75%"
});
$("#user_mail_icon").colorbox({
		iframe:true,
		innerWidth:"60%", 
		title:"{$language.lblEditEmailContent}",		
		innerHeight:"75%"
});
});

</script>
</body>
</html>