?window.onload=function(){
????var?wrap=document.getElementById('wrap'),
????????pic=document.getElementById('pic').getElementsByTagName('li'),
????????list=document.getElementById('list').getElementsByTagName('li'),
????????index=0,
????????timer=null;

??????//?定義并調用自動播放函數
		timer?=?setInterval(autoPlay,1500);
		
??????//?定義圖片切換函數
?????	function?changePic(curIndex){
			for(var?i=0;i<pic.length;i++){
				pic[i].style.display="none";
				list[i].className="";
				}
				pic[curIndex].style.display="block";
				list[curIndex].className="on";
				}
				
	?//設置自動播放函數（1~5循環）
		?function?autoPlay(){
			?if(++index>=pic.length){index=0};
			?changePic(index);}	
			?
?????//?鼠標劃過整個容器時停止自動播放
		wrap.onmouseover?=?function(){clearInterval(timer);}
		
?????//?鼠標離開整個容器時繼續播放至下一張
????	wrap.onmouseout?=?function(){timer?=?setInterval(autoPlay,1500);}
		
?????//?遍歷所有數字導航實現劃過切換至對應的圖片
		for(var?i=0;i<=pic.length;i++){
			list[i].onmouseover?=?function(){
				clearInterval(timer);
				index=this.innerText-1;
				changePic(index);
				};
			};	
???};