{include file='header.html'}
{include file="product/breadcrumb_list.html"}
<div style="height:30px; padding-left:40px; margin-bottom:20px;">
<div class="btn-group">
<a href="{$baseurl}&order=new" class="btn {if $smarty.get.order eq ''} btn-danger{/if}">默认排序</a><a href="{$baseurl}&order=hot" class="btn {if $smarty.get.order eq 'hot'} btn-danger{/if}">热门</a>  <a href="{$baseurl}&order=new"  class="btn {if $smarty.get.order eq 'new'} btn-danger{/if}">最新</a> 
</div>

<div class="btn-group">
<a href="{$baseurl}" class="btn {if get('sprice') eq 0}btn-success{/if}">全部</a>
{foreach item=c key=k from=$price_list}
<a href="{R("$baseurl&sprice=$k")}" class="btn {if get('sprice') eq $k}btn-success{/if}">{$c}</a>
{/foreach}
</div>

{if $smarty.get.tagname}
<div class="btn-group " style="float:right;">
<a href="javascript:;" class="btn btn-danger">标签</a>
<a href="javascript:;" class="btn btn-success">{$smarty.get.tagname|htmlspecialchars}</a> 
</div>
{/if}
</div>
<div id="container" class="row">
{get data=tag_nav model=category fun=tag_nav(get('catid','i'))}
{if $tag_nav.child}
<div class="rec_nav box span3 wb-box" >
<div style="border:1px solid #ccc; border-radius:5px; margin-bottom:10px; "> 

<a href="/index.php?m=list&a=default&catid={$tag_nav.id}" class="tab-list-heading" ><i class="icon-star icon-white"></i>{$tag_nav.cname}</a> 
<ul class="tab-list">
{foreach item=c from=$tag_nav.child}
<li {if $c.id eq get('catid')} class="active"{/if}><a href="/index.php?m=list&catid={$c.id}" class="red_f">{$c.cname}</a></li>
 
{if $c.child}
{foreach item=d from=$c.child}
<li><a href="/index.php?m=list&a=default&catid={$d.id}" >|__{$d.cname}</a></li>
{/foreach}
{/if}
{/foreach}
</ul>
</div>
</div>
{/if}

{foreach item=p key=k from=$list}
<div class="box span3"  >
<a href="/index.php?m=show&a=default&id={$p.id}" target="_blank"><img {if $p.thumbsinfo}class="lzImg" json='{$p.thumbsinfo}'{/if} width="220" title="{$p.title}" alt="{$p.title}"    src="/{if $k gt 12}images/lazy.jpg{else}{$p.imgurl}.small.jpg{/if}" data-original="/{$p.imgurl}.small.jpg" /></a>
<p>
<div class="btn-group">
<span class="btn">￥{$p.price}</span>
<a href="javascript:;" onclick="orderCart_add({$p.id},1)" class="btn btn-success">加入购物车</a>
</div></p> 

<div class="info"><a   href="/index.php?m=show&a=default&id={$p.id}" target="_blank">{$p.title}</a>   </div>
</div>
{/foreach}
</div>

<div style="clear:both;"></div>
<div >{$pagelist}</div>

  

<script>

 lzImage("lzImg",220);
  
  $(function(){ 
   //$(".box img").lazyload();
   
    var $container=$("#container");
    $container.imagesLoaded(function(){
      $container.masonry({
        itemSelector: '.box'
         
      });
    });
	
	$(window).scroll(function(){
		$(".box").show();
		$container.masonry( 'reload' )
		if($("img[src$='/images/lazy.jpg']").length>0){
			obj=$("img[src$='/images/lazy.jpg']");
			
			len=obj.length;
			
			for(i=0;i<len;i++){
				if(i<12){
					obj.eq(i).attr("src",obj.eq(i).attr("data-original"));
				}
			}
			
			$container.masonry( 'reload' )
		}
		
	}
	)
 
});

</script>

{include file="order_cart/fixed-cart.html"}

{include file="footer.html"}