//根据条件输出列表内容
var filtrateFun = {
	addFiltrateList : function(big,middle,small){	//筛选列表输出函数
		var l = arguments.length,
			x = "",sList = "",sLi = "",sDt = "",curVal = "";
		if(l == 0){//筛选二级列表输出
			var j = proF.pClass;
			if(proF.clickVal.class[0]){
				curVal = proF.clickVal.class[0];
			}else if(proF.getback.class[0]){
				curVal = proF.getback.class[0];
			}
			for(x in j){
				var url       = j[x]['url'] ? j[x]['url'] : "";
				var	id        = j[x]["id"],name = j[x]["name"];
				var	cur       = curVal == id ? "cur" : "";
				var target    = j[x]['url_yemian'],durl = j[x]['define_url'];
				if(x == "all"){
					sDt += '<li class="'+cur+'" data-id="'+id+'" data-url="'+url+'" data-target="'+target+'" data-durl="'+durl+'"><strong>'+name+'</strong><em><s></s></em><small></small></li>';
				}else if(id != undefined){
					sLi += '<li class="'+cur+'" data-id="'+id+'" data-url="'+url+'" data-target="'+target+'" data-durl="'+durl+'"><strong>'+name+'</strong><em><s></s></em><small></small></li>';
				}
			}
			sList = '<dl><dd><ul>'+ sDt + sLi +'</ul></dd></dl>';
			return sList;
		}
		if(l == 1){		//筛选三级列表输出
			var j = proF.pClass[big]["sub"];
			if(proF.clickVal.class[1]){
				curVal = proF.clickVal.class[1];
			}else if(proF.getback.class[1]){
				curVal = proF.getback.class[1];
			}else{
				curVal = "all";
			}
			if(typeof(j) == "object"){
				for(x in j){
					var url = j[x]['url'] ? j[x]['url'] : "";
					var	id = j[x]["id"],
						name = j[x]["name"];
					var cur = id == curVal ? "cur" : "";
					var target = j[x]['url_yemian'];
					if(x != "all"){
						sLi += '<li class="'+cur+'" data-id="'+id+'" data-url="'+url+'" data-target="'+target+'"><strong>'+name+'</strong><em><s></s></em><small></small></li>';
					}else{
						sDt = '<dt class="'+cur+'" data-id="'+id+'" data-url="'+url+'" data-target="'+target+'"><i></i><strong>'+name+'</strong><em><s></s></em></dt>';
					}
				}
				sList = '<dl>'+sDt+'<dd><ul>'+sLi+'<ul></ul></dd></dl>';
				return sList;
			}
		}
	},
	addOrderList : function() {
		var x = "",sList = "",sLi = "",sDt = "",curVal = "", curOrder="";
		curOrder = proF.getback.class[2];
		var method = ['all', 'zan', 'read', 'reply', 'time'];
		curVal = method[curOrder];
		var j = proF.pSort;
		for(x in j){
			var url       = j[x]['url'] ? j[x]['url'] : "";
			var	id        = j[x]["id"],name = j[x]["name"];
			var target    = j[x]['url_yemian'],durl = j[x]['define_url'];
			var	cur       = curVal == id ? "cur" : "";
			if(x == "all"){
				sDt += '<li class="'+cur+'" data-id="'+id+'" data-url="'+url+'" data-target="'+target+'" data-durl="'+durl+'"><strong>'+name+'</strong><em><s></s></em><small></small></li>';
			}else if(id != undefined){
				sLi += '<li class="'+cur+'" data-id="'+id+'" data-url="'+url+'" data-target="'+target+'" data-durl="'+durl+'"><strong>'+name+'</strong><em><s></s></em><small></small></li>';
			}
		}
		sList = '<dl><dd><ul>'+ sDt + sLi +'</ul></dd></dl>';
		return sList;
	},
	addIndexList : function() {
		var x = "",sList = "",sLi = "",sDt = "",curVal = "", curOrder="";
		curVal = proF.getback.class[3];
		var j = proF.pIndex;
		console.log(j);
		for(x in j){
			var url       = j[x]['url'] ? j[x]['url'] : "";
			var	id        = j[x]["id"],name = j[x]["name"];
			var target    = j[x]['url_yemian'],durl = j[x]['define_url'];
			var	cur       = curVal == id ? "cur" : "";
			if(x == "all"){
				sDt += '<li class="'+cur+'" data-id="'+id+'" data-url="'+url+'" data-target="'+target+'" data-durl="'+durl+'"><strong>'+name+'</strong><em><s></s></em><small></small></li>';
			}else if(id != undefined){
				sLi += '<li class="'+cur+'" data-id="'+id+'" data-url="'+url+'" data-target="'+target+'" data-durl="'+durl+'"><strong>'+name+'</strong><em><s></s></em><small></small></li>';
			}
		}
		sList = '<dl><dd><ul>'+ sDt + sLi +'</ul></dd></dl>';
		return sList;
	}
};

$(function(){
	//得到dom元素
	var filtrateBut = $("#filtrateBut"),
		wrap = $("#filtrateListWrap"),
		orderClassify = $("#orderClassify"),
		indexClassify = $("#indexClassify"),
		firstClassify = $("#firstClassify"),
		secondClassify = $("#secondClassify"),
		thirdClassify = $("#thirdClassify");
		//给dom元素绑定事件
		filtrateBut.on({
			click : function(){
				var curBut = $(this),dataId = curBut.data("id"),open = curBut.data("open");
				//根据单击添加内容列表
				switch(dataId){
					case "secondClassify" :
						if(secondClassify.data("add") != 1){
							secondClassify.prepend(filtrateFun.addFiltrateList());
							secondClassify.data("add",1);
						}
					case "orderClassify"  :
						if(orderClassify.data("add") != 1){
							orderClassify.prepend(filtrateFun.addOrderList());
							orderClassify.data("add",1);
						}
					case "indexClassify"  :
						if(indexClassify.data("add") != 1){
							indexClassify.prepend(filtrateFun.addIndexList());
							indexClassify.data("add",1);
						}
					break;
				}
				//判断是否打开
				if(open == 1){
					curBut.data("open",0).removeClass("open-select");
					wrap.animate({height:0},300,function(){
						wrap.find("div.filtrate-list").hide();
						thirdClassify.animate({left:"100%"},300,function(){
							thirdClassify.data("open",0);
							secondClassify.find("dd").removeClass("open");
						});
					});
				}else{
					wrap.find("div.filtrate-list").hide().css({"left":0});
					thirdClassify.data("open",0);
					switch(dataId){
						case "sortList" :
							sortList.show();
						break;
						case "secondClassify" :
							secondClassify.show();
						break;
						case "orderClassify"  :
							orderClassify.show();
						case "indexClassify"  :
							indexClassify.show();
						break;
					}
					wrap.animate({height:330},300);
					curBut.data("open",1).addClass("open-select");
					curBut.siblings().data("open",0).removeClass("open-select");
				}
			}
		},"li");
	//给二级列表添加单击事件
		secondClassify.on({
			click : function(){
				var cLi = $(this),
					dataId = cLi.data("id"),
					dataUrl = cLi.data("url"),
					dataTarget = cLi.data("target"),
					curText = cLi.find("strong").text(),
					dataDurl = cLi.data("durl");
				if (proF.pClass[dataId]) {
					var subJ = proF.pClass[dataId]['sub'];
				}
				cLi.addClass("cur").siblings("li").removeClass("cur");
				if(proF.clickVal.class[0] != dataId){
					if(proF.clickVal.class[0] != undefined){
						proF.clickVal.class[1] = 'all';
					}
					proF.clickVal.class[0] = dataId;
				}
				if(dataDurl != 1 && typeof(subJ) == "object"){
					var dd = secondClassify.find("dd"),
						t = cLi.index()*cLi.outerHeight(),
						h = secondClassify.height(),
						st = dd.scrollTop();
					thirdClassify.html(filtrateFun.addFiltrateList(dataId));
					if(thirdClassify.data("open") != 1){
							thirdClassify.css({"display":"block","left":"100%","top":"0px"}).animate({left:"40%"},300,function(){
								thirdClassify.data("open",1);
								secondClassify.find("dd").addClass("open");
							});

						}
					dd.animate({scrollTop:t},300);
				}else{
					if(dataTarget == 2){
						window.open(dataUrl);
					}else if(dataTarget == 1){
						window.location = dataUrl;
					}
				}
			}
		},"li");
		//给三级列表添加单击事件
		thirdClassify.on({
			click : function(){
				var cLi = $(this),
					curText = cLi.find("strong").text(),
					dataId = cLi.data("id"),
					dataUrl = cLi.data("url"),
					bigVar = proF.clickVal.class[0],
					dataTarget = cLi.data("target");
				cLi.addClass("cur");
				if(dataId == "all"){
					cLi.closest('dl').find("li").removeClass("cur");
					// cLi.parents('dl').find("dt").removeClass("cur");
					// cLi.siblings().removeClass("cur");
					// dataUrl = proF.pClass[bigVar]['url'];
					// dataTarget = proF.pClass[bigVar]['url_yemian'];

				}else{
					cLi.parent().find("li").removeClass("cur");
				}
				proF.clickVal.class[1] = dataId;
				if(dataUrl){
					if(dataTarget == 2){
						window.open(dataUrl);
					}else if(dataTarget == 1){
						window.location = dataUrl;
					}
				}
			}
		},"li,dt");
		orderClassify.on({
			click : function() {
				var oLi = $(this),
					dataUrl = oLi.data("url");
				window.location = dataUrl;
			}
		}, "li");
		indexClassify.on({
			click : function() {
				var oLi = $(this),
					dataUrl = oLi.data("url");
				window.location = dataUrl;
			}
		}, "li");
})