//第一組tab			
		//用來紀錄作用中頁籤的ID 預設是第一個頁籤
		var currentLayer = "cell1";
		//用來紀錄作用中頁籤的頁面ID 預設是第一個頁面
		var currentDiv = "d1";
		
		
		//showLayer()函式，參數為觸發該函式的元素、所屬頁面ID及顏色索引
		function showLayer(obj,div,cIndex){
			
			
			//若目前的currentLayer不等於obj.id 表示要換頁面
			if(currentLayer!=obj.id) {
			//先改變上一個頁籤及頁面的樣式
			showIt(currentLayer,currentDiv,cIndex,false);
			//重設currentLayer及currentDiv的值
			currentLayer = obj.id;
			currentDiv = div;
			//最後再改變目前頁籤及頁面的樣式
			showIt(currentLayer,currentDiv,cIndex,true);
			}
		}
		//showIt()函式，參數為currentLayer、currentDiv、colorArray的索引及模式
		//mode為true時 則表示目前作用中 所以要顯示
		//mode為false時 則表示目前非作用中 所以要隱藏
		function showIt(o,d,cIndex,mode){
			var obj = document.getElementById(o);
			var div = document.getElementById(d);
			//改變className則表示改變該元素所用的class
			obj.className = mode?"on":"off";
			div.style.display = mode?"block":"none";
		}
		function textChange(obj,d,mode){
			if(currentLayer!=obj.id) { 
				obj.className = mode?"over":"off";
			}
		}
//第二組tab	
//用來紀錄作用中頁籤的ID 預設是第一個頁籤
		var currentLayer1 = "cell11";
		//用來紀錄作用中頁籤的頁面ID 預設是第一個頁面
		var currentDiv1 = "d11";
		
		
		//showLayer()函式，參數為觸發該函式的元素、所屬頁面ID及顏色索引
		function showLayer1(obj,div,cIndex){
			
			
			//若目前的currentLayer不等於obj.id 表示要換頁面
			if(currentLayer1!=obj.id) {
			//先改變上一個頁籤及頁面的樣式
			showIt1(currentLayer1,currentDiv1,cIndex,false);
			//重設currentLayer及currentDiv的值
			currentLayer1 = obj.id;
			currentDiv1 = div;
			//最後再改變目前頁籤及頁面的樣式
			showIt1(currentLayer1,currentDiv1,cIndex,true);
			}
		}
		//showIt()函式，參數為currentLayer、currentDiv、colorArray的索引及模式
		//mode為true時 則表示目前作用中 所以要顯示
		//mode為false時 則表示目前非作用中 所以要隱藏
		function showIt1(o,d,cIndex,mode){
			var obj = document.getElementById(o);
			var div = document.getElementById(d);
			//改變className則表示改變該元素所用的class
			obj.className = mode?"on":"off";
			div.style.display = mode?"block":"none";
		}
		function textChange1(obj,d,mode){
			if(currentLayer1!=obj.id) { 
				obj.className = mode?"over":"off";
			}
		}

//第三組tab	
//用來紀錄作用中頁籤的ID 預設是第一個頁籤
		var currentLayer2 = "cell111";
		//用來紀錄作用中頁籤的頁面ID 預設是第一個頁面
		var currentDiv2 = "d111";
		
		
		//showLayer()函式，參數為觸發該函式的元素、所屬頁面ID及顏色索引
		function showLayer2(obj,div,cIndex){
			
			
			//若目前的currentLayer不等於obj.id 表示要換頁面
			if(currentLayer2!=obj.id) {
			//先改變上一個頁籤及頁面的樣式
			showIt2(currentLayer2,currentDiv2,cIndex,false);
			//重設currentLayer及currentDiv的值
			currentLayer2 = obj.id;
			currentDiv2 = div;
			//最後再改變目前頁籤及頁面的樣式
			showIt2(currentLayer2,currentDiv2,cIndex,true);
			}
		}
		//showIt()函式，參數為currentLayer、currentDiv、colorArray的索引及模式
		//mode為true時 則表示目前作用中 所以要顯示
		//mode為false時 則表示目前非作用中 所以要隱藏
		function showIt2(o,d,cIndex,mode){
			var obj = document.getElementById(o);
			var div = document.getElementById(d);
			//改變className則表示改變該元素所用的class
			obj.className = mode?"on":"off";
			div.style.display = mode?"block":"none";
		}
		function textChange2(obj,d,mode){
			if(currentLayer2!=obj.id) { 
				obj.className = mode?"over":"off";
			}
		}