//为选项卡的默认值进行设定，方法为读取cardBar里面的li标签是否已经有selected属性，如果没有则使用默认值。
function loadTab(){
	//读取cardBar下面所有li标签
	var getId=document.getElementById("cardBar").getElementsByTagName("li");
	//定义一个判断是否有selected的变量
	var selectedItems=0;
	//判断方法，循环读出li标签的className，如果有则selectedItems加1
	for(i=0;i<getId.length;i++){
		if (getId[i].className == "Selected"){
			selectedItems+=1;
		}
	}
	//经过循环，如果selectedItems没有数值，那么说明没有selected的标签，因此给标签加上默认的className
	if (selectedItems==0){
		getId[0].className="Selected";
		document.getElementById("Dcard"+document.getElementById("Dcarddivid").value).style.display="block";
	}
}
//让窗口打开就运行他
window.onload=loadTab;
//设定结束
//进行选项卡效果的触发
function switchTab(cardBar,cardId){
	//cardBar
	//cardId 主导航ID
    //读取cardBar下面所有li标签
	var oItems = document.getElementById(cardBar).getElementsByTagName("li");
	//循环清空li标签下面的selected效果
	for (i=0;i<oItems.length;i++ ){
		var x=oItems[i];
		x.className="";
		var y=x.getElementsByTagName("a");
		y[0].style.color="#333";
	}
	//开始选项卡效果的赋值，为选中的li标签增加selected类的属性
	document.getElementById(cardId).className="Selected";
	//读出cardContent 下面的所有div标签
	var dvs=document.getElementById("cardContent").getElementsByTagName("div");
	//循环，判断应该显示的div
	for (i=0;i<dvs.length;i++ ){
		var t = dvs[i].id;;
		var k = cardId;
		if ((t.replace(/[^0-9]/g, "")) + "xx" !== "xx")
		{
			//alert(t.replace(/[^0-9]/g, ""));
			//alert(k.replace(/[^0-9]/g, ""));
			//alert(i);
			//break;
			if ((t.replace(/[^0-9]/g, "")) == (k.replace(/[^0-9]/g , ""))){
				dvs[i].style.display = "block";
				document.getElementById("leftpic").style.diplay = "";
				document.getElementById("mid").style.diplay = "";
			}else{
				dvs[i].style.display="none";
			}
		}
	}
}