<style type="text/css">
	#div-info {
		background-image: url(images/scenebk.png);
		width: 300px;
		margin-top: 15px;
		margin-right: auto;
		margin-left: auto;
		padding-top: 40px;
		padding-right: 10px;
		padding-left: 10px;
	}
	#div-voice #txtVoice{
		display:none;
	}
	#voiceBtn {
		margin-left:20px;
		vertical-align:sub;
	}
	.divcenter {
		text-align: center;
	}
	.div-content-info {
		margin-left: 20px;
	}
</style>
<script type="text/javascript">
	var mymedia=null;
	var mediaTimer = null;  
	var flagPlay=false;
	var soundfile=["nature", "art", "3D", "info", "tree", "across", "office"];
	var txtInfo=new Array(6);
	txtInfo[0]="<b><font color='blue'>自然人文館</font></b><br />「自然人文館」以影音互動式導覽遊客認識日月潭的文歷史和自然景觀。房廳的中間是日月潭的立體地圖，可以一眼看清日月潭面目，也很有意思。週圍的展示則是著重在日月潭的自然景觀、歷史，與原住民的文化采風錄。";
	txtInfo[1]="<b><font color='blue'>日昇月恆藝廊</font></b><br />「日昇月恆藝廊」以潭區附近工藝名家作品展為主題，大約每隔半年會更換展品，覽出作品非常精緻。也因為展出規模不大，和一般特展或大展有所區隔，對一般遊客來說，不會有太大的壓力，能自在地親臨一場藝文洗禮。";
	txtInfo[2]="<b><font color='blue'>3D 媒體室</font></b><br />多媒體影音播放室有3D立體多媒體簡介，帶給遊客意想不到的影音震撼。多媒體影音播放時間，3D：10:00、14:00；HD：10:30、14:30。進去看影片介紹會對日月潭更瞭解哦，節目有：1.幻色水沙連（是3D的，館方會給你一副3D眼鏡）；2.絕色水沙連（是藍光畫質的影片）。";
	txtInfo[3]="<b><font color='blue'>遊客中心</font></b><br />遊客中心提供遊客各項服務，展場包含「悠遊水沙連-產業館」，網羅了大日月潭地區的陶藝、紙藝、工藝、酒類、紅茶及農特產等特色產業，並提供產業資訊。日月潭週遭地區的農特產、工藝品，都已經被有系統地整體設計與行銷，像小米酒即使你不喝，光是瓶身、酒名與專屬圖騰或公仔圖案，很多人沖著造型而帶回家蒐藏。";
	txtInfo[4]="<b><font color='blue'>木紋清水模</font></b><br />向山遊客中心建築表面並沒有貼上色彩鮮豔的瓷磚或者洗石子，而是採用以木紋模清水混凝土為主，使用的材質為「台灣杉」。直接以木板壓製出紋路，簡約而富有禪味的處理方式，其實展現的正是一種具時尚感的藝術品。";
	txtInfo[5]="<b><font color='blue'>超大跨距頂板</font></b><br />向山建築是開闊的半開放建築空間,視覺震撼的感覺是不言可喻的。兩個長度達三十四米高八米的超大跨度之頂版結構，是以拉預力工法施工，遊客的視線能夠直接通視到日月潭潭邊景色水景，為最具特色多功能行政暨遊客中心。";
	txtInfo[6]="<b><font color='blue'>管理處行政中心</font></b><br />風管處行政中心辦公室的廊道，走在裡面好像進入時光隧道。即使管理處是辦公的地方，遊客可以走過建築裏的廊道，如此不會曬到太陽，最重要的是，這裏也很好拍照，拍出來的照片頗有味道的。為了遊客經過廊道不會干擾到辦公，所以沿著廊道走，筆直而不拐彎陌角，整條廊道空間隨著迴力鏢造型的建築設計，高低與寬窄變化明顯。";

	$(document).ready(function() {
        $("#pagemap, #pagelist").bind("pagebeforeshow", clearSound); //顯示導覽圖及列表頁面前清除聲音
		$("#voice").click(playSound);
		$("#vPlay").click(pauseSound);
		$("#vStop").click(stopSound);
		$("#end").bind("click", runEnd); //結束
		$("a", $("#lstScene")).bind("click", function(e) { //選取列表項目
			var n=$(this).attr("num");  //取得選取項目編號
			showscene();
			MM_setTextOfLayer('div-info','',txtInfo[n]);
			MM_setTextOfTextfield('txtVoice','',soundfile[n]);
			MM_showHideLayers('voiceBtn','','hide');
			slideshow1();
		});
	});
	
	function playSound() { //按播放聲音鈕
		var url="/android_asset/www/sound/" + $("#txtVoice").val() + ".amr"; //聲音檔名
		mymedia=new Media(url, onSuccess, onErr); //建立播放物件
		if(mymedia)
			mymedia.play(); //開始播放
		flagPlay=true; //設定播放旗標
		if (mediaTimer == null) {  // 每秒更新一次播放時間
			mediaTimer = setInterval(function() {  
				mymedia.getCurrentPosition(  // 取得播放位置     
					function(position) {  
						if (position < 0) {  //播完
							position=0;
							$("#vPlay").attr("src", "images/play.png"); //設定為播放圖示
							flagPlay=false; //設定暫停旗標
							mediaTimer = null; //停止顯示計時
						}
						setAudioPosition("播放時間：" + Math.floor(position) + " 秒");  
					},  onErr
				);  
			}, 1000);  
		}  
	}
	
	function pauseSound() { //播放及暫停鈕
		if(flagPlay) { //原來為播放狀態
			$("#vPlay").attr("src", "images/play.png"); //設定為播放圖示
			if(mymedia)
				mymedia.pause(); //暫停
			flagPlay=false; //設定暫停旗標
		} 
		else { //原來為暫停狀態
			$("#vPlay").attr("src", "images/pause.png"); //設定為暫停圖示
			if(mymedia)
				mymedia.play(); //播放
			flagPlay=true; //設定播放旗標
		} 
	}
	
	function stopSound() { //停止播放鈕
		mymedia.stop(); //停止播放
		flagPlay=false; //設定暫停旗標
		setAudioPosition("播放時間：0 秒")
		mediaTimer = null; //停止顯示計時
		$("#vPlay").attr("src","images/play.png"); //設定為播放圖示
	}

	function clearSound() { //清除語音
		if(mymedia!=null) {
			flagPlay=false; //設定暫停旗標
			mediaTimer = null; //停止顯示計時
			$("#vPlay").attr("src","images/play.png"); //設定為播放圖示
			mymedia.release(); //停止播放
		}
	}
	
	function setAudioPosition(position) {  //顯示訊息
		$("#sndPosition").html(position);  
	}  
	
	function showscene() { //換頁
		$.mobile.changePage("#scene", "fade", false, true);
	}

	function slideshow1() { //播放相片
		var s=$("#txtVoice").val();
		flvFTSS1('slideshow',1000,2500,1,1,'images/'+s+'_1.jpg',24,'images/'+s+'_2.jpg',24,'images/'+s+'_3.jpg',24,'images/'+s+'_4.jpg',24);
	}
	
	function runEnd() { //結束
		var flagConfirm=confirm("確定要結束本應用程式嗎？"); //顯示確認視窗
		if(flagConfirm) { //按確定鈕
			navigator.app.exitApp();
		}
	}

	function onSuccess() {  }
	
	function onErr(err) {  }
</script>

