// JavaScript Document

//圖片陣列
var imgs = new Array(5);

imgs[0] = new Array('images/colls/bea/bea1.jpg','images/colls/bea/IMG_7408.jpg','images/colls/bea/IMG_7414.jpg', 
					'images/colls/bea/IMG_7429.jpg','images/colls/bea/IMG_7446.jpg','images/colls/bea/IMG_7453.jpg',
					'images/colls/bea/IMG_7459.jpg');
imgs[1] = new Array('images/colls/bu/bu1.jpg','images/colls/bu/IMG_8802.jpg','images/colls/bu/IMG_8804.jpg',
					'images/colls/bu/IMG_8806.jpg','images/colls/bu/IMG_8821.jpg','images/colls/bu/IMG_8826.jpg',
					'images/colls/bu/IMG_8827.jpg');
imgs[2] = new Array('images/colls/prf/prf1.jpg','images/colls/prf/IMG_8667.jpg','images/colls/prf/IMG_8673.jpg',
					'images/colls/prf/IMG_8678.jpg','images/colls/prf/IMG_8687.jpg','images/colls/prf/IMG_8695.jpg',
					'images/colls/prf/IMG_8700.jpg');
imgs[3] = new Array('images/colls/lin/lin1.jpg','images/colls/lin/IMG_8832.jpg','images/colls/lin/IMG_8838.jpg',
					'images/colls/lin/IMG_8839.jpg','images/colls/lin/IMG_8845.jpg','images/colls/lin/IMG_8853.jpg',
					'images/colls/lin/IMG_8857.jpg');
imgs[4] = new Array('images/colls/sob/sob1.jpg','images/colls/sob/IMG_7654.jpg','images/colls//sob/IMG_7672.jpg',
					'images/colls//sob/IMG_7675.jpg','images/colls/sob/IMG_7681.jpg','images/colls//sob/IMG_7684.jpg',
					'images/colls//sob/IMG_7687.jpg');
imgs[5] = new Array('images/colls/vl/vl1.jpg','images/colls/vl/IMG_8652.jpg','images/colls/vl/IMG_8656.jpg',
					'images/colls/vl/IMG_8665.jpg','images/colls/vl/IMG_8920.jpg','images/colls/vl/IMG_8921.jpg',
					'images/colls/vl/IMG_8928.jpg');

var tk = 1;
var j = 0;
//展開說明.關閉說明
function strd()
{
	if (tk == 1)
	{
	  document.getElementById('five').style.display = 'block'; //顯示說明區塊
	  document.getElementById('pic').src = imgs[n][m]; //展示圖片
	  document.getElementById('pic3').src = coimg[pi]; //說明圖片
	}
	else if (tk == -1)
	{
      document.getElementById('five').style.display = 'none'; //關閉說明區塊
	  document.getElementById('pic').src = imgs[n][m]; //展示圖片
	  tk *= -1;
	}
}

/* getthe pictures */
var n = 0;
var m = 0;
var z = 1;
var kl = true;
function getnpic()
{
	var ob=document.getElementById('pic');
	if (tk == 1)
	{
	  strd();
	  tk*=-1;
	  m = 1;
	}
	else
	{
		 m++;
	}
	if (kl)
	{
		 
		  document.getElementById('pic').src = imgs[n][m];
		  setTimeout('chnu()',500);
		 if ( m > 6)
		 {
			 m = 1;
		   document.getElementById('pic').src = imgs[n][m];
		   setTimeout('chnu()',500);
		 }
		 key=true; 
	  } 

}
function getppic()
{
	if (tk == 1)
	{
	  strd();
	  tk*=-1;
	  m = 0;
	}
	else
	{
		m--;
	}
	
	var ob=document.getElementById('pic');
	if (kl)
	{
		  
		  document.getElementById('pic').src = imgs[n][m];
		  setTimeout('chnu()',500);
		 if ( m < 1)
		 {
			 m = 6;
		   document.getElementById('pic').src = imgs[n][m];
		   setTimeout('chnu()',500);
		 }
		 key=false;  
    }
}

//取得MENU圖片
var pi = 0;
function srcpic(l)
{
	 if (pi != l)
	 {
	     n=l;
		 m=0;
			document.getElementById('pic').src = imgs[n][m];
			setTimeout('chnu()',500);
			pi = l;
		document.getElementById('five').style.display = 'none'; //關閉說明區塊
	    m = 0; //設定第一張圖片位置
	    document.getElementById('pic').src = imgs[n][m]; //展示圖片
 	    chnu();  //更新圖片數字
	    tk = 1;
			
	 }
	 var j = l+1;
	 for (var k = 1;k<=5;k++)
	 {
	   document.getElementById('nj'+k).style.color = '#FFF';
	 }
	 document.getElementById('nj6').style.color = '#FFF';
	 document.getElementById('nj'+j).style.color = '#2A5FFF';
	 nps = j;
}

function chnu()
{
	document.getElementById('ntxt').innerHTML = m+1; 
}

//說明圖片陣列
var coimg = ['images/colls/bea/bea.jpg','images/colls/bu/bu.jpg','images/colls/prf/prf.jpg'
			 ,'images/colls/lin/lin.jpg','images/colls/sob/sob.jpg','images/colls/vl/vl.jpg'];