{include file='header.html'}
<div id="J_toolbar"> 
	<a class=" back"><i class="glyphicon glyphicon-chevron-left"></i>返回</a>
  	<h1>{$heorme}喜欢</h1>
  	<span  id="showmenu"><i class="glyphicon  glyphicon-align-justify" style="font-size:10px;"></i></span> 
</div>
{include file="fixed_h.html"}
<div class="wb98">

 <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>
  {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"}