<script language="javascript">
function RedirectFilter(value){
    if(value==1){
        this.location = "index.php?fuse=admin&view=ShowCustomFields&type=profile";
    }else{
        this.location = "index.php?fuse=admin&view=ShowCustomFields&type=package";
    }
}
</script>
<!-- added bellow css to get scroll bar for multiselect property -->
<style type="text/css">
    .x-fieldset-body {overflow:auto;}
    .x-panel-btns {height: 32px;}
</style>
<ul class="tabs">
    <!-- active -->
    <!-- BEGIN DYNAMIC BLOCK: settingtab -->
        <li {settingactive}><a href="index.php?fuse={settingfuse}&amp;view={settingview}">{settingname}</a></li>
    <!-- END DYNAMIC BLOCK: settingtab -->
</ul>

<!-- BEGIN DYNAMIC BLOCK: profiledescription -->
<div id="profiledescription" style="margin-bottom: 10px; margin-top: 10px;" class="table-summary">
    <h2>Profile Custom Fields</h2>
	[l]Add/Edit any additional custom fields to be viewed in the customer or admin profile.[/l]
</div>
<!-- END DYNAMIC BLOCK: profiledescription -->

<!-- BEGIN DYNAMIC BLOCK: productdescription -->
<div id="productdescription" style="margin-bottom: 10px; margin-top: 10px;" class="table-summary">
    <h2>Product Custom Fields</h2>
	[l]Add/Edit any additional custom fields to be viewed in customer's products.[/l]
</div>
<!-- END DYNAMIC BLOCK: productdescription -->

<table border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td colspan="2">
        <div id="gridheader" class="blue-box" style="clear:both;padding:4px !important;">
            <table class="automation">
                <tbody>
                    <tr>
                        <td>
                            <div id="addcustomfield"></div>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </td>
  </tr>
  <tr>
    <td id="customfields"></td>
    <td id="customfieldform"></td>
  </tr>
</table>

<script type="text/javascript">
  var customFieldType = '{CustomFieldsType}';
  var packageTypes = {PackageTypes};
</script>