<?php include_once(mvc::$cfg['PATH_TPL'].'public/topSeller.php');?>
<link rel="stylesheet" type="text/css" href="/static/css/jquery.autocomplete.css?ver=1.0.0">
<script type="text/javascript" src="/static/js/jquery.autocomplete.xu.js?ver=<?php echo mvc::$cfg['VER']['js'];?>"></script>

<div id="rMenu">
	<ul>
		<li id="m_add">增加目录</li>
		<li id="m_rename">重命名</li>
		<li id="m_del">删除目录</li>
	</ul>
</div>
<div class="maintb">
	<!-- 中间 -->
	<div id="picZone-main" class="main_middle">
		<div class="leftTree">
			<div class="leftTree-top">
				<span id="pictreetitle">图片目录</span>
			</div>
			<div id="pictreetitleline"></div>
			<div class="leftTree-bottom">
				<div class="form-group has-feedback">
					<span class="glyphicon glyphicon-search form-control-feedback"></span>
					<input type="text" class="form-control" id="searchbyztreenodename" name="" placeholder="搜索文件夹">
				</div>
				<div style="border-bottom:1px solid #ccc;width: 100%;"></div> 
				<ul id="treelevel" class="ztree"></ul>
			</div>
		</div>
		<div class="rightZone">
			<div class="rightZone-top">
				<div class="rightZone-top-left">
					<ol class="breadcrumb">
						<?php if(empty($_COOKIE['autoClickTreeNodeId'])){ ?>
						<li class="active">图片空间</li>
						<?php } ?>
					</ol>
				</div>
				<div class="rightZone-top-right">
					<?php if($upLoadImg){?>
					<div id="piczoneuploader"></div>
					<?php }?>
					<!-- <button type="button" class="btn btn-default create-file"><span class="glyphicon glyphicon-folder-open"></span>新建文件夹</button> -->
					<!-- <button type="button" class="btn btn-default huishou"><span class="glyphicon glyphicon-trash"></span>回收站</button> -->
					<div id="searchimgname-div" class="form-group has-feedback">
						<input type="text" class="form-control"  id="searchallimgandfilebyname" name="" placeholder="按文件夹名称/图片名称搜索"><button class="btn btn-sx btn-info" id="searchallimgandfilebyname-btn" ><span class="glyphicon glyphicon-search"></span></button>
					</div>
				</div>
			</div>
			<div class="rightZone-bottom">
				<div class="rightZone-bottom-top">
					<p class="rightZone-bottom-top-p"> 
						<div class="rightZone-bottom-top-p-checkallpic">
							<input type="checkbox" onClick="checkallpic(this)" name="checkAll" id="checkallpic">
							<label id="checkAllTop-lable" for="checkAll">全选</label>
						</div>
						<button type="button" onclick="showBigImg()"  data-toggle="modal" data-target="#myModal" id="showBigImg" class="btn btn-default"><span class="glyphicon glyphicon-fullscreen"></span>查看大图</button>
						<?php if($editImg){?>
						<button type="button" onclick="moveImg()"  data-toggle="modal" data-target="#moveimgmodal" id="moveImg" class="btn btn-default"><span class="glyphicon glyphicon-transfer"></span>移动图片</button>
						<button type="button" onclick="renameImgOriname()" id="renameImgTitle" class="btn btn-default"><span class="glyphicon glyphicon-pencil"></span>重命名</button>
						<button type="button" onclick="MESSAGE.confirm('确定删除选中的图片吗？','delMyImg()')" id="delMyImg" class="btn btn-default"><span class="glyphicon glyphicon-remove"></span>删除</button>
						<i id="selMuchNotic">按 Ctrl + 鼠标点击”可进行多选</i>
						<?php }?>
					</p>
				</div>
				<div class="rightZone-bottom-middle">
					<?php if(empty($_COOKIE['autoClickTreeNodeId'])){ ?>
					<div onClick="openFileCategory(00)"  class="rightZone-bottom-folder">
						<div class="rightZone-bottom-folder-folder"></div>
						<div class="rightZone-bottom-folder-title">配件图片</div>
					</div>
					<div onClick="openFileCategory(01)"  class="rightZone-bottom-folder">
						<div class="rightZone-bottom-folder-folder"></div>
						<div class="rightZone-bottom-folder-title">店铺装修图片</div>
					</div>
					<?php } ?>
				</div>
				<div class="clear"></div>
			</div>
		</div>
	</div>
</div>
<!-- 查看大图模态框（Modal） -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog" id="modal-dialog-div">
		<div id="myModal-img-wrapper">
			<img  id="myModal-img" src=""> 
		</div>
		<div id="myModal-msg-des">
			<div id="myModal-msg-des-SPI-ORINAME"><span id="spi_oriname"></span></div>
			<div class="myModal-msg-des-detail-bold">图片属性</div>
			<div  class="diandian">..................................................</div>
			<div class="myModal-msg-des-detail">上传时间：<span id="spi_atime"></span></div>
			<div class="myModal-msg-des-detail">原图大小：<span id="spi_size"></span></div>
			<div class="myModal-msg-des-detail">原图尺寸：<span id="spi_width_HEIGHT"></span></div>
			<div class="myModal-msg-des-detail">原图位置：<span  id="spi_cateGORY"></span></div>
			<div class="myModal-msg-des-detail-bold">图片尺寸</div>
			<div  class="diandian">..................................................</div>
			<div class="myModal-msg-des-detail" >100*100<span class="myModal-msg-des-detail-span-one"><a target="_blank" id="one_zero_zero_pic_path" href="javascript:;" class="a_blue">查看</a></span></div>
			<div class="myModal-msg-des-detail">240*240<span class="myModal-msg-des-detail-span-one"><a target="_blank" id="two_four_zero_pic_path" href="javascript:;" class="a_blue">查看</a></span></div>
		</div>
	</div>
</div>
<!-- 移动模态框（Modal） -->
<div class="modal fade" id="moveimgmodal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="moveimgmodal-top">
			<span class="moveimgmodal-top-left-text">移动到</span>
			<span onclick="cancelthisMoveAction()" class="glyphicon glyphicon-remove"></span>
		</div>
		<div  class="modal-dialog-ztree">
			<input type="hidden" name="" id="thismoveActionCatId" value="">
			<input type="hidden" name="" id="thismoveImgId" value="">
			<ul id="newtreelevel" class="ztree"></ul>
		</div>
		<div  class="moveimgmodal-bottom">
			<button id="commithisMoveActionsubmit" disabled="disabled" onclick='commithisMoveAction()' class="btn btn-info">确定</button>
			<button onclick='cancelthisMoveAction()' class="btn btn-danger">取消</button>
		</div>
	</div>
</div>
<?php include_once(mvc::$cfg['PATH_TPL'].'public/footAll.php');?>
<script type="text/javascript">
	var zNodes = <?php echo $allCategoryJson;?>;
	$(document).ready(function(){
		PICZONEPRODUCT.init();
	});
</script>