<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<%@ taglib prefix="easy" uri="/WEB-INF/tlds/custom.tld"%>
<!DOCTYPE html>
<html>
<head>
	<title>Java EasyCMS内容管理系统</title>
	<%@include file="/WEB-INF/views/include/head.jsp"%>
	<link href="${ctxStatic}/css/index.css" type="text/css" rel="stylesheet" />
	<script>
		$(document).ready(function(){
			$(".vertical-nav").verticalnav({
				speed: 400,
				align: "left"
			});
			$(".vertical-nav li a").click(function() {
				var width = window.innerWidth;
				var height = window.innerHeight;
				open($(this).text() + "-" + $(this).attr('subjectId'), $(this).attr('href'), width * 0.8,  height * 0.9);
				return false;
			})
		});
		function open(title,url, w, h) {
			layer.open({
		  	  type: 2, 
		  	  area: [w+'px', h+'px'],
		  	  title: title,
		  	  closeBtn: 1,
		  	  shade: 0,
		  	  moveOut: true,
		  	  maxmin: true,
		  	  offset: ['20px', '210px'],
		  	  //shade: [0.5 , '#000' , false],
		  	  //shadeClose: true,
		  	  content: url
		  	});
		}
	</script>
	
</head>
<div class="kePublic">
<!--效果html开始-->
<div class="content">
	<ul class="vertical-nav dark red">
		<li class="active">
			<a href="#">
			<i class="icon-home"></i>首页</a></li>
		</li>
		<li><a href="#"><i class="icon-cogs"></i>配置
		<span class="submenu-icon"></span></a>
		<ul>
			<li><a href="${ctx }/cms/configure" subjectId="">栏目配置</a></li>
			<li><a href="#">用户管理</a></li>
		</ul>
		<easy:MenuTag />
		<!-- <li><a href="#"><i class="icon-briefcase"></i>产品
		<span class="submenu-icon"></span></a>
		<ul>
			<li><a href="#">二级导航</a></li>
			<li><a href="#">二级导航</a></li>
			<li><a href="#">二级导航<span class="submenu-icon"></span></a>
			<ul>
				<li><a href="#">三级导航</a></li>
				<li><a href="#">三级导航</a></li>
				<li><a href="#">三级导航 <span class="submenu-icon"></span>
				</a>
				<ul>
					<li><a href="#">四级导航</a></li>
					<li><a href="#">四级导航</a></li>
					<li><a href="#">四级导航</a></li>
					<li><a href="#">四级导航</a></li>
				</ul>
				</li>
				<li><a href="#">三级导航</a></li>
			</ul>
			</li>
			<li><a href="#">二级导航</a></li>
			<li><a href="#">二级导航</a></li>
		</ul>
		</li>
		<li><a href="#"><i class="icon-user"></i>关于我们</a></li>
		<li><a href="#"><i class="icon-comments-alt"></i>博客</a></li>
		<li><a href="#"><i class="icon-picture"></i>导航</a></li>
		<li><a href="#"><i class="icon-info"></i>信息</a></li>
		<li><a href="#"><i class="icon-group"></i>团队</a></li>
		<li><a href="#"><i class="icon-question"></i>常见问题</a></li>
		<li><a href="#"><i class="icon-bar-chart"></i>案例</a></li>
		<li><a href="#"><i class="icon-envelope"></i>联系我们</a></li> -->
	</ul>
</div>
<!--效果html结束-->
<div class="clear"></div>
</div>

</body>
</html>