{sub ../header}
<script type="text/javascript">$(function() {$('ul#cat-menu').lavaLamp({fx: 'swing', speed: 333,startItem: $cateIndex});});</script>
<div>
	<ul id="cat-menu">{loopQuick $cates}
		<li><a href="{r}/$v[ename]/groups" >$v[name]</a></li>{/loopQuick}
	</ul>
</div>
<div class="catalog">{loopQuick $list}
	<div class="cat_group">
		<h2><a href="{r}/group/$v[id]" >$v[name]</a></h2>
		<div class="info"><a href="{r}/group/$v[id]" ><img src="{u}$v[avatar]_small.$v[avatarSuffix]" /></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{cut $v[des],120}<br/>
			<!--{lg tag}：<span style="font-style:italic\9;"></span>--></div>
		<div class="items">
			<div class="item">{loop $v[pics] $pic}<a href="{r}/item/$pic[id]" ><img src="{u}$pic[path]$pic[name]_tiny.$pic[suffix]" alt="$pic[title]" title="$pic[title]" /></a>{/loop}</div>
			<div class="user">{loop $v[members] $m}<a href="{r}/user/$m[uid]" ><img width="50px" height="50px" src="{u}$m[avatar][small]" alt="$m[name]" title="$m[name]" /></a>{/loop}</div>
		</div>
		<div class="clear"></div>
	</div>{/loopQuick}
	{echo getPages($total, $pagesize, $page, common::getUrl('/'.$cateName.'/'.$action.'?page={page}'))}
</div>
{sub ../footer}