{include file='header.html'}
<div style="height:30px; padding-left:40px; margin-bottom:20px;">

{if $smarty.get.tagname}
<div class="btn-group " >
<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">
{foreach item=p key=k from=$list}
<div class="box"  >
<a href="/index.php?m=show&id={$p.id}" target="_blank"><img class="showbig" 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>
{if isset($ssuser.userid)}
<div class="hd" style="margin-top:10px; margin-bottom:10px; ">
<span style="padding-left:10px; float:left;" class="btn-group">
<span class="btn btn-danger loves" product_id='{$p.id}'  >喜欢</span> <span class="btn"> {$p.loves} </span>
</span> 

<span style="padding-right:10px; float:right;" class="btn-group">
<span href="javascript:;" class="btn btn-warning hates" product_id='{$p.id}' >失望</span> <span class="btn">{$p.hates}</span>
</span>
</div>
{/if}
{if $smarty.session.ssadmin}
<div style="height:40px; line-height:40px;">
<span style="float:right; margin-right:20px;">
<a href="javascript://" class="del btn btn-warning" pid="{$p.id}" >删除</a>
</span>
</div>
{/if}
<div class="info"><a   href="/index.php?m=show&id={$p.id}" target="_blank">{$p.title}</a>  ({$p.price}元)</div>
</div>
{/foreach}
</div>

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

  

<script>

 
  $(function(){ 
   //$(".box img").lazyload();
   
    var $container=$("#container");
    $container.imagesLoaded(function(){
      $container.masonry({
        itemSelector: '.box',
        columnWidth: function( containerWidth ) {
    		return containerWidth / 4;
  		}
      });
    });
	
	$(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' )
		}
		
	}
	)
	
	$("aashowbig").die().bind({
		mouseenter:function(){
			bigsrc=$(this).attr("bigsrc");
			$("#bigimg").attr("src",bigsrc);
			x=event.x;
			y=event.y;
			st=$(window).scrollTop();
			bx=$("#bigimg").width()//;$("#bigbox").width();
			by=$("#bigimg").height();//$("#bigbox").height();
			 
			dx=$(window).width();
			dy=$(window).height();
			 if(x>=dx/2+10){
				x=x-bx-40;
			 }
			 
			 if(y+by>dy+40){
				y=dy-by-40;
			 }
			 
			$("#bigbox").css({"left":x+20,"top":y+st}).hide().show();
		},
		mousemove:function(){
			x=event.clientX ;
			y=event.clientY;
			st=$(window).scrollTop();
			
			bx=$("#bigbox").width();
			by=$("#bigbox").height();
			dx=$(window).width();
			dy=$(window).height();
			
			 
			 if(x>=dx/2+10){
				x=x-bx-40;
			 }
			 
			 if(y+by>dy+40){
				y=dy-by-40;
			 }
			 
			$("#bigbox").css({"left":x+20,"top":y+st}).show();
		},
		mouseleave:function(){
			$("#bigbox").hide();
		}
		
	})
	

});

</script>

{include file="footer.html"}