<style type="text/css">
.showtype_thumb{margin:12px 15px;}
.showtype_thumb li{float:left;padding:5px;width:157px;height:120px;text-align:center;vertical-align:middle;display:table-cell;}
.showtype_thumb img{border:1px solid #dedede;padding:3px;vertical-align:middle}
.showtype_thumb a:hover img{background:#dedede}
</style>
<script type="text/javascript">
var fileLoadingImage="{W_P}images/js/lightbox/loading.gif";
var fileBottomNavCloseImage="{W_P}images/js/lightbox/closelabel.gif";
</script>
<script type="text/javascript" src="{W_P}images/js/lightbox.js"></script>
<div class="showtype_thumb">
	<ul>
		<!--{loop $_output['data'] $val}-->
		<li><a href="{W_P}{$val['url']}_800.{$val['ext']}" target="_blank" rel="lightbox[plants]"><img src="{W_P}{$val['url']}_128.{$val['ext']}" /></a></li>
		<!--{/loop}-->
		<div class="clear"></div>
	</ul>
</div>
<script type="text/javascript">
	initLightbox();
	loadCSS("{W_P}images/js/lightbox/lightbox.css");
</script>