<include file="Public:headeren" />	
    <link rel='stylesheet' href='/Public/home/css/style.css' media='screen' />
    <script src="/Public/home/js/jquery.min.js"></script>
    <script src="/Public/home/js/blocksit.min.js"></script>
    <script>
        $(document).ready(function() {
            //blocksit define
            $(window).load( function() {
                $('#container').BlocksIt({
                    numOfCol:4,
                    offsetX: 8,
                    offsetY: 8,
                    blockElement: '.grid'
                });
            });
            //window resize
            var currentWidth = 1100;
        });
    </script>
    <!-- Arquivos utilizados pelo jQuery lightBox plugin -->
    <script type="text/javascript" src="/Public/home/js/jquery.lightbox-0.5.js"></script>
    <link rel="stylesheet" type="text/css" href="/Public/home/css/jquery.lightbox-0.5.css" media="screen" />
    <!-- / fim dos arquivos utilizados pelo jQuery lightBox plugin -->
    <!-- Ativando o jQuery lightBox plugin -->
    <script type="text/javascript">
        $(function() {
            $('#container a').lightBox();
        });
    </script>
    <style type="text/css">
        /* jQuery lightBox plugin - Gallery style */
        #gallery{padding:0px;width:705px}
        #gallery ul{list-style:none}
        #gallery ul li{display:inline}
        #gallery ul img{}
        #gallery ul a:hover img{color:#333}
        #gallery ul a:hover{color:#333}
		
		#lightbox-image-details-currentNumber{display:none;}
    </style>
    <!--content start-->
    <div class="content">
        <div class="mT"><span>作品管理</span><a href="/msg/addzuopins.html" class="shangc">上传作品</a></div>
        <div id="container">
			<volist name="zuopin" id="v">
            <div class="grid">
                <div class="imgholder" onmouseover="shanchu('{$v.id}');" onmouseout="shanchus('{$v.id}');">
				   <span class="picsen{$v.id}" style="width:40px;height:30px;float:left;text-align:right;margin:0px 10px 0px 234px;color:red;position:absolute;z-index:999;font-size:14px;display:none;cursor:pointer" onclick="dsl('{$v.id}');">删除</span>
                   <a class="bigT" href="{$v.pic}" title="EXIF信息">
						<div style="z-index: 99;">
							{$v.title}
						</div>
						<img src="{$v.pic}" width="285px" title="图片名字"  />
						<input type="hidden" name="id" class="id" value="{$v.id}">
				   </a>
                </div>
            </div>
            </volist>
        </div>
        <div class="fenye">
           {$page}
        </div>
    </div>
	
	<script>
	$(function(){
		$(".bigT").click(function(){
			$("#lightbox-secNav a").attr("href","/news/work_s"+$(this).find('.id').val()+".html");
			
		})
	})
	function shanchu(id){
		$(".picsen"+id).show();
	}function shanchus(id){
		$(".picsen"+id).hide();
	}
	function dsl(id){
		if(!confirm('删除后无法恢复，确定删除？'))
			return false;
		location.href='/msg/delshows'+id+'.html';
	}
	</script>
    <!-- content end -->
<include file="Public:footer" />