{include file='header.html'}
<div id="J_toolbar" class="ui-toolbar" style="position:fixed; top:0px;"> 
	<div class="ui-toolbar-wrap">
    <div class="ui-toolbar-left">
    <a class="back ui-toolbar-backbtn">返回</a>
    </div>
	
  <h1 class="ui-toolbar-title">{if get('tagname')}{$smarty.get.tagname}{else}{$cat.cname}{/if}</h1>
   <div class="ui-toolbar-right">
   <span  id="showmenu" class="btn btn-default"><i class="glyphicon  glyphicon-align-justify" style="font-size:10px;"></i></span> 
   </div>
   </div>
   </div>
{include file="fixed_h.html"} 
{include file="tag_nav.html"}
<div class="wb98">
<div class="ui-refresh" id="scroller">
  <div class="row row-fluid" id="datalist"  >
    <div class="col-2-1"> {foreach item=p key=k from=$list}
      {if $k%2 eq 0}
      <div class="col-box"> <a href="/index.php?m=show&a=default&id={$p.id}"><img src="/{$p.imgurl}.small.jpg"  class="img" /></a>
        <p>{$p.title}</p>
      </div>
      {/if}
      {/foreach} </div>
    <div class="col-2-2"> {foreach item=p key=k from=$list}
      {if $k%2 eq 1}
      <div class="col-box"> <a href="/index.php?m=show&a=default&id={$p.id}"><img src="/{$p.imgurl}.small.jpg"  class="img" /></a>
        <p>{$p.title}</p>
      </div>
      {/if}
      {/foreach} </div>
  </div>
  {if $pagelist}
  <div class="ui-refresh-down"></div>
  <div style="clear:both;"></div>
  <input type="hidden" id="per_page" value="{$smarty.get.per_page|intval}" />
  
  <input type="hidden" id="page" value="{$pagesize}" />
  {else}
  <input type="hidden" id="page" value="0" />
  {/if} </div>
<link rel="stylesheet" type="text/css" href="{$wcss}refresh/refresh.default.css" />
<!--皮肤文件，若不使用该皮肤，可以不加载-->
<link rel="stylesheet" type="text/css" href="{$wcss}refresh/refresh.iscroll.default.css" />
<!--皮肤文件，若不使用该皮肤，可以不加载--> 
<script type="text/javascript" src="{$wjs}refresh/refresh.js"></script> 
<script type="text/javascript" src="{$wjs}refresh/$iscroll.js"></script> <!--iscroll上下滑动插件--> 
<script type="text/javascript">
    $(function () {
        /*组件初始化js begin*/
		setTimeout(function(){
		new iScroll('scroller');
		$(window).trigger('resize');
	}, 200);
		<!--{if $pagelist}-->
            $('.ui-refresh').css('height', window.innerHeight - ($('header').height() || 42)).refresh({
                load: function (dir, type) {
					if(dir=='up') return false;
					var per_page=parseInt($("#per_page").val());
					var page=parseInt($("#page").val());
                    var me = this;
                    $.get('{$baseurl}&ajax=1&per_page='+per_page, function (data) {
					if(data.length>0){
						len=data.length;
						var m1="";
						var m2="";
						if($("#datalist .col-2-1").height() < $("#datalist .col-2-2").height()){
							var ap=$("#datalist .col-2-1");
						}else{
							var ap=$("#datalist .col-2-2");
						}
						for(var i=0;i<len;i++){
							if(i<2){
								ap.append('<div class="col-box"><a href="/index.php?m=show&id='+data[i].id+'"><img src="/'+data[i].imgurl+'.small.jpg"  class="img" /></a><p>'+data[i].title+'</p></div>');
							}else{
								if(i%2==0){
									$("#datalist .col-2-1").append('<div class="col-box"><a href="/index.php?m=show&id='+data[i].id+'"><img src="/'+data[i].imgurl+'.small.jpg"  class="img" /></a><p>'+data[i].title+'</p></div>');
								}else{
									$("#datalist .col-2-2").append('<div class="col-box"><a href="/index.php?m=show&id='+data[i].id+'"><img src="/'+data[i].imgurl+'.small.jpg"  class="img" /></a><p>'+data[i].title+'</p></div>');
								}
							}
							
						}
						//$("#datalist .col-2-1").append(m1);
						//$("#datalist .col-2-2").append(m2);
						$("#per_page").val(per_page+page);
					}else{
						$("#page").val(0);
						
					}
						
                       var $list = $('#datalist')
                        me.afterDataLoading(dir);    //数据加载完成后改变状态
                    },"json");
                }
            });
        /*组件初始化js end*/
		<!--{else}-->
		 $('.ui-refresh').css('height', window.innerHeight - ($('header').height() || 42)).refresh();
		<!--{/if}-->
    })
</script> 
{include file="footer.html"}