//園區動態　頁簽程式
//用來紀錄作用中頁籤的ID 預設是第一個頁籤
var currentLayer = "cell1";
//用來紀錄作用中頁籤的頁面ID 預設是第一個頁面
var currentDiv = "d1";
//用來紀錄預設的顏色
var defaultColor = "";
//用來紀錄各頁籤所要用的顏色值
var colorArray = new Array("","","","");

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);
   
   switch (cIndex)
   {
        case 0:
        {
            document.getElementById(currentDiv).style.background= 'url(images/Board_Tab1_1.gif)';
            break;
        }
        case 1:
        {
            document.getElementById(currentDiv).style.background= 'url(images/Board_Tab1_2.gif)';
            break;
        }
        case 2:
        {
            document.getElementById(currentDiv).style.background= 'url(images/Board_Tab1_3.gif)';
            break;
        }
        case 3:
        {
            document.getElementById(currentDiv).style.background= 'url(images/Board_Tab1_4.gif)';
            break;
        }
   }
   
   
  }
}

function showIt(o,d,cIndex,mode){
  var obj = document.getElementById(o);
  var div = document.getElementById(d);
  //改變className則表示改變該元素所用的class
  obj.className = mode?"tabs_active":"tabs_inactive";
  div.style.display = mode?"block":"none";
  //改變頁籤及頁面的背景顏色
  obj.style.backgroundColor = mode?colorArray[cIndex]:defaultColor;
  div.style.backgroundColor = mode?colorArray[cIndex]:defaultColor;
  //可以直接寫div.style.backgroundColor = colorArray[cIndex]
}//園區動態　頁籤程式結束

function tabs_default_img()
{
    //document.getElementById('board_tab1_img').src='images/Board_Tab1_1_1.jpg';
    //document.getElementById('board_tab2_img').src='images/Board_Tab1_2_1.jpg';
    //document.getElementById('board_tab3_img').src='images/Board_Tab1_3_1.jpg';
    //document.getElementById('board_tab4_img').src='images/Board_Tab1_4_1.jpg';
}

function border_hover_proc(obj,num)
{
     switch(num)
     {
        case 0:
        {
            //document.getElementById(obj).style.background= 'url(images/Board_Tab1_1.gif)';
            break;
        }
        case 1:
        {
            //document.getElementById(obj).style.background ='url(images/Board_Tab1_2.gif)';
            break;
        }
        case 2:
        {
            //document.getElementById(obj).style.background ='url(images/Board_Tab1_3.gif)';
            break;
        }
        case 3:
        {    
            //document.getElementById(obj).style.background ='url(images/Board_Tab1_4.gif)';
            break;
        }
     }
}

function board_init()
{
    document.getElementById('b1').style.color='#7c7c7c';
    document.getElementById('b1').style.textDecoration='none';
    document.getElementById('b2').style.color='#7c7c7c';
    document.getElementById('b2').style.textDecoration='none';
    document.getElementById('b3').style.color='#7c7c7c';
    document.getElementById('b3').style.textDecoration='none';
    document.getElementById('b4').style.color='#7c7c7c';
    document.getElementById('b4').style.textDecoration='none';
    
}

function recovery_board(curr_obj)
{
    switch (curr_obj)
    {
        case "d1":
        {
            document.getElementById('b1').style.color='#ad524d';
            document.getElementById(curr_obj).style.background= 'url(images/Board_Tab1_1.gif)';
            break;
        }
        case "d2":
        {
            document.getElementById('b2').style.color='#db6c3e';
            document.getElementById(curr_obj).style.background= 'url(images/Board_Tab1_2.gif)';
            break;
        }
        case "d3":
        {
            document.getElementById('b3').style.color='#7a94a5';
            document.getElementById(curr_obj).style.background= 'url(images/Board_Tab1_3.gif)';
            break;
        }
        case "d4":
        {
            document.getElementById('b4').style.color='#8ca168';
            document.getElementById(curr_obj).style.background= 'url(images/Board_Tab1_4.gif)';
            break;
        }
    }
}