//********************************************************************
//	變換頁籤
//********************************************************************
//用來紀錄作用中頁籤的ID 預設是第一個頁籤
var currentLayer = "cell1";
var bulletinCurrentLayer = "bulletin_cell1";
var newsCurrentLayer = "news_cell1";
//用來紀錄作用中頁籤的頁面ID 預設是第一個頁面
var currentDiv = "d1";
var bulletinCurrentDiv = "bulletin_d1";
var newsCurrentDiv = "news_d1";
//用來紀錄作用中頁籤的Index 預設是第一個頁籤
var bulletinTabIndex=1;
var newsTabIndex=1;

//showLayer()函式，參數為觸發該函式的元素及所屬頁面ID
function showLayer(obj,div){
	//若目前的currentLayer不等於obj.id 表示要換頁面
	if(currentLayer!=obj.id) {
		//先改變上一個頁籤及頁面的樣式
		showIt(currentLayer,currentDiv,false);
		//重設currentLayer及currentDiv的值
		currentLayer = obj.id;
		currentDiv = div;
		//最後再改變目前頁籤及頁面的樣式
		showIt(currentLayer,currentDiv,true);
	}
}

function bulletinShowLayer(obj,div,i){
	//若目前的currentLayer不等於obj 表示要換頁面
	if(bulletinCurrentLayer!=obj) {
		//先改變上一個頁籤及頁面的樣式
		//bulletinShowIt(bulletinCurrentLayer,bulletinCurrentDiv,bulletinTabIndex,false);
		bulletinShowIt(bulletinCurrentLayer, bulletinTabIndex, false, false);
		var curDiv= document.getElementById(bulletinCurrentDiv);
		curDiv.style.display = "none";
		//重設currentLayer及currentDiv的值
		bulletinCurrentLayer = obj;
		bulletinCurrentDiv = div;
		bulletinTabIndex = i;
		//最後再改變目前頁籤及頁面的樣式
		//bulletinShowIt(bulletinCurrentLayer,bulletinCurrentDiv,bulletinTabIndex,true);
		bulletinShowIt(bulletinCurrentLayer, bulletinTabIndex, true, false);
		var newDiv= document.getElementById(bulletinCurrentDiv);
		newDiv.style.display = "block";
	}
}

function newsShowLayer(obj,div,i){
	//若目前的currentLayer不等於obj 表示要換頁面
	if(newsCurrentLayer!=obj) {
		//先改變上一個頁籤及頁面的樣式
		//newsShowIt(newsCurrentLayer,newsCurrentDiv,newsTabIndex,false);
		newsShowIt(newsCurrentLayer, newsTabIndex, false, false);
		var curDiv= document.getElementById(newsCurrentDiv);
		curDiv.style.display = "none";
		//重設currentLayer及currentDiv的值
		newsCurrentLayer = obj;
		newsCurrentDiv = div;
		newsTabIndex = i;
		//最後再改變目前頁籤及頁面的樣式
		//newsShowIt(newsCurrentLayer,newsCurrentDiv,newsTabIndex,true);
		newsShowIt(newsCurrentLayer, newsTabIndex, true, false);
		var newDiv= document.getElementById(newsCurrentDiv);
		newDiv.style.display = "block";
	}
}

//showIt()函式，參數為currentLayer、currentDiv及模式
//mode為true時 則表示目前作用中 所以要顯示
//mode為false時 則表示目前非作用中 所以要隱藏
function showIt(o,d,mode){
	var obj = document.getElementById(o);
	var div = document.getElementById(d);
	//改變className則表示改變該元素所用的class
	obj.className = mode?"active":"inactive";
	div.style.display = mode?"block":"none";
}



//function bulletinShowIt(o,d,i,mode){
function bulletinShowIt(o,i,mode,keepMode){
	var obj = document.getElementById(o);
	//var div = document.getElementById(d);
	//改變目標src變換圖片
	switch (i)
	{
		case 1:
			obj.src = mode ? "/image/tab01_bulletin.gif" : "/image/tab03_bulletin.gif";
			break;
			
		case 2:
			obj.src = mode ? "/image/tab02_bulletin.gif" : "/image/tab04_bulletin.gif";
			break;
			
		case 3:
			obj.src = mode ? "/image/tab05_bulletin.gif" : "/image/tab06_bulletin.gif";
			break;
	}
	
	if (keepMode)
	{
		var curObj = document.getElementById(bulletinCurrentLayer);
		//設定現用之目標src圖片
		switch (bulletinTabIndex)
		{
			case 1:
				curObj.src = "/image/tab01_bulletin.gif";
				break;
				
			case 2:
				curObj.src = "/image/tab02_bulletin.gif";
				break;
				
			case 3:
				curObj.src = "/image/tab05_bulletin.gif";
				break;
		}
	}
	//div.style.display = mode ? "block" : "none";
}

//function newsShowIt(o,d,i,mode){
function newsShowIt(o,i,mode,keepMode){
	var obj = document.getElementById(o);
	//var div = document.getElementById(d);
	//改變src變換圖片
	switch (i)
	{
		case 1:
			obj.src = mode ? "/image/tab01_news.gif" : "/image/tab03_news.gif";
			break;
			
		case 2:
			obj.src = mode ? "/image/tab04_news.gif" : "/image/tab02_news.gif";
			break;
	}
	
	if (keepMode)
	{
		var curObj = document.getElementById(newsCurrentLayer);
		//設定現用之目標src圖片
		switch (newsTabIndex)
		{
			case 1:
				curObj.src = "/image/tab01_news.gif";
				break;
				
			case 2:
				curObj.src = "/image/tab04_news.gif";
				break;
		}
	}
	//div.style.display = mode ? "block" : "none";
}