#set($searcher = $mediaarchive.getAssetSearcher())
#set($detailid = $context.getRequestParameter("id"))

<div class="subcolumns">
          <div class="c33l">
            <div class="subcl">
<div class="ui-widget" style="overflow: hidden;">
<div class="ui-widget-header">[[All Fields]]</div>
<div  class="ui-widget-content emselectmenu">
<h4>[[Select Field To Edit]]</h4>
<select id="proptomodify" name="proptomodify" onchange="loadPropertyEdit();">
		<option value="" ></option>
			#foreach( $detail in $searcher.getPropertyDetails())
				<option value="$detail.id" #if($detailid == $detail.id)selected="selected"#end>$detail.text</option>
			#end
		</select>
<div style="margin-top: 15px;">
<!-- <a class="btn" href='$home$apphome/views/settings/fields/addnew.html'>Add New</a>
 -->
    <a class="btn" href='$home$apphome/views/settings/metadata/fields/addproperty.html?catalogid=${mediaarchive.getCatalogId()}&searchtype=${searcher.getSearchType()}'>[[Add New]]</a>
</div>

</div>
</div>

</div>
          </div>
          <div class="c66r">
            <div class="subcr" >
            
$pages.includeContent()


<script type="text/javascript">
	loadPropertyEdit = function() {

		var selectedid = jQuery("#proptomodify").val();

		jQuery("#propertyedit").load("$home$apphome/views/settings/metadata/fields/index.html?id=" + selectedid + "&oemaxlevel=1&catalogid=${mediaarchive.getCatalogId()}&searchtype=${searcher.getSearchType()}");
	}
	
	removeProperty = function() {
		var selected = jQuery("select option:selected");
		var selectedid = selected.val();
		jQuery("#modifyproperties").load("$home$apphome/views/settings/metadata/fields/removeproperty.html?id=" + selectedid + "&catalogid=${mediaarchive.getCatalogId()}&searchtype=${searcher.getSearchType()}");
	}
	
	createProperty = function() {
		jQuery("#modifyproperties").load("$home$apphome/views/settings/metadata/fields/addproperty.html?catalogid=${mediaarchive.getCatalogId()}&searchtype=${searcher.getSearchType()}");
	}
</script>

</div></div></div>