// JavaScript Document
function Show(obj)
{
	//变量obj指向触发monseover事件的对象，这里是<span/>元素
	//修改<span/>元素的class属性
	obj.className="FocusLi";
	var j;
	var id;
	var e;
	var img;
	var t;
	for(var i=1;i<=2;i++){
	   id ="Li"+i;
	   //取得元素
	   j = document.getElementById(id);
	   //取得子栏目的元素
	   e = document.getElementById("ListDiv1"+i);
	   //循环，如果id值与当前<span/>元素的id属性值不同，就修改对应元素的class属性值，同时把对应的sub栏目的可见性设置为none
	   img = document.getElementById("Img"+i);
	   t = document.getElementById("Div"+i);
	   if(id != obj.id){
	   	 j.className="NotFocusLi";
		 t.className="NotFocusDiv";
	   	 e.style.display = "none";
		 img.style.display = "none";
	   }else{
			e.style.display = "block";
			img.style.display = "block";
			t.className="FocusDiv";
	   }
	}
}

function Show2(obj)
{
	//变量obj指向触发monseover事件的对象，这里是<span/>元素
	//修改<span/>元素的class属性
	obj.className="FocusLi";
	var j2;
	var id2;
	var e2;
	var img2;
	var t2;
	for(var i=1;i<=3;i++){
	   id2 ="Li2"+i;
	   //取得元素
	   j2 = document.getElementById(id2);
	   //取得子栏目的元素
	   e2 = document.getElementById("ListDiv2"+i);
	   //循环，如果id值与当前<span/>元素的id属性值不同，就修改对应元素的class属性值，同时把对应的sub栏目的可见性设置为none
	   img2 = document.getElementById("Img2"+i);
	   t2 = document.getElementById("Div2"+i);
	   if(id2 != obj.id){
	   	 j2.className="NotFocusLi";
		 t2.className="NotFocusDiv";
	   	 e2.style.display = "none";
		 img2.style.display = "none";
	   }else{
			e2.style.display = "block";
			img2.style.display = "block";
			t2.className="FocusDiv";
	   }
	}
}