// JavaScript Document

//调用行业链接函数（）
function fun_hangyelianjie(){
	
	//先分别取出两个用到的标签节点
	var jd_hangye_lanmu = document.getElementById("hangye_lanmu");
	var jd_hangye_neirong = document.getElementById("hangye_neirong");

	//判断该两个标签是否存在，如果存在，则继续执行，不存在直接跳过[这样做遇到该两个节点不存在就不会出错]
	if(jd_hangye_lanmu && jd_hangye_neirong){
		//取出节点下的所有li标签
		var jd_hangye_lanmu_li = jd_hangye_lanmu.getElementsByTagName("LI");
		var jd_hangye_neirong_li = jd_hangye_neirong.getElementsByTagName("LI");
		
		for(var i = 0; i < jd_hangye_lanmu_li.length; i++){
			//调用点击的效果
			fun_dianji(jd_hangye_lanmu_li, jd_hangye_neirong_li, jd_hangye_lanmu_li[i], i);
			//调用内容方法
			fun_neirong(jd_hangye_neirong_li, i);
		}
		
		//设置未点击之前的默认显示的信息
		jd_hangye_lanmu_li[0].style.border = "1px #cfcaa7 solid";
		jd_hangye_lanmu_li[0].style.borderBottom = "1px #f3eedc solid";
		
		fun_neirong(jd_hangye_neirong_li, 0);
	}
}


//当鼠标点击该li标签后（总的li标签集， 指定的li标签， 该标签的基数号[该标签是第几个]）
function fun_dianji(jd_lanmu, jd_neirong, jd_li, jd_daihao){

	//鼠标点击后的功能
	jd_li.onclick = function(){
		fun_biankuang_qingchu(jd_lanmu);					//每次点击li标签时，先将所有的li标签的（边框）样式清除
		fun_neirong(jd_neirong, jd_daihao);				//调用内容方法
		
		//正式赋于点击后的（边框）样式
		jd_li.style.border = "1px #cfcaa7 solid";
		jd_li.style.borderBottom = "1px #f3eedc solid";
	};
}


//清除所有的li的标签的边框样式（总的li标签集）
function fun_biankuang_qingchu(jd){
	
	//循环清空边框样式
	for(var j = 0; j < jd.length; j++){
		jd[j].style.border = "";
	}
}


//内容方法（内容的li标签集， 指定的li标签的代号）
function fun_neirong(jd, jd_daihao){
	
	//先将所有折li的标签隐藏
	for(var i = 0; i < jd.length; i++){
		jd[i].style.display = "none";
	}
	
	//显示指定的那个li标签
	jd[jd_daihao].style.display = "block";
}