$def with(files, query='', title=None)
$var title: $title

<div class="ui-tabs ui-widget ui-widget-content ui-corner-all" id="tabs">
   <ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">
      <li class="ui-state-default ui-corner-top"><a href="#search">Search</a></li>
	</ul>

 <div class="ui-tabs-panel ui-widget-content ui-corner-bottom" id="search">
	<p>
		<form class="searchForm" action="/search" method="GET">
		<input type="text" name="q" value="$query" />
		<button type="submit">Search</button>
		</form>
	</p>
	</div>

</div>

<script type="text/javascript">
$$(document).ready(function() {
	$$('#tabs').tabs();
});
</script>
<br />

$for file in files:
	$if file.title and file.artist:
		<h3> $file.artist : <a href="/view/$(file.id)">$file.title</a> </h3>
	$else:
		<h3> <a href="/view/$(file.id)">$file.filename</a> </h3>
	<object type="application/x-shockwave-flash" data="/static/player_mp3.swf" width="200" height="20">
		<param name="movie" value="/static/player_mp3.swf" /> 
		<param name="FlashVars" value="mp3=/media/$(file.id)&amp;showstop=1" />
	</object>
	<br /><br />
	<hr />


$if not files and query:
	<h3>No results found. Try another query.</h3>

<br />