#set( $path = "/WEB-INF/data/$catalogid/originals/$asset.sourcepath/" )
	
	#if( $canchangeattachment && $attachments && $attachments.size() > 0)
	<form name="attachmentform" id="attachmentform" action="$home$apphome/views/modules/asset/editor/attachments/changeattachment.html">
	<input type="hidden" name="path" value="$path"/>
	<input type="hidden" name="assetid" value="$asset.id"/>
	#end
	
	<div class="emselectable">
	<table width="100%" id="shared-asset-table" class="greytxt striped">
	#if( $attachments && $attachments.size() > 0)
	<thead>
		<tr id="tableheader">
			#if( $canchangeattachment )
			<th>[[Primary]]<br/>[[asset]]</th>
			<th>[[Thumbnail]]</th>
			#end
			<th>[[File Name]]</th>
			<th>[[Size]]</th>
			<th>[[User]]</th>
			<th>[[Date]]</th>
			<!-- th>[[Version History]]</th -->
		</tr>
	</thead>
	#end
		
	#set($even = true)
	#foreach( $attachment in $attachments )
			$context.putPageValue("attachment", $attachment)
			$pages.include("$apphome/views/modules/asset/editor/attachments/displaynode.html", $context)
		#end
	
	</table>
	</div>
	
	#if( $canchangeattachment && $attachments && $attachments.size() > 0)
		<br/><input class="btn float-right" type="submit" value="Save"/><br/>
		</form>
	#end
	 
	
	
	#if($canupload && $caneditasset)
		<p>
		$pages.include("$apphome/views/modules/asset/editor/attachments/upload.html", $context)
		</p>
	#end



<div class="ui-widget" >
	<div  class="ui-widget-header">[[Attachments]]</div>
	<div  class="ui-widget-content categories-widget no-padding-for-real">
		<div id="attachments-container">
			<div id="tree" class="attachments">
				<ul class="open">
					<li><div><span class="arrow down"></span><span class="name folder">bus.jpg</span><span class="actions"><a>+</a></span></div>
						<ul class="open">
							<li><div><span class="name folder">[[Empty Inner Folder]]</span><span class="actions"><a>+</a></span></div></li>
							<li><div><span class="arrow"></span><span class="name folder">[[Folder 1]]</span><span class="actions"><a>+</a></span></div>
								<ul>
									<li><div><span class="arrow"></span><span class="name folder">[[Inner Folder]]</span><span class="actions"><a>+</a></span></div>
										<ul>
											<li><div><span class="arrow"></span><span class="name folder">[[Inner Folder]]</span><span class="actions"><a>+</a></span></div>
												<ul>
													<li><div><span class="arrow"></span><span class="name folder">[[Inner Folder]]</span><span class="actions"><a>+</a></span></div></li>
													<li><div><span class="name png">PNG 1</span><span class="actions"><a>+</a></span></div></li>
													<li><div><span class="name jpg">JPG 1 </span><span class="date-uploaded">(12/24/2011 12:24:01)</span><span class="actions"><a>+</a></span></div></li>
													<li><div><span class="name pdf">PDF 1</span><span class="actions"><a>+</a></span></div></li>
													<li><div><span class="name pdf">PDF 2</span><span class="actions"><a>+</a></span></div></li>
												</ul>
											</li>
											<li><div><span class="name png">PNG 1</span><span class="actions"><a>+</a></span></div></li>
											<li><div><span class="name jpg">JPG 1 </span><span class="date-uploaded">(12/24/2011 12:24:01)</span><span class="actions"><a>+</a></span></div></li>
											<li><div><span class="name pdf">PDF 1</span><span class="actions"><a>+</a></span></div></li>
											<li><div><span class="name pdf">PDF 2</span><span class="actions"><a>+</a></span></div></li>
										</ul>
									</li>
									<li><div><span class="name png">PNG 1</span><span class="actions"><a>+</a></span></div></li>
									<li><div><span class="name jpg">JPG 1 </span><span class="date-uploaded">(12/24/2011 12:24:01)</span><span class="actions"><a>+</a></span></div></li>
									<li><div><span class="name pdf">PDF 1</span><span class="actions"><a>+</a></span></div></li>
									<li><div><span class="name pdf">PDF 2</span><span class="actions"><a>+</a></span></div></li>
								</ul>
							</li>
							<li><div><span class="name folder">[[Folder 2]]</span><span class="actions"><a>+</a></span></div></li>
							<li><div><span class="name folder">[[Folder 3]]</span><span class="actions"><a>+</a></span></div></li>
							<li><div><span class="name folder">[[Folder 4]]</span><span class="actions"><a>+</a></span></div></li>
						</ul>
					</li>
				</ul>
			</div>
			<div id="preview-pane">
				<p class="name"></p>
				<ul id="stacked">
					<li><a class="btn" href="#">[[View Preview]]</a></li>
					<li><a class="btn" href="#">[[Upload File]]</a></li>
					<li><a class="btn" href="#">[[Dowload Asset/Zipped Folder]]</a></li>
					<li><a class="btn" href="#">[[Delete Folder/Asset]]</a></li>
				</ul>
			</div>
		</div>
	</div>
</div>

<script>

	$('#tree ul li div').click( function(){
		
		$(this).parent().find('> ul').toggle('fast');
		
		if ( $(this).find('.arrow').hasClass('down') )
			$(this).find('.arrow').removeClass('down');
		else 
			$(this).find('.arrow').addClass('down');
			
		content = $(this).find('.name').html();
		
		$('#preview-pane p.name').html( content );
	});
	
</script>