//show type
function showTypeList() {
	var data = service.concat(help);
	var html = "";
	var subHtml = "";
	var c = jQuery("#typeTitle");
	var t = jQuery("#infoTitle");
	var disStr;
	var classStr = "";//to bold
	var classChangeStr = "";//from + to -
	for (key in data) {
		subHtml = "";
		disStr = "display:none";
		classChangeStr = " class=\"empty\" ";
		var artList = data[key].data;
		for (k2 in artList) {
			classStr = "";
			var obj = artList[k2];
			if (t != undefined && t != null && t.text() == obj.title && c.text() == data[key].type) {
				disStr = "display:block;";
				classChangeStr = " class=\"full\" ";
				classStr = "class=\"chanbg\"";
			}
			subHtml += "<li " + classStr + "><a href=\"/ServiceHelp/" + obj.id + ".html\" title=\"" + obj.title + "\">" + subString(obj.title, 12) + "</a></li>";
		}
		html += "<div class=\"listfw\" onclick=\"showOrHidden(this);\"><span " + classChangeStr + " >" + subString(data[key].type, 8) + "</span></div>";
		html += "<div class=\"listt\" style=\"" + disStr + "\"><ul>" + subHtml + "</ul></div>";
	}
	jQuery("#typeList").html(html).show();
}
//show type and article
function showArticleList(isService) {
	var data = isService ? service : help;
	var html = "<ul class=\"Help_cont\"><ul>";
	var subHtml = "";
	var objList = data;
	for (key in data) {
		subHtml = "";
		var artList = data[key].data;
		html += "<li>" + data[key].type + "<ul>";
		var len = artList.length;
		for (k2 in artList) {
			var obj = artList[k2];
			subHtml += "<li><a href=\"/ServiceHelp/" + obj.id + ".html\" class=\"a4\">" + obj.title + "</a></li>";
		}
		html += subHtml + "</ul></li>";
	}
	html += "</ul>";
	var id = (isService) ? "serverArtList" : "helpArtList";
	jQuery("#" + id).html(html).show();
}
function showOrHidden(obj) {
	var div = jQuery(obj).next();
	var span = jQuery(obj).find("span");
	if(span.attr("class")=="full"){
	   span.attr("class","empty");
	}else{
	   span.attr("class","full");  
	}   
	//jQuery(obj).find("span").toggleClass("full");
	if (div.css("display") == "none") {
	    //div.show();
		div.css("display", "block");
	} else {
	    //div.hide();
		div.css("display", "none");
	}
}
function subString(title, num) {
	if (title.length > num) {
		title = title.substring(0, num) + "...";
	}
	return title;
}
jQuery(document).ready(function () {
	showTypeList();
	showArticleList(true);
	showArticleList(false);
});