﻿// JScript 檔
	//用來紀錄作用中頁籤的ID 預設是第一個頁籤
	var currentFLayer = "Function1";
	
	//用來紀錄作用中頁籤的頁面ID 預設是第一個頁面
	var currentFDiv = "Content1";
	
	var FunctionPages=new Array();
	FunctionPages[0]=new Array("Img5","map_00.jpg","map_01.jpg");
	FunctionPages[1]=new Array("Img9","question_track_00.jpg","question_track_01.jpg");
	FunctionPages[2]=new Array("Img11","history_00.jpg","history_01.jpg");
	FunctionPages[3]=new Array("Img10","guide_00.jpg","guide_01.jpg");
	
	
//	var defaultColor = "#FFFFFF";
//	
//	var currentColor="#FFFF99";
	//showLayer()函式，參數為觸發該函式的元素及所屬頁面ID
	function showFLayer(obj,div,fpage){
		//若目前的currentLayer不等於obj.id 表示要換頁面
		//alert(FunctionPages.length);
		//alert(FunctionPages[0][0]);
		for (var i=0;i<FunctionPages.length;i++)
		{
		  if (FunctionPages[i][0]==fpage)
		  {
		    showClickImg(fpage,FunctionPages[i][1]);
		  }
		  else
		  {
		    showUnClickImg(FunctionPages[i][0],FunctionPages[i][2]);
		  }
		}
		if(currentFLayer!=obj.id) {
			//先改變上一個頁籤及頁面的樣式
			showIt(currentFLayer,currentFDiv,false);
			//重設currentLayer及currentDiv的值
			currentFLayer = obj.id;
			currentFDiv = div;
			//最後再改變目前頁籤及頁面的樣式
			showIt(currentFLayer,currentFDiv,true);
		}
	}
	
	function showClickImg(imgid,imgname)
	{
	  var obimg=document.getElementById(imgid);
	  obimg.src="../img/"+imgname;
	  
	}
	function showUnClickImg(imgid,imgname)
	{
	   var obimg=document.getElementById(imgid);
	  obimg.src="../img/"+imgname;
	}
	
	//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?"Factive":"Finactive";
		div.style.display = mode?"block":"none";
		//改變頁籤及頁面的背景顏色   
       // obj.style.backgroundColor = mode?currentColor:defaultColor;   
        //div.style.backgroundColor = mode?currentColor:defaultColor; 

		
	}
