<!--
window.onload=function(){

	//變數Speed為設定捲軸的速度用 越小越快
	var Speed=1;
	//接受setInterval所回傳的值
	var timer;
	//取得NewDiv的參考用的變數
	var NewDiv = document.getElementById("NewDiv");
	//取得pic2的參考用的變數
	var NewTD2= document.getElementById("NewTD2");
	//讓pic2的innerHTML等於pic1的innerHTML
	NewTD2.innerHTML=document.getElementById("NewTD1").innerHTML;
	//用來捲動NewDiv捲軸用的主程式

	function picMarquee(){
		//若pic2的寬小於NewDiv的scrollLeft，表示捲軸已經過了第一行
		//所以讓Div的scrollLeft再回到原來的位置；反之 則繼續往右跑
		if(NewTD2.offsetWidth - NewDiv.scrollLeft <= 0){
			NewDiv.scrollLeft = 0;
		}else{
			NewDiv.scrollLeft++;
		}
	}
	
	//每Speed毫秒就執行一次pciMarquee()
	timer=setInterval(picMarquee,Speed);
	
	//當滑鼠在NewDiv上時 就停止捲動
	NewDiv.onmouseover=function(){
		clearInterval(timer);
	}
	//當滑鼠離開NewDiv上時 就繼續往右捲動
	NewDiv.onmouseout=function(){
		timer=setInterval(picMarquee,Speed);
	}
	
	FPMapLeftArea.onmouseover=function(){
		clearInterval(timer);
	}
	
	FPMapLeftArea.onmouseout=function(){
		timer=setInterval(picMarquee,Speed);
	}
	
	FPMapRightArea.onmouseover=function(){
		clearInterval(timer);
	}
	
	FPMapRightArea.onmouseout=function(){
		timer=setInterval(picMarquee,Speed);
	}
	
	
	FPMapLeftArea.onclick=function(){
		
		if(NewDiv.scrollLeft > NewTD2.offsetWidth){
			NewDiv.scrollLeft = NewDiv.scrollLeft-NewTD2.offsetWidth+166;
		}else{
			NewDiv.scrollLeft+=166;
		}
	}
	
	FPMapRightArea.onclick=function(){
			if(NewDiv.scrollLeft <166){
				NewDiv.scrollLeft = NewTD2.offsetWidth-166;
			}else{
				NewDiv.scrollLeft-=166;
			}		
	}	
	
}	
//-->