var window_width = window.innerWidth;
var Def_map ;
var aryKey = new Array();
var aryMarker = new Array();
var aryInfowindow = new Array();
var HotelIcon = 'https://map.hotel.com.tw/v3/images/house.png';
var _HItem;

function initialize() {
	
	// 設定載入的map
	geocoder = new google.maps.Geocoder();
	var map_center = new google.maps.LatLng(25.04777294,121.51726432);
	var myOptions = {
	zoom: 14,
	center: map_center,
	mapTypeControl: true,
	mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU},
	navigationControl: true,
	navigationControlOptions: {style: google.maps.NavigationControlStyle.SMALL},
	scaleControl: true,
	mapTypeId: google.maps.MapTypeId.ROADMAP
	};
	Def_map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
	
	// 載入預設Marker及InfoWindowHtml
	srh_li_h2('201','34','Taipei City','Zhongzheng','1');
}

function changeHotelFnTitle(strtitle) {
	document.getElementById('HotelFnTitle').innerHTML =  strtitle;
}

// 建立Marker
function createMarker(M_LatLng,M_html,M_Title,M_key,M_zIndex,M_icon) {

	var marker = new google.maps.Marker({
		position: M_LatLng,
		map: Def_map,
		icon: M_icon,
		title: M_Title,
		zIndex: parseInt(M_zIndex,10)
	});

	aryInfowindow[M_key] = new google.maps.InfoWindow({
	    content: M_html,
	    maxWidth: 380
	});
	google.maps.event.addListener(marker, 'click', function() {
		clearInfoWindow(M_key);
		aryInfowindow[M_key].open(Def_map,marker);
	});
	
	aryMarker[M_key] = marker;

}

// 清除InfoWindow
function clearInfoWindow(M_key) {

		for (var i = 0; i < aryInfowindow.length; i++) {
			// infowindow.close();
			if(M_key != i){
				aryInfowindow[i].close();
			}
		}
}

// Deletes all markers in the array by removing references to them
function deleteOverlays() {
  if (aryMarker) {
    for (i in aryMarker) {
      aryMarker[i].setMap(null);
    }
    aryMarker.length = 0;
  }
}

function LoadDat(kw) {
	Def_map.setZoom(15);  //200公尺
	var M_i = aryKey[kw];
	clearInfoWindow(M_i);
	aryInfowindow[M_i].open(Def_map,aryMarker[M_i]);
	js_fun_HotelFnTitle_close_function();
}

function CreateHtml (markers) {
	var contentX,picX,addressX,titleX,bookmsgX;
	if(markers.getAttribute("Xpicurl")) {
		picX = '<div class="pic"><a href="' + markers.getAttribute("Xadurl") + '" ><img src="' + markers.getAttribute("Xpicurl") + '" alt="' + markers.getAttribute("Xname") + '" width="90" height="60" border="0" /></a></div>';
		addressX = '<address>' + markers.getAttribute("Xaddr") + '</address>';
	} else {
		picX = '';
		addressX = '<address1>' + markers.getAttribute("Xaddr") + '</address1>';
	}

	if(markers.getAttribute("Xadurl")) {
		titleX = '<h1><a href="' + markers.getAttribute("Xadurl") + '" >' + markers.getAttribute("Xname")+ '</a></h1>';
	} else {
		titleX = '<h1>' + markers.getAttribute("Xname")+ '</h1>';
	}
	
	bookmsgX = '';
	if(markers.getAttribute("zindex") == "2") {
		if(markers.getAttribute("hl") == "zh-cn") {
			bookmsgX = '<div class="h_price"><b><font color="#ff0000">' + markers.getAttribute("Xlowprice") + '</font></b>元起</div>' +
			'<div class="h_book"><a href="' + markers.getAttribute("Xorderurl") + '" >订房</a></div>'
		} else if(markers.getAttribute("hl") == "en") {
			bookmsgX = '<div class="h_price">TWD<b><font color="#ff0000">' + markers.getAttribute("Xlowprice") + '</font></b>+</div>' +
			'<div class="h_book"><a href="' + markers.getAttribute("Xorderurl") + '" >Book</a></div>'
		} else {
			bookmsgX = '<div class="h_price"><b><font color="#ff0000">' + markers.getAttribute("Xlowprice") + '</font></b>元起</div>' +
			'<div class="h_book"><a href="' + markers.getAttribute("Xorderurl") + '" >訂房</a></div>'
		}
	}
	
	contentX = '<table border="0" cellpadding="0" cellspacing="0"><tr><td><div class="data_table">' +
	'' + picX + '' + 
	'<div class="data">' +
	'' + titleX + '' +
	'' + addressX + '' +
	'' + bookmsgX + '' +
	'</div>' +
	'</div>' +
	'</td></tr></table>';

	return contentX;
}

// ----------------- 關menu的javascript ----------------- 
function js_fun_menu_close_function(){  
	if(window_width < 970){
		menu_close_function(); 
	}
}

// ----------------- 移到上面的javascript ----------------- 
function js_fun_HotelFnTitle_close_function(){  
	if(window_width < 970){
		HotelFnTitle_close_function(); 
	}
}

// ----------------- 依飯店名稱搜尋飯店 ----------------- 
function srh_li_h1(h1_selkeyword_z,menuopen_z){
	$.blockUI({ 
		message:$('<div class="loading"><img src="/_inc/images/loading/loading2.png" alt="loading" style="width:100px;animation: loading 2s infinite linear;"><br />Loading</div><style>@keyframes loading{from{-webkit-transform: rotate(0deg);transform:rotate(0deg);}to{-webkit-transform:rotate(360deg);transform:rotate(360deg);}}</style>'), 
		css:{ 
			border: 'none', 
			padding: '15px', 
			width: '140px', 
			textAlign: 'center', 
			font: "13px/1.5 'Segoe UI'", 
			backgroundColor: '#000', 
			'-webkit-border-radius': '10px', 
			'-moz-border-radius': '10px', 
			opacity: .5, 
			margin: 'auto', 
			color: '#fff' 
		} 
	}); 
	
	var divHotelList = document.getElementById('divHotelList');
	var h1_selkeywordZ = document.getElementById('h1_selkeyword');
	var kw;
	var menuopen;

	if(h1_selkeyword_z){
		kw = h1_selkeyword_z;
	} else {
		kw = h1_selkeywordZ.value;
		kw = kw.toLowerCase();

		if(kw == ""){
			$.unblockUI();
			alert('Enter Attraction Keywords.');
			return false;
		} else {
			if (kw == "a" || kw == "b" || kw == "c" || kw == "d" || kw == "e" || kw == "f" ||  kw == "g" || kw == "h" || kw == "i" || kw == "j" || kw == "k" || kw == "l" ||  kw == "m" || kw == "n" || kw == "o" || kw == "p" || kw == "q" || kw == "r" ||  kw == "s" || kw == "t" || kw == "u" || kw == "v" || kw == "w" || kw == "x" ||  kw == "y" || kw == "z" ) {
				$.unblockUI();
				alert("Please narrow your search."); 
				return false;  
			}
		}
	}
	if(menuopen_z){
		menuopen = menuopen_z;
	} else {
		menuopen = '0';
	}

	var _H = new sack();
	_H.setVar("hl", "en" ); 
	_H.setVar("h1_selkeyword", kw ); 
	_H.requestFile = "/include/attractions-map/ajax_li_h1.asp";
	_H.method = 'post';
	_H.element = 'divHotelList';
	_H.runAJAX();
	deleteOverlays();
	changeHotelFnTitle('<b>Search by Attraction Name: </b>' + kw + '');
	LoadDat_h1(kw,menuopen);
}
function LoadDat_h1(kw,menuopen) {
	var xmlap;
	xmlap = '/include/attractions-map/xml_h1.asp?hl=en&h1_selkeyword=' + escape(kw);
	
	downloadUrl(xmlap , function(data) {
		var markers = data.documentElement.getElementsByTagName('marker');
		if(markers.length == 0){
			$.unblockUI();
			alert("Sorry, no matches were found. Please modify your search."); 
			return false;  
		} else {
			for (var i = 0; i < markers.length; i++) {
				var _latlng = new google.maps.LatLng(parseFloat(markers[i].getAttribute("Xlat")),
				                        parseFloat(markers[i].getAttribute("Xlng")));
				var _title = markers[i].getAttribute("Xname");
				var _key = markers[i].getAttribute("Xid");
				var _pic = markers[i].getAttribute("Xpicurl");
				var _icon = markers[i].getAttribute("XiconUrl");
				var _zIndex = markers[i].getAttribute("zindex");
				if(!aryMarker[i]){
					var _m = new createMarker(_latlng,CreateHtml(markers[i]),_title,i,_zIndex,_icon);
					google.maps.event.addListener(_m);
					Def_map.panTo(_latlng);
					aryKey[_key] = i;
				}
			}
			if(menuopen == '0'){
				js_fun_menu_close_function(0);
			};
			Def_map.setZoom(9);
			$.unblockUI();
		}
	});
}
// ----------------- 依區域搜尋飯店 ----------------- 
function srh_li_h2(h2_selcity_z,h2_seltown_z,h2_selcityN_z,h2_seltownN_z,menuopen_z){
	$.blockUI({ 
		message:$('<div class="loading"><img src="/_inc/images/loading/loading2.png" alt="loading" style="width:100px;animation: loading 2s infinite linear;"><br />Loading</div><style>@keyframes loading{from{-webkit-transform: rotate(0deg);transform:rotate(0deg);}to{-webkit-transform:rotate(360deg);transform:rotate(360deg);}}</style>'), 
		css:{ 
			border: 'none', 
			padding: '15px', 
			width: '140px', 
			textAlign: 'center', 
			font: "13px/1.5 'Segoe UI'", 
			backgroundColor: '#000', 
			'-webkit-border-radius': '10px', 
			'-moz-border-radius': '10px', 
			opacity: .5, 
			margin: 'auto', 
			color: '#fff' 
		} 
	}); 
	
	var divHotelList = document.getElementById('divHotelList');
	var h2_seltownZ = document.getElementById("h2_seltown");
	var h2_selcityZ = document.getElementById("h2_selcity");
	var _h2_seltown,_h2_seltownName,_h2_selcity,_h2_selcityName,menuopen_z;
	_h2_seltown = '';
	_h2_seltownName = '';
	
	if(h2_seltown_z){
		_h2_seltown = h2_seltown_z;
		_h2_selcity = h2_selcity_z;
		_h2_seltownName = h2_seltownN_z;
		_h2_selcityName = h2_selcityN_z;
	} else {
		_h2_selcity = h2_selcityZ.options[h2_selcityZ.selectedIndex].value;
		_h2_selcityName = h2_selcityZ.options[h2_selcityZ.selectedIndex].text;
		if(_h2_selcity == ""){
			$.unblockUI();
			alert('Choose City.');
			return false;
		} else {
			_h2_seltown = h2_seltownZ.options[h2_seltownZ.selectedIndex].value;
			_h2_seltownName = h2_seltownZ.options[h2_seltownZ.selectedIndex].text;
		}
	}
	if(menuopen_z){
		menuopen = menuopen_z;
	} else {
		menuopen = '0';
	}
	
	var _H = new sack();
	_H.setVar("hl", "en" ); 
	_H.setVar("h2_selcity", _h2_selcity);
	_H.setVar("h2_seltown", _h2_seltown);
	_H.requestFile = "/include/attractions-map/ajax_li_h2.asp";
	_H.method = 'post';
	_H.element = 'divHotelList';
	_H.runAJAX();
	deleteOverlays();
	if(_h2_seltown){
		changeHotelFnTitle('<b>Search by Location: </b>' + _h2_selcityName + ','+ _h2_seltownName + '');
	} else {
		changeHotelFnTitle('<b>Search by Location: </b>' + _h2_selcityName + '');
	}
	LoadDat_h2(_h2_selcity,_h2_seltown,menuopen);
}
function LoadDat_h2(h2_selcity,h2_seltown,menuopen) {
	var xmlap;
	xmlap = '/include/attractions-map/xml_h2.asp?hl=en&h2_selcity=' + escape(h2_selcity) + '&h2_seltown=' + escape(h2_seltown);

	downloadUrl(xmlap , function(data) {
		var markers = data.documentElement.getElementsByTagName('marker');
		if(markers.length == 0){
			$.unblockUI();
			alert("Sorry, no matches were found. Please modify your search."); 
			return false;  
		} else {
			for (var i = 0; i < markers.length; i++) {
				var _latlng = new google.maps.LatLng(parseFloat(markers[i].getAttribute("Xlat")),
				                        parseFloat(markers[i].getAttribute("Xlng")));
				var _title = markers[i].getAttribute("Xname");
				var _key = markers[i].getAttribute("Xid");
				var _pic = markers[i].getAttribute("Xpicurl");
				var _icon = markers[i].getAttribute("XiconUrl");
				var _zIndex = markers[i].getAttribute("zindex");
				if(!aryMarker[i]){
					var _m = new createMarker(_latlng,CreateHtml(markers[i]),_title,i,_zIndex,_icon);
					google.maps.event.addListener(_m);
					Def_map.panTo(_latlng);
					aryKey[_key] = i;
				}
			}
			if(menuopen == '0'){
				js_fun_menu_close_function(0);
			};
			if(h2_seltown){
				Def_map.setZoom(13);
			} else {
				Def_map.setZoom(10);
			}
			$.unblockUI();
		}
	});
}
function ajax_h2_GetTown(h2_selcity){
    
    var form = document.getElementById('frmSearch');
    var obj = document.getElementById('h2_seltown');
    obj.options.length = 0;
    var _H = new sack();
	_H.setVar("hl", "en" ); 
	_H.setVar("h2_selcity", h2_selcity);
	_H.requestFile = '/include/attractions-map/ajax_h2_GetTown.asp';
	_H.method = 'post';
	_H.onCompletion = function() { eval(_H.response); }
	_H.runAJAX();
}
// ----------------- 依大眾運輸搜尋飯店 ----------------- 
function srh_li_h3(h3_seltypeid_z,h3_selstation_z,h3_seldistance_z,h3_seltypeidN_z,h3_selstationN_z,menuopen_z){
	$.blockUI({ 
		message:$('<div class="loading"><img src="/_inc/images/loading/loading2.png" alt="loading" style="width:100px;animation: loading 2s infinite linear;"><br />Loading</div><style>@keyframes loading{from{-webkit-transform: rotate(0deg);transform:rotate(0deg);}to{-webkit-transform:rotate(360deg);transform:rotate(360deg);}}</style>'), 
		css:{ 
			border: 'none', 
			padding: '15px', 
			width: '140px', 
			textAlign: 'center', 
			font: "13px/1.5 'Segoe UI'", 
			backgroundColor: '#000', 
			'-webkit-border-radius': '10px', 
			'-moz-border-radius': '10px', 
			opacity: .5, 
			margin: 'auto', 
			color: '#fff' 
		} 
	}); 
	
	var divHotelList = document.getElementById('divHotelList');
	var h3_seltypeidZ = document.getElementById("h3_seltypeid");
	var h3_selstationZ = document.getElementById("h3_selstation");
	var h3_seldistanceZ = document.getElementById("h3_seldistance");
	var _h3_seltypeid,_h3_seltypeidName,_h3_selstation,_h3_selstationName,_h3_seldistance,menuopen_z;

	if(h3_seltypeid_z){
		_h3_seltypeid = h3_seltypeid_z;
		_h3_seltypeidName = h3_seltypeidN_z;
	} else {
		_h3_seltypeid = h3_seltypeidZ.options[h3_seltypeidZ.selectedIndex].value;
		_h3_seltypeidName = h3_seltypeidZ.options[h3_seltypeidZ.selectedIndex].text;
	}
	if(h3_selstation_z){
		_h3_selstation = h3_selstation_z;
		_h3_selstationName = h3_selstationN_z;
	} else {
		_h3_selstation = h3_selstationZ.options[h3_selstationZ.selectedIndex].value;
		_h3_selstationName = h3_selstationZ.options[h3_selstationZ.selectedIndex].text;
	}
	if(h3_seldistance_z){
		_h3_seldistance = h3_seldistance_z;
	} else {
		_h3_seldistance = h3_seldistanceZ.value;
	}
	if(menuopen_z){
		menuopen = menuopen_z;
	} else {
		menuopen = '0';
	}
	
	if(_h3_seltypeid == ""){
		$.unblockUI();
		alert('Choose Transportation.');
		return false;
	}
	if(_h3_selstation == ""){
		$.unblockUI();
		alert('Choose Station.');
		return false;
	}
	if(_h3_seldistance == ""){
		$.unblockUI();
		alert('Choose Distance.');
		return false;
	}

	var _H = new sack();
	_H.setVar("hl", "en" ); 
	_H.setVar("h3_selstation", _h3_selstation);
	_H.setVar("h3_seltypeid", _h3_seltypeid);
	_H.setVar("h3_seldistance", _h3_seldistance);
	_H.requestFile = "/include/attractions-map/ajax_li_h3.asp";
	_H.method = 'post';
	_H.element = 'divHotelList';
	_H.runAJAX();
	deleteOverlays();
	
	changeHotelFnTitle('<b>Search by Public Transit: </b>' + _h3_seltypeidName + ','+ _h3_selstationName + ','+ _h3_seldistance + 'm');
	LoadDat_h3(_h3_seltypeid,_h3_selstation,_h3_seldistance,menuopen);
}
function LoadDat_h3(h3_seltypeid,h3_selstation,h3_seldistance,menuopen) {
	var xmlap;
	xmlap = '/include/attractions-map/xml_h3.asp?hl=en&h3_seltypeid=' + escape(h3_seltypeid) + '&h3_selstation=' + escape(h3_selstation)+ '&h3_seldistance=' + h3_seldistance;
	downloadUrl(xmlap , function(data) {
		var markers = data.documentElement.getElementsByTagName('marker');
		if(markers.length == 0){
			$.unblockUI();
			alert("Sorry, no matches were found. Please modify your search."); 
			return false;  
		} else {
			for (var i = 0; i < markers.length; i++) {
				var _latlng = new google.maps.LatLng(parseFloat(markers[i].getAttribute("Xlat")),
				                        parseFloat(markers[i].getAttribute("Xlng")));
				var _title = markers[i].getAttribute("Xname");
				var _key = markers[i].getAttribute("Xid");
				var _pic = markers[i].getAttribute("Xpicurl");
				var _icon = markers[i].getAttribute("XiconUrl");
				var _zIndex = markers[i].getAttribute("zindex");
				if(!aryMarker[i]){
					var _m = new createMarker(_latlng,CreateHtml(markers[i]),_title,i,_zIndex,_icon);
					google.maps.event.addListener(_m);
					// Def_map.panTo(_latlng);
					aryKey[_key] = i;
					if(i == 0){
						Def_map.setCenter(_latlng);
						aryInfowindow[0].open(Def_map,aryMarker[0]);
					}
				}
			}
			Def_map.setZoom(14);
			if(markers.length == 1){
				$.unblockUI();
				alert("Sorry, no matches were found. Please modify your search."); 
				return false;
			} else {
				$.unblockUI();
				if(menuopen == '0'){
					js_fun_menu_close_function(0);
				};
			}
		}
	});
}

// ----------------- 依飯店搜尋景點 ----------------- 
function srh_li_h4(h4_selhotel_z,h4_seldistance_z,h4_selhotelN_z,menuopen_z){
	$.blockUI({ 
		message:$('<div class="loading"><img src="/_inc/images/loading/loading2.png" alt="loading" style="width:100px;animation: loading 2s infinite linear;"><br />Loading</div><style>@keyframes loading{from{-webkit-transform: rotate(0deg);transform:rotate(0deg);}to{-webkit-transform:rotate(360deg);transform:rotate(360deg);}}</style>'), 
		css:{ 
			border: 'none', 
			padding: '15px', 
			width: '140px', 
			textAlign: 'center', 
			font: "13px/1.5 'Segoe UI'", 
			backgroundColor: '#000', 
			'-webkit-border-radius': '10px', 
			'-moz-border-radius': '10px', 
			opacity: .5, 
			margin: 'auto', 
			color: '#fff' 
		} 
	}); 
	
	_HItem = '';
	var divHotelList = document.getElementById('divHotelList');
	var h4_selcityZ = document.getElementById('h4_selcity');
	var h4_seltownZ = document.getElementById('h4_seltown');
	var h4_selhotelZ = document.getElementById('h4_selhotel');
	var h4_seldistanceZ = document.getElementById('h4_seldistance');
	var _h4_selcity,_h4_selcityName,_h4_seltown,_h4_seltownName,_h4_selhotel,_h4_selhotelName,_h4_seldistance,menuopen_z;
	_h4_selcity = '';
	_h4_seltown = '';
	
	if(h4_selhotel_z){
		_h4_selhotel = h4_selhotel_z;
		_h4_selhotelName = h4_selhotelN_z;
	} else {
		_h4_selcity = h4_selcityZ.options[h4_selcityZ.selectedIndex].value;
		_h4_selcityName = h4_selcityZ.options[h4_selcityZ.selectedIndex].text;
		_h4_seltown = h4_seltownZ.options[h4_seltownZ.selectedIndex].value;
		_h4_seltownName = h4_seltownZ.options[h4_seltownZ.selectedIndex].text;
		_h4_selhotel = h4_selhotelZ.options[h4_selhotelZ.selectedIndex].value;
		_h4_selhotelName = h4_selhotelZ.options[h4_selhotelZ.selectedIndex].text;
	}
	if(h4_seldistance_z){
		_h4_seldistance = h4_seldistance_z;
	} else {
		_h4_seldistance = h4_seldistanceZ.value;
	}
	if(menuopen_z){
		menuopen = menuopen_z;
	} else {
		menuopen = '0';
	}
	
	if(_h4_selcity == "") {
		$.unblockUI();
		alert('Choose City.')
		return false;
	}
	if(_h4_seltown == "") {
		$.unblockUI();
		alert('Choose District.')
		return false;
	}
	if(_h4_selhotel == "") {
		$.unblockUI();
		alert('Choose Hotel.')
		return false;
	}
	if(_h4_seldistance == ""){
		$.unblockUI();
		alert('Choose Distance.');
		return false;
	}

	var _H = new sack();
	_H.setVar("hl", "en" ); 
	_H.setVar("h4_selhotel", _h4_selhotel);
	_H.setVar("h4_seldistance", _h4_seldistance);
	_H.requestFile = "/include/attractions-map/ajax_li_h4.asp";
	_H.method = 'post';
	_H.element = 'divHotelList';
	_H.runAJAX();
	deleteOverlays();
	changeHotelFnTitle('<b>Search by Near Hotel: </b>'+ _h4_selhotelName + ','+ _h4_seldistance + 'm');
	LoadDat_h4(_h4_selhotel,_h4_seldistance,menuopen);
}

function LoadDat_h4(h4_selhotel,h4_seldistance,menuopen) {
	var xmlap;
	xmlap = '/include/attractions-map/xml_h4.asp?hl=en&h4_selhotel=' + h4_selhotel + '&h4_seldistance=' + h4_seldistance;
	downloadUrl(xmlap , function(data) {
		var markers = data.documentElement.getElementsByTagName('marker');
		if(markers.length == 0){
			$.unblockUI();
			alert("Sorry, no matches were found. Please modify your search."); 
			return false;
		} else {
			for (var i = 0; i < markers.length; i++) {
				var _latlng = new google.maps.LatLng(parseFloat(markers[i].getAttribute("Xlat")),
				                        parseFloat(markers[i].getAttribute("Xlng")));
				var _title = markers[i].getAttribute("Xname");
				var _key = markers[i].getAttribute("Xid");
				var _pic = markers[i].getAttribute("Xpicurl");
				var _icon = markers[i].getAttribute("XiconUrl");
				var _zIndex = markers[i].getAttribute("zindex");
				if(!aryMarker[i]){
					var _m = new createMarker(_latlng,CreateHtml(markers[i]),_title,i,_zIndex,_icon);
					google.maps.event.addListener(_m);
					// Def_map.panTo(_latlng);
					aryKey[_key] = i;
					if(i == 0){
						Def_map.setCenter(_latlng);
						aryInfowindow[0].open(Def_map,aryMarker[0]);
					}
				}
			}
			Def_map.setZoom(14);
			if(markers.length == 1){
				$.unblockUI();
				alert("Sorry, no matches were found. Please modify your search."); 
				return false;
			} else {
				$.unblockUI();
				if(menuopen == '0'){
					js_fun_menu_close_function(0);
				};
			}
		}
	});
}
function ajax_h4_GetTown(h4_selcity){
    
	var form = document.getElementById('frmSearch');
	var obj = document.getElementById('h4_seltown');
	var objx = document.getElementById('h4_selhotel');
	obj.options.length = 0;
	objx.options.length = 1;
	var _H = new sack();
	_H.setVar("hl", "en" ); 
	_H.setVar("h4_selcity", h4_selcity);
	_H.requestFile = '/include/attractions-map/ajax_h4_GetTown.asp';
	_H.method = 'post';
	_H.onCompletion = function() { eval(_H.response); }
	_H.runAJAX();
}
function ajax_h4_GetTownHotel(h4_seltown){
    
	var form = document.getElementById('frmSearch');
	var obj = document.getElementById('h4_selhotel');

	obj.options.length = 0;
	var _H = new sack();
	_H.setVar("hl", "en" ); 
	_H.setVar("h4_seltown", h4_seltown);
	_H.requestFile = "/include/attractions-map/ajax_h4_GetTownHotel.asp";
	_H.method = 'post';
	_H.onCompletion = function() { eval(_H.response); }
	_H.runAJAX();
}

// ----------------- 依景點類型 ----------------- 
function srh_li_h5(h5_selcity_z,h5_selkind_z,h5_selcityN_z,h5_selkindN_z,menuopen_z){
	$.blockUI({ 
		message:$('<div class="loading"><img src="/_inc/images/loading/loading2.png" alt="loading" style="width:100px;animation: loading 2s infinite linear;"><br />Loading</div><style>@keyframes loading{from{-webkit-transform: rotate(0deg);transform:rotate(0deg);}to{-webkit-transform:rotate(360deg);transform:rotate(360deg);}}</style>'), 
		css:{ 
			border: 'none', 
			padding: '15px', 
			width: '140px', 
			textAlign: 'center', 
			font: "13px/1.5 'Segoe UI'", 
			backgroundColor: '#000', 
			'-webkit-border-radius': '10px', 
			'-moz-border-radius': '10px', 
			opacity: .5, 
			margin: 'auto', 
			color: '#fff' 
		} 
	}); 
	
	var divHotelList = document.getElementById('divHotelList');
	var h5_selcityZ = document.getElementById("h5_selcity");
	var h5_selkindZ = document.getElementById("h5_selkind");
	var _h5_selcity,_h5_selcityName,_h5_selkind,_h5_selkindName,menuopen_z;
	_h5_selkind = '';
	
	if(h5_selcity_z){
		_h5_selcity = h5_selcity_z;
		_h5_selcityName = h5_selcityN_z;
	} else {
		_h5_selcity = h5_selcityZ.options[h5_selcityZ.selectedIndex].value;
		_h5_selcityName = h5_selcityZ.options[h5_selcityZ.selectedIndex].text;
		_h5_selkind = h5_selkindZ.options[h5_selkindZ.selectedIndex].value;
		_h5_selkindName = h5_selkindZ.options[h5_selkindZ.selectedIndex].text;
	}
	if(menuopen_z){
		menuopen = menuopen_z;
	} else {
		menuopen = '0';
	}
	
	if(_h5_selkind=="") {
		$.unblockUI();
		alert('Choose Type.');
		return false;
	}

	var _H = new sack();
	_H.setVar("hl", "en" ); 
	_H.setVar("h5_selcity", _h5_selcity);
	_H.setVar("h5_selkind", _h5_selkind);
	_H.requestFile = "/include/attractions-map/ajax_li_h5.asp";
	_H.method = 'post';
	_H.element = 'divHotelList';
	_H.runAJAX();
	deleteOverlays();
	
	changeHotelFnTitle('<b>Search by Attraction Type: </b>' + _h5_selcityName + ','+ _h5_selkindName + '');
	LoadDat_h5(_h5_selcity,_h5_selkind,menuopen);
}
function LoadDat_h5(h5_selcity,h5_selkind,menuopen) {
	var xmlap;
	xmlap = '/include/attractions-map/xml_h5.asp?hl=en&h5_selcity=' + escape(h5_selcity) + '&h5_selkind=' + escape(h5_selkind);

	downloadUrl(xmlap , function(data) {
		var markers = data.documentElement.getElementsByTagName('marker');
		if(markers.length == 0){
			$.unblockUI();
			alert("Sorry, no matches were found. Please modify your search."); 
			return false;  
		} else {
			for (var i = 0; i < markers.length; i++) {
				var _latlng = new google.maps.LatLng(parseFloat(markers[i].getAttribute("Xlat")),
				                        parseFloat(markers[i].getAttribute("Xlng")));
				var _title = markers[i].getAttribute("Xname");
				var _key = markers[i].getAttribute("Xid");
				var _pic = markers[i].getAttribute("Xpicurl");
				var _icon = markers[i].getAttribute("XiconUrl");
				var _zIndex = markers[i].getAttribute("zindex");
				if(!aryMarker[i]){
					var _m = new createMarker(_latlng,CreateHtml(markers[i]),_title,i,_zIndex,_icon);
					google.maps.event.addListener(_m);
					Def_map.panTo(_latlng);
					aryKey[_key] = i;
				}
			}
			if(menuopen == '0'){
				js_fun_menu_close_function(0);
			};
			if(h5_selcity == ''){
				Def_map.setZoom(8);  //1公里
			}else{
				Def_map.setZoom(12);  //1公里
			};
			
			$.unblockUI();
		}
	});
}

$(function(){
	$("select#h3_selcity").change(function(){
		var levelLineIDXX = $('select#h3_seltypeid').eq(0);
		var levelLineIDYY = $('select#h3_selstation').eq(0);
		$.post("/include/attractions-map/ajax_h3_GetCityTransport.asp", 
		{ 
			h3_selcity:$(this).val(),
			hl:'en'
		}, 
		function(data){
			levelLineIDXX.empty();
			levelLineIDYY.empty();
			if(data != '' && data != null){
			  	var DataRows = data.rows;
			  	for(j = 0; j < DataRows.length; j++){
			  		rname = DataRows[j]["optionDisplay"] ;
			  		rvalue = DataRows[j]["optionValue"] ;
					var optn = document.createElement("option");
					optn.text = rname;
					optn.value = rvalue;
					levelLineIDXX[0].options.add(optn);
					var optnZZ = document.createElement("option");
					optnZZ.text = 'Choose Station.';
					optnZZ.value = '';
					levelLineIDYY[0].options.add(optnZZ);
				}
			}
		});
	})
	$("select#h3_seltypeid").change(function(){
		var levelLineID = $('select#h3_selstation').eq(0);
		var selectMenu = document.getElementById("h3_selstation");

		$.post("/include/attractions-map/ajax_h3_GetTransportStationRoute.asp", 
		{ 
			h3_selcity:$("select#h3_selcity").val(),
			h3_seltypeid:$(this).val(),
			hl:'en'
		}, 
		function(data){
			levelLineID.empty();
			if(data != '' && data != null){
				var DataRows = data.rows;
				var optg,rname,rvalue,gname,cname;
				for(j = 0; j < DataRows.length; j++){
					rname = DataRows[j]["optionDisplay"] ;
					rvalue = DataRows[j]["optionValue"] ;
					
					if(gname != DataRows[j]["RouteName"]){
						optg = document.createElement("optgroup");
						cname = DataRows[j]["ClassName"];
						if(gname!='' ) {selectMenu.appendChild(optg); }
						gname = DataRows[j]["RouteName"] ;
						if(gname != ''){
							optg.className = cname ;
							optg.label = '=== '+ gname +' ===';
						}
					}
					if(optg){
						var optn = document.createElement("option");
						optn.value = rvalue + '' ;
						optn.appendChild(document.createTextNode(rname+''));
						optg.appendChild(optn);
					}
				}

				if(gname!='') {
					selectMenu.appendChild(optg) ;
				}
			}
			
		});
	})
});