var $,tab,dataStr,layer;
layui.config({
	base : "/jsp/tyjg/login/js/"
}).extend({
	"bodyTab" : "bodyTab"
})
layui.use(['bodyTab','form','element','layer','jquery'],function(){
	var form = layui.form,
		element = layui.element;
		$ = layui.$;
    	layer = parent.layer === undefined ? layui.layer : top.layer;
    	tab = layui.bodyTab({
			openTabNum : "8"//,  //最大可打开窗口数量
			//url : "/jsp/tyjg/login/json/navs.json" //获取菜单json地址
		}); 

	//通过顶部菜单获取左侧二三级菜单   注：此处只做演示之用，实际开发中通过接口传参的方式获取导航数据
	function getData(json){
		$.getJSON(tab.tabConfig.url,function(data){
			if(json == "contentManagement"){
				dataStr=data;
				tab.render();
			}
		})
		//$.getJSON(tab.tabConfig.url,function(data){
			//if(json == "contentManagement"){
				//dataStr = data.contentManagement;
				//重新渲染左侧菜单
				//tab.render();
			//}else if(json == "memberCenter"){
				//dataStr = data.memberCenter;
				//重新渲染左侧菜单
				//tab.render();
			//}else if(json == "systemeSttings"){
				//dataStr = data.systemeSttings;
				//重新渲染左侧菜单
				//tab.render();
			//}else if(json == "seraphApi"){
                //dataStr = data.seraphApi;
                //重新渲染左侧菜单
                //tab.render();
            //}
		//})
	}
	//页面加载时判断左侧菜单是否显示
	//通过顶部菜单获取左侧菜单
	//$(".topLevelMenus li,.mobileTopLevelMenus dd").click(function(){
		//if($(this).parents(".mobileTopLevelMenus").length != "0"){
			//$(".topLevelMenus li").eq($(this).index()).addClass("layui-this").siblings().removeClass("layui-this");
		//}else{
			//$(".mobileTopLevelMenus dd").eq($(this).index()).addClass("layui-this").siblings().removeClass("layui-this");
		//}
		//$(".layui-layout-admin").removeClass("showMenu");
		//$("body").addClass("site-mobile");
		//getData($(this).data("menu"));
		//渲染顶部窗口
		//tab.tabMove();
	//})

	//隐藏左侧导航
	$(".hideMenu").click(function(){
		if($(".topLevelMenus li.layui-this a").data("url")){
			layer.msg("此栏目状态下左侧菜单不可展开");  //主要为了避免左侧显示的内容与顶部菜单不匹配
			return false;
		}
		$(".layui-layout-admin").toggleClass("showMenu");
		//渲染顶部窗口
		tab.tabMove();
	})
	$(".hideMenuIcon").click(function(){
		if($(".topLevelMenus li.layui-this a").data("url")){
			layer.msg("此栏目状态下左侧菜单不可展开");  //主要为了避免左侧显示的内容与顶部菜单不匹配
			return false;
		}
		$(".layui-layout-admin").toggleClass("showMenu");
		//渲染顶部窗口
		tab.tabMove();
	})
	//通过顶部菜单获取左侧二三级菜单   注：此处只做演示之用，实际开发中通过接口传参的方式获取导航数据
	getData("contentManagement");

	//手机设备的简单适配
    $('.site-tree-mobile').on('click', function(){
		$('body').addClass('site-mobile');
	});
    $('.site-mobile-shade').on('click', function(){
		$('body').removeClass('site-mobile');
	});

	
	// 添加新窗口
	$("body").on("click",".layui-nav .layui-nav-item a:not('.mobileTopLevelMenus .layui-nav-itemed a')",function(){
		//如果不存在子级
		if($(this).siblings().length == 0){
			addTab($(this));
			$('body').removeClass('site-mobile');  //移动端点击菜单关闭菜单层
		}
//		alert($(this).siblings().parent("li").length); 
//		$(this).Class("layui-nav-itemed").siblings().removeClass("layui-nav-itemed");
		$(this).parent("li").siblings().removeClass("layui-nav-itemed");
		$(this).parent("dd").siblings().removeClass("layui-nav-itemed");
	})
	
	//清除缓存
	$(".clearCache").click(function(){
		window.sessionStorage.clear();
        window.localStorage.clear();
        var index = layer.msg('清除缓存中，请稍候',{icon: 16,time:false,shade:0.8});
        setTimeout(function(){
            layer.close(index);
            layer.msg("缓存清除成功！");
        },1000);
    })

	//刷新后还原打开的窗口
    //if(cacheStr == "true") {
        if (window.sessionStorage.getItem("menu") != null) {
            menu = JSON.parse(window.sessionStorage.getItem("menu"));
            curmenu = window.sessionStorage.getItem("curmenu");
            var openTitle = '';
            for (var i = 0; i < menu.length; i++) {
                openTitle = '';
                if (menu[i].icon) {
                    if (menu[i].icon.split("-")[0] == 'icon') {
                        openTitle += '<i class="seraph ' + menu[i].icon + '"></i>';
                    } else {
                        openTitle += '<i class="layui-icon">' + menu[i].icon + '</i>';
                    }
                }
                openTitle += '<cite>' + menu[i].title + '</cite>';
                openTitle += '<i class="layui-icon layui-unselect layui-tab-close" data-id="' + menu[i].layId + '">&#x1006;</i>';
                element.tabAdd("bodyTab", {
                    title: openTitle,
                    content: "<iframe src='" + menu[i].href + "' data-id='" + menu[i].layId + "'></frame>",
                    id: menu[i].layId
                })
                //定位到刷新前的窗口
                if (curmenu != "undefined") {
                    if (curmenu == '' || curmenu == "null") {  //定位到后台首页
                        element.tabChange("bodyTab", '');
                    } else if (JSON.parse(curmenu).title == menu[i].title) {  //定位到刷新前的页面
                        element.tabChange("bodyTab", menu[i].layId);
                    }
                } else {
                    element.tabChange("bodyTab", menu[menu.length - 1].layId);
                }
            }
            //渲染顶部窗口
            tab.tabMove();
        }
    //}else{
		//window.sessionStorage.removeItem("menu");
		//window.sessionStorage.removeItem("curmenu");
	//}
})

//打开新窗口
function addTab(_this){
	
	tab.tabAdd(_this);
}

//
function openTest(){
	alert("-----")
}


//捐赠弹窗
function donation(){
	layer.tab({
		area : ['260px', '367px'],
		tab : [{
			title : "微信",
			content : "<div style='padding:30px;overflow:hidden;background:#d2d0d0;'><img src='images/wechat.jpg'></div>"
		},{
			title : "支付宝",
			content : "<div style='padding:30px;overflow:hidden;background:#d2d0d0;'><img src='images/alipay.jpg'></div>"
		}]
	})
}
//收藏夹hashmap，改变收藏状态使用
//是否收藏（取消和收藏操作）
var favoriteMap = {};
//菜单名
var favoriteMenuMap = {};
//菜单级别
var favoriteLevelMap = {};
//用于更新tab的收藏状态
var favoriteTabImgIdMap = {};
favoriteMap['-1'] = 1;
favoriteMap['key2@'] = 2;
//console.log('maps',favoriteMap['10']==undefined);
get_favoriteMenu();
buildMenu();
//获取收藏的菜单
function get_favoriteMenu(){
	
	$.getJSON('/PubCommon/pubcommonAction_get_FavoriteMenu.action', function(json){
        var res = json;
        for(var i = 0;i<json.length;i++){
        	var cur = res[i];
        	favoriteMap[cur['FUNCACTION']] = 1;
        	favoriteMenuMap[cur['FUNCACTION']] = cur['FUNCNAME'];
        	favoriteLevelMap[cur['FUNCACTION']] = cur['C_CDJB'];
        }
        buildMenu();
    });
}
//添加tab，收藏夹的哦
function openMenuTab(url, title, cdjb){
//	console.log("ddd"+title)
	save_clickRecord(title,url, cdjb);
    var defaultTab = $('<a data-title="'+title+'" data-cdjb="'+cdjb+'" data-url="' + url + '"><cite>' + title +'</cite></a>');
    tab.tabAdd(defaultTab);
}
var maxwidth = 0;
//建 立收藏夹菜单
function buildMenu(){
	var htmldata = '';
	$.getJSON('/PubCommon/pubcommonAction_get_FavoriteMenu.action', function(json){
        var res = json;
        for(var i = 0;i<json.length;i++){
        	var cur = res[i];
        	//添加收藏菜单内容到对应列表组件中
        	var imgId = 'img'+new Date().getTime()
			htmldata += '<dd  style="" ><a style="" onclick="openMenuTab(\''+cur['FUNCACTION']+'\',\''+cur['FUNCNAME']+'\',\''+cur['C_CDJB']+'\')"  ><i class="layui-icon" style="color:#16eca1">&#xe67a;</i><cite>'+cur['FUNCNAME']+'</cite>'
			htmldata += '<i style="float:right;cursor:pointer;" onclick="ChangeFavorate(\''+imgId+'\',\''+cur['FUNCACTION']+'\',\''+cur['C_CDJB']+'\',\''+cur['FUNCNAME']+'\')" class="layui-icon layui-unselect layui-tab-close">&#x1006;</i>'
			htmldata += '<p style="margin-left:6%;margin-top:-5%;font-size:15px;">'+'('+cur['MENUE_TIP']+')'+'</p></a></dd>';
			//更新map表，状态
			favoriteMap[cur['FUNCACTION']] = 1;
        	favoriteMenuMap[cur['FUNCACTION']] = cur['FUNCNAME'];
        	favoriteLevelMap[cur['FUNCACTION']] = cur['C_CDJB'];
        
        }

       
       $("#favoritemenu").html(htmldata); 
       //计算最长列表宽度，加上50以便放下删除按钮   
       maxwidth = $("#favoritemenu").width()!=undefined?$("#favoritemenu").width()+50:maxwidth;
       $('#favoritemenu dd').each(function(){
    	   $(this).css("width",maxwidth+"px");
       }) 
    });
	
	//更新tab状态
	for(var i in favoriteTabImgIdMap){
		if(favoriteMap[i]==undefined||favoriteMap[i]==0){
			$('#'+favoriteTabImgIdMap[i]).css("color","gray");
			$('#'+favoriteTabImgIdMap[i]).html('&#xe67b;');
		}
	}
	
}
//更改收藏状态
function ChangeFavorate(imgId,funcAction,c_cdjb,funcName){
	if(favoriteMap[funcAction]!=undefined&&favoriteMap[funcAction]==1){
		favoriteMap[funcAction]=0;
		$.ajax({
	  		type:"POST",
	  		data:{
	  			FUNCACTION: funcAction,
	  			C_CDJB: c_cdjb,
	  		},
	  		url: '/PubCommon/pubcommonAction_delete_FavoriteMenu.action',
	  		success:function(){
	  			buildMenu();
	  		}
	  	}); 
	}else{
		favoriteMap[funcAction]=1;
		favoriteMenuMap[funcAction] = funcName;
    	favoriteLevelMap[funcAction] = c_cdjb;
		$.ajax({
	  		type:"POST",
	  		data:{
	  			FUNCACTION: funcAction,
	  			C_CDJB: c_cdjb,
	  		},
	  		url: '/PubCommon/pubcommonAction_add_FavoriteMenu.action',
	  		success:function(){
	  			buildMenu();
	  		}
	  	}); 
	}
	
	var imgsrc = '/jsp/tyjg/login/images/img/unfavorite.png'
	//如果是收藏的，改实心图标，同步更新tab图标
	if(favoriteMap[funcAction]!=undefined&&favoriteMap[funcAction]==1){
		
		$('#'+imgId).css("color","#16eca1");
		$('#'+imgId).html('&#xe67a;');
	}else{
		$('#'+imgId).css("color","gray");
		$('#'+imgId).html('&#xe67b;');
	}
	//$("div").css("color","yellow");
	//$('#'+imgId).attr("src", imgsrc);
	
	
	stopPropagation();
}
//阻止父节点点击事件
function stopPropagation(e) {  
    e = e || window.event;  
    if(e.stopPropagation) { //W3C阻止冒泡方法  
        e.stopPropagation();  
    } else {  
        e.cancelBubble = true; //IE阻止冒泡方法  
    }  
}
//记录用户点击事件
//菜单信息(菜单名，菜单链接，菜单级别)
function save_clickRecord(title,url,cdjb){
	
	$.ajax({
  		type:"POST",
  		data:{
  			FUNCNAME: title,
  			FUNCACTION: url,
  			C_CDJB: cdjb,
  			NAMETXT:title
  		},
  		url: '/PubCommon/pubcommonAction_add_clickMenu.action'
  	}); 
	
}

//图片管理弹窗
function showImg(){
    $.getJSON('json/images.json', function(json){
        var res = json;
        layer.photos({
            photos: res,
            anim: 5
        });
    });
}