var map, svp;
function manyw_gmap(street_map,str_x,str_y,str_pov,map_div,init_x,init_y,nav_div,goto,search_engine,icon_layout,thePitch){
	
	wiki_mode = 'off';	
	var wiki_marker;
	wiki_x = '';
	wiki_y = '';
	
	var wiki_x_y = '';
	
	var current_street_x = str_x;
	var current_street_y = str_y;
	var current_str_pov = str_pov;
	
	var stationx;
	var stationy;
	var need_load_icon_at_first_time = true;
	
	var icon_category = 'branch,prop_info,p_school,s_school,street_720,flat_720,wiki';
	
	var previous_pano_pano;
	var previous_pano_xy;
	
	var markerAry = new Array();
	var xy_array = new Array();
	//var map = new GMap2(document.getElementById(map_div));
	//map.addControl(new GLargeMapControl());
	//map.setCenter(new GLatLng(init_y,init_x), 17);
	
	map = new google.maps.Map(
		document.getElementById(map_div), {	
		center: new google.maps.LatLng(init_y,init_x ),
		zoom: 17,
		mapTypeId: google.maps.MapTypeId.ROADMAP
	});
	
	
	if (street_map != '' && false){
		/*Suet Street Map*/
		
		svp = new google.maps.StreetViewPanorama(document.getElementById(street_map));
				
		var arrow = new google.maps.Marker({
			position: new google.maps.LatLng(90,0),
			icon: '/view/NEW/dir_0.png',
			map: map
		});
		var sv = new google.maps.StreetViewService(); 
		sv.getPanoramaByLocation(new google.maps.LatLng(str_x,str_y), 50, processSVData);
		
	    //map.addOverlay(arrow);
		streetMapPos(str_x,str_y,str_pov);
		
		/*End Map*/
				
				
		// highlight  d 街
		
		/*
		var street = new google.maps.ImageMapType({
			getTileUrl: function(coord, zoom) {
			var X = coord.x % (1 << zoom);
			return "http://cbk0.google.com/cbk?output=overlay&zoom=" + zoom + "&x=" + X + "&y=" + coord.y + "&cb_client=api";
			},
			tileSize: new google.maps.Size(256, 256),
			isPng: true
		});
		map.overlayMapTypes.push(null);
		map.overlayMapTypes.setAt(0, street);		
		*/
		
	}
	
	
	/*	
	var private_icon = new GIcon();
	private_icon.image = "https://www.manyw.com/view/NEW/icon/housing2.gif";
	private_icon.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
	private_icon.iconSize = new GSize(25, 25);
	private_icon.shadowSize = new GSize(25, 25);
	private_icon.iconAnchor = new GPoint(6, 20);
	private_icon.infoWindowAnchor = new GPoint(5, 1);
	
	var hos_icon = new GIcon();
	hos_icon.image = "https://www.manyw.com/view/NEW/icon/housing.gif";
	hos_icon.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
	hos_icon.iconSize = new GSize(25, 25);
	hos_icon.shadowSize = new GSize(25, 25);
	hos_icon.iconAnchor = new GPoint(6, 20);
	hos_icon.infoWindowAnchor = new GPoint(5, 1);
	
	var public_icon = new GIcon();
	public_icon.image = "https://www.manyw.com/view/NEW/icon/housing3.gif";
	public_icon.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
	public_icon.iconSize = new GSize(25, 25);
	public_icon.shadowSize = new GSize(25, 25);
	public_icon.iconAnchor = new GPoint(6, 20);
	public_icon.infoWindowAnchor = new GPoint(5, 1);
	
	var branch_icon = new GIcon();
	branch_icon.image = "https://www.manyw.com/view/NEW/mwicon.png";
	branch_icon.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
	branch_icon.iconSize = new GSize(22, 28);
	branch_icon.shadowSize = new GSize(20, 20);
	branch_icon.iconAnchor = new GPoint(6, 20);
	branch_icon.infoWindowAnchor = new GPoint(5, 1);
	
	var school_icon = new GIcon();
	school_icon.image = "https://www.manyw.com/view/NEW/icon/sicon.gif";
	school_icon.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
	school_icon.iconSize = new GSize(23,23);
	school_icon.shadowSize = new GSize(20, 20);
	school_icon.iconAnchor = new GPoint(6, 20);
	school_icon.infoWindowAnchor = new GPoint(5, 1);
	
	var street_720_icon = new GIcon();
	street_720_icon.image = "https://www.manyw.com/view/NEW/720icona-1.gif";
	street_720_icon.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";	
	street_720_icon.shadowSize = new GSize(20, 20);
	street_720_icon.iconAnchor = new GPoint(6, 20);
	street_720_icon.infoWindowAnchor = new GPoint(5, 1);
	
	var flat_720_icon = new GIcon();
	flat_720_icon.image = "https://www.manyw.com/view/NEW/720icon.gif";
	flat_720_icon.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";	
	flat_720_icon.iconSize = new GSize(65,28);
	flat_720_icon.shadowSize = new GSize(65,28);
	flat_720_icon.iconAnchor = new GPoint(65,28);
	flat_720_icon.infoWindowAnchor = new GPoint(5, 1);
		
	var wiki_icon = new GIcon();
	wiki_icon.image = "https://www.manyw.com/view/NEW/wiki_icon.gif";	
	wiki_icon.iconSize = new GSize(25,25);
	wiki_icon.shadowSize = new GSize(25,25);
	wiki_icon.iconAnchor = new GPoint(25,25);
	wiki_icon.infoWindowAnchor = new GPoint(5, 1);
	*/
	
	
	this.add_category = function(category_to_be_add){
		add_category(category_to_be_add);
	}
	
	this.cut_category = function(category_to_be_cut){
		cut_category(category_to_be_cut);
	}
	
	this.add_cut_category = function(to_add,c){
		add_cut_category(to_add,c);
	}	
				
	//GEvent.addListener(map, "dragend", function() {		
	google.maps.event.addListener(map, "dragend", function() {
		hide_all_icon();
		show_icon_on_screen();
	});
	
	//GEvent.addListener(map, "zoomend", function() {	
	google.maps.event.addListener(map, "zoomend", function() {
		if (map.getZoom() <= 15){
			hide_all_icon();
		} else {
			show_icon_on_screen();
		}
	});
			
	/*Suet Street Map 2010-03-11*/
	function streetMapPos(str_x,str_y,str_pov){
		
		str_x = str_x /1;
		str_y = str_y /1;
		var pov = str_pov /1;			
		//alert(str_pov);
		var latlng = new google.maps.LatLng(str_x,str_y ); //GLatLng(str_x,str_y);
		var myPov = { heading: pov, pitch: -0.13590989423507835 ,zoom: 1};
		//svp.remove();
		svp.setPov(myPov);
		//console.log(myPov);
		//console.log(svp);		
		//svp.setLocationAndPOV(latlng, myPov);
		//lastPoint = latlng;
		//lastPoint2 = lastPoint;
		//map.setCenter(latlng,16);
	}
	
	function processSVData(panoData, status) {
		var pov = str_pov /1;
		
		//alert(pov);
		
		if (status != google.maps.StreetViewStatus.OK) {
			//alert("Panorama data not found for this location.");						
		} else {
			var stPitch = 30;
			if(thePitch !== "undefined" ){
				if(thePitch != "" && thePitch >0) stPitch = thePitch /1;
			}
			
			//alert(panoData.location.latLng);
			svp.setPano(panoData.location.pano);
			//alert(pov);
			svp.setPov({
				heading: pov,
				pitch: stPitch,
				zoom: 1
			});
			svp.setVisible(true);			
			arrow.setPosition(panoData.location.latLng);
		}
	}
	
	if (street_map!=''){					
		/*var StreetViewOverlay = new GStreetviewOverlay();
		map.addOverlay(StreetViewOverlay);	
		StreetViewOverlay.hide();	
		*/ //fuck
		
				
		google.maps.event.addListener(map,"click",function(point){
			
			if (wiki_mode=='on'){					 	
				if (wiki_marker) wiki_marker.setVisible(false);
				
				wiki_x_y = point.latLng;
				//var pointer = new google.maps.LatLng(point.y,point.x ); /// GLatLng(point.y, point.x);							
				wiki_marker = new google.maps.Marker({
								position: point.latLng,
								icon: 'https://www.manyw.com/view/NEW/wiki_icon.gif',
								map: map
							});												
				var wiki_html = '<div id="manyw_gmap_comment_div" style="width:400px;border:1px solid gray;background-color:#FFFFDD">請輸入你對此地圖的資訊<br><br>';
				wiki_html += "你的名字:<input type='text' id='manyw_gmap_comment_by' style='width:100px'><br>";
				wiki_html += "標記簡介:<input type='text' id='manyw_gmap_add_comment' style='width:300px'><br>";
				wiki_html += "<input style='float:right' type='button' value='加入' onClick='manyw_gmap.add_comment(document.getElementById(\"manyw_gmap_add_comment\").value, document.getElementById(\"manyw_gmap_comment_by\").value,manyw_gmap.get_wiki_x_y())'> </div>";												
				
										
				wiki_marker.info = new google.maps.InfoWindow({
					content: wiki_html
				});
				wiki_marker.info.open(map, wiki_marker);						
			} else {
				var sv = new google.maps.StreetViewService();			
				sv.getPanoramaByLocation(point.latLng, 50, processSVData);
			}						
			
			/*
			if (!overlay) {
				//
					alert('b');
				 	
				 	if (wiki_mode=='on'){					 	
					 	if (wiki_marker) wiki_marker.setVisible(false);
					 	wiki_x = point.x;
					 	wiki_y = point.y;
					 	var pointer = new google.maps.LatLng(point.y,point.x ); /// GLatLng(point.y, point.x);							
						wiki_marker = new GMarker( pointer , wiki_icon );  
						//map.addOverlay(wiki_marker);						
						var wiki_html = '<div id="manyw_gmap_comment_div" style="width:400px;border:1px solid gray;background-color:#FFFFDD">請輸入你對此地圖的資訊<br><br>';
						wiki_html += "你的名字:<input type='text' id='manyw_gmap_comment_by' style='width:100px'><br>";
						wiki_html += "標記簡介:<input type='text' id='manyw_gmap_add_comment' style='width:300px'><br>";
						wiki_html += "<input style='float:right' type='button' value='加入' onClick='manyw_gmap.add_comment(document.getElementById(\"manyw_gmap_add_comment\").value, document.getElementById(\"manyw_gmap_comment_by\").value,wiki_x,wiki_y)'> </div>";												
						wiki_marker.openInfoWindowHtml(wiki_html);
					} else{
					 	lastPoint2 = lastPoint;
		                svp.remove();
		                svp.setLocationAndPOV(point);
		                arrow.setLatLng(point);
		                lastPoint = point;		                
		                current_street_x = get_xy_from_point(lastPoint,'x');		                
		                current_street_y = get_xy_from_point(lastPoint,'y');
	                }
	         }
			 */
			 
		});		
	
		//GEvent.addListener(map,"mouseover",function(){
		google.maps.event.addListener(map,"mouseover",function(){
			//StreetViewOverlay=map.addOverlay(new GStreetviewOverlay());
			//StreetViewOverlay.show(); //fuck
		});
		//GEvent.addListener(map,"mouseout",function(){ 
		google.maps.event.addListener(map,"mouseout",function(){ 
			//StreetViewOverlay.hide();	//fuck
	
		});
		//GEvent.addListener(svp, "error", handleError);	
		//google.maps.event.addListener(svp, "error", handleError);	
				
		/* End of Street Map*/
	}
	
	function hide_all_icon(){
		if(markerAry.length !=0){
			for(i=0;i<markerAry.length;i++){
			var clearmarker = markerAry[i];
				//clearmarker.hide();
				clearmarker.setVisible(false);
			}
		}
		xy_array = new Array();
		//var markerAry = new Array();
		
	}
	
	function show_icon_on_screen(){
		if (map.getZoom() <= 15) return false;
		var bounds = map.getBounds();
		//alert('hi' + bounds);
		if (bounds!=null){
			var southwest = bounds.getSouthWest();
			var northeast = bounds.getNorthEast();
			show_icon(southwest,northeast);
		}
	}
	
	function show_one_icon(x,y){
		map.setCenter(  new google.maps.LatLng(y,x ), 17);
		//alert(map.getCenter());
		show_icon_on_screen();
	}
		
	function show_icon(southwest,northeast){
		
		southwest = southwest.toString();
		northeast = northeast.toString();
		
		//alert('southwest is ' + southwest + 'northeast is ' + northeast);
			
		southwest = southwest.substr(1,southwest.length -2);
		northeast = northeast.substr(1,northeast.length -2);
		var pointAry1 = southwest.split(",");
		var pointAry2 = northeast.split(",");
		var mapyMin = pointAry1[0] /1;
		var mapyMax = pointAry2[0] /1;
		var mapxMin = pointAry1[1] /1;
		var mapxMax = pointAry2[1] /1;
				
		var req=new XMLHttpRequest();
		var req2=new XMLHttpRequest();
		var housingInfo;
		var bldgcode_list = '';
		
		if (req2){
			
			req2.onreadystatechange = function(){
				if (req2.readyState==4 && req2.status==200){	
					bldgcode_list = req2.responseText;
					
					if (req) {
						req.onreadystatechange = function(){
							if (req.readyState==4 && req.status==200){				
								var housingContent  = req.responseText;		
								//alert('housingContent is \r\n' + housingContent);
								var housingAry = housingContent.split("*****");
								
								if(markerAry.length !=0){
									for(var i=0;i<markerAry.length;i++){
									var clearmarker = markerAry[i];
										//clearmarker.setVisible(false)
									}
								}
								
								for(var i =0;i< housingAry.length;i++){
									currhousing = housingAry[i];
									if (currhousing=='') break;
									//alert('currhousing is \r\n\r\n' +currhousing);
									
									createMarker(currhousing);		
								}	
							}
						};			
						link = '/view/NEW/get_gmap_info.php?xMin='+mapxMin+'&xMax='+mapxMax+'&yMin='+mapyMin+'&yMax='+mapyMax+'&icon_category=' + icon_category + '&bldgcode_list=' + bldgcode_list + req2_txt;
						
						//alert(link);
						req.open('POST',link);
						req.send(null);					
					}
				}
			}
			var req2_txt = '&search_type=bldgcode'; 
			req2_txt += '&district0=' + document.getElementById('gmap_search_district').value;
			req2_txt += '&price0=' + document.getElementById('gmap_search_price').value;
			req2_txt += '&rent0=' + document.getElementById('gmap_search_rent').value;
			req2_txt += '&size0=' + document.getElementById('gmap_search_size').value;
			req2_txt += '&room0=' + document.getElementById('gmap_search_room').value;
			
			link2 = '/view/NEW/get_gmap_search_engine_result.php?1' + req2_txt;					
			//alert(link2);
			req2.open('POST',link2);
			req2.send(null);
			
			
		}
	}
	
	function check_if_searching_mode(){
		if (document.getElementById('gmap_search_district').value == '' &&
			document.getElementById('gmap_search_price').value  == '' &&
			document.getElementById('gmap_search_rent').value == '' &&
			document.getElementById('gmap_search_size').value == '' &&
			document.getElementById('gmap_search_room').value == ''){
				return false;
		} else {
				return true;
		}
	}
	
	function createMarker(housingdata){
		//alert('hi createMarker');
				
		var housingDataAry = new Array();
		var theHTML;
		theHTML = prepare_popup_win(housingdata);
		housingDataAry = housingdata.split("--");
		
		/*
		var housing_icon = new GIcon();
				
		housing_icon.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";	
		housing_icon.shadowSize = new GSize(20, 20);
		housing_icon.iconAnchor = new GPoint(6, 20);
		housing_icon.infoWindowAnchor = new GPoint(5,1);
		
		*/ 
		var x = (housingDataAry[1]) /1;
		var y = (housingDataAry[2]) /1;
		
		
		//alert('x is ' + x + ',y is ' + y);
		
		if (check_if_searching_mode()){
			var housing_image = "https://www.manyw.com/view/NEW/icon/"+housingDataAry[14]+"_map.jpg";
		} else {
			var housing_image= "https://www.manyw.com/view/NEW/icon/"+housingDataAry[14]+"_map.png";
		}	
		
		if (housingDataAry[0]=='private'){		
			var marker = new google.maps.Marker({
				position: new google.maps.LatLng(x,y),
				icon: housing_image,				
				map: map
			});
		}
		if (housingDataAry[0]=='hos') {		
			var marker = new google.maps.Marker({
				position: new google.maps.LatLng(x,y),
				icon: housing_image,				
				map: map
			});	
		}
		if (housingDataAry[0]=='public'){		
			var marker = new google.maps.Marker({
				position: new google.maps.LatLng(x,y),
				icon: housing_image,				
				map: map
			});	
		}
		if (housingDataAry[0]=='branch_info'){		
			var marker = new google.maps.Marker({
				position: new google.maps.LatLng(x,y),
				icon: 'https://www.manyw.com/view/NEW/mwicon.png',				
				map: map
			});	
		}
		
		if (housingDataAry[0]=='p_school' || housingDataAry[0]=='s_school'){		
			var marker = new google.maps.Marker({
				position: new google.maps.LatLng(x,y),
				icon: 'https://www.manyw.com/view/NEW/icon/sicon.gif',
				map: map
			});	
		}
		if (housingDataAry[0]=='street_720'){		
			var marker = new google.maps.Marker({
				position: new google.maps.LatLng(x,y),
				icon: 'https://www.manyw.com/view/NEW/720icona-1.gif',
				map: map
			});	
		}
		if (housingDataAry[0]=='flat_720') {		
			var marker = new google.maps.Marker({
				position: new google.maps.LatLng(x,y),
				icon: 'https://www.manyw.com/view/NEW/720icon.gif',
				map: map
			});
		}
		if (housingDataAry[0]=='wiki'){
			var marker = new google.maps.Marker({
				position: new google.maps.LatLng(x,y),
				icon: 'https://www.manyw.com/view/NEW/wiki_icon.gif',
				map: map
			});
		}
			
				
		var xy = x + '_' + y;
		if ( !in_array(xy,xy_array) || true  ){
			xy_array.push(xy);		
			
			markerAry.push(marker);	
			
			marker.info = new google.maps.InfoWindow({
				content: "<div style='background-color:#eaffc8;borer:1px solid black'>" + theHTML + "</div>"
			});				
			google.maps.event.addListener(marker, "click", function(){				
				if(markerAry.length !=0){
					for(i=0;i<markerAry.length;i++){
					var clearmarker = markerAry[i];			
						try{clearmarker.info.close()}catch(err){};
					}
				}
				marker.info.open(map, marker);				
			});
			if (map.getCenter().equals(new google.maps.LatLng(x,y)) && housingDataAry[0]=='branch_info'){				
				if(markerAry.length !=0){
					for(i=0;i<markerAry.length;i++){
						var clearmarker = markerAry[i];			
						try{clearmarker.info.close()}catch(err){};
					}
				}		
				marker.info.open(map, marker);				
			}
		} else {
			var index_key = get_array_key(xy,xy_array);		
			var show_marker = markerAry[index_key];			
			show_marker.setVisible(true);			
			if (map.getCenter().equals(new google.maps.LatLng(x,y)) && housingDataAry[0]=='branch_info' ){
				marker.info = new google.maps.InfoWindow({
					content: "<div style='background-color:#eaffc8;borer:1px solid black'>" + theHTML + "</div>"
				});
				if(markerAry.length !=0){
					for(i=0;i<markerAry.length;i++){
						var clearmarker = markerAry[i];
						try{clearmarker.info.close()}catch(err){};
					}
				}
				marker.info.open(map, marker);
			}
		}
	}
	
	function get_xy_from_point(the_point,xy){		
		the_point = the_point.toString();		
		var tmp = '';
		if (xy=='x'){
			var tmp_array = new Array();
			tmp_array = the_point.split(',');
			tmp = tmp_array[0];
			tmp = tmp.replace('(','');
		}
		if (xy=='y'){
			var tmp_array = new Array();
			tmp_array = the_point.split(',');
			tmp = tmp_array[1];
			tmp = tmp.replace(')','');
			tmp = tmp.replace(' ','');
		}
		return tmp;	
	}
		
	function prepare_popup_win(housingdata){
		var housingDataAry = new Array();
		var theHTML;	
		housingDataAry = housingdata.split("--");	
		//alert(housingDataAry[0]);
		switch (housingDataAry[0]){
			case 'private':
			case 'hos':
			case 'public':
				var housingImgList = housingDataAry[15];
				var housingVideoList = housingDataAry[16];
				var tmpVideoAry = housingVideoList.split("++++");
				theHTML = '';
				//alert(housingDataAry[12] + ' , '  + housingDataAry[3]);
				//housingDataAry[3] = housingDataAry[3].replace('&amp;#21472;','&#21472;');
				//alert(housingDataAry[12] + ' , '  + housingDataAry[3]);
				theHTML += '<div style="margin-bottom:0px;background-color:#97f5cf;width:600px"><center><b>' + housingDataAry[3] + '</b></center></div>';
				
				
				theHTML += '<img src="https://www.manyw.com/article/misc/images/icon_overall_80px.jpg" style="width:70px;cursor:pointer;margin-top:0px"  onClick=\'show_housing_info("","'+housingDataAry[14]+'","Info")\'>';
				theHTML += '<img src="https://www.manyw.com/article/misc/images/icon_photo_80px.jpg" style="width:70px;cursor:pointer;margin-top:0px"  onClick=\'show_housing_info("","'+housingDataAry[14]+'","Img")\'>';
				theHTML += '<img src="https://www.manyw.com/article/misc/images/icon_media_80px.jpg" style="width:70px;cursor:pointer;margin-top:0px" onClick=\'javascript:manyw_media_obj.open(event,"keyword=' + housingDataAry[3] + '","","");\'>';
				
				theHTML += '<a target="_target" href="https://www.manyw.com/tran/tr_list.php?bldg=' + housingDataAry[12]  + '&page=1"><img style="width:70px;" border="0" src="https://www.manyw.com/article/misc/images/icon_trans.jpg"></a>';				
				theHTML += '<a target="_blank" href="https://www.manyw.com/view/NEW/housing_forum.php?f=' + housingDataAry[14] + '"><img style="width:70px;" border="0" src="https://www.manyw.com/article/misc/images/icon_forum.jpg"></a>';
				theHTML += '<a target="_blank" href="https://www.manyw.com/info/?' + housingDataAry[11] + '"><img style="width:70px;" border="0" src="https://www.manyw.com/article/misc/images/icon_info_80px.jpg"></a>';
												
				theHTML += '<div id="divHousingInfo'+housingDataAry[14]+'" style="display:block">';
				theHTML += '<table border="0" cellpadding="0" cellspacing="3"  width="330px" style="font-size:10">';
				theHTML += '<tr><td colspan="2">' + housingDataAry[13] + '</td></tr>';				
				theHTML += '<tr>';
				theHTML += '  <td colspan="2">';
				theHTML += '</td></tr>';
				theHTML += '<tr>';
				theHTML += '</table>';
				
				theHTML += '<table border="0" cellpadding="0" cellspacing="3"  width="330px" style="font-size:10">';
				
				theHTML += '  <td align="right" valign="top" style="font-size:14px">&#x5730;&#x5740;&#x003a;<!--地址--></td>';
				theHTML += '  <td style="font-size:14px">' + housingDataAry[9] + '</td>';
				theHTML += '</tr>';
				theHTML += '<tr>';
				theHTML += '  <td align="right" valign="top" style="font-size:14px">&#x5165;&#x4f19;&#x65e5;&#x671f;&#x003a;<!--入伙日期--></td>';
				theHTML += '  <td style="font-size:14px">' + housingDataAry[8] + '</td></tr>';
				theHTML += '  <tr><td align="right" valign="top" style="font-size:14px">&#x9593;&#x683c;&#x003a;<!--間格--></td>';
				theHTML += '  <td style="font-size:14px">' + housingDataAry[10] + '</td>';
				theHTML += '</tr>';			
				
				theHTML += '<tr><td align="left" valign="top" colspan="2">';
				
				//theHTML += bArray[no][13] + '<br>';
				theHTML += '</td></tr>';				
		    	theHTML += '</table></div>';
		    	theHTML += '<div id="divHousingImg'+housingDataAry[14]+'" style="display:none">';
		    	theHTML += get_housing_img(housingImgList);
		    	theHTML += '</div>';
		    	theHTML += '<div id="divHousingVideo'+housingDataAry[14]+'" style="display:none">';
		    	theHTML += get_housing_video(housingVideoList,housingDataAry[14]);
		    	theHTML += '</div>';
		    	
			    break;	    
		    case 'branch_info':
		    	theHTML = '<table  cellpadding="0" cellspacing="3"  style="font-size:10"width="300px">';
				theHTML += '<tr>';		
				theHTML += '  <td colspan="4" align="center"><h4>' + housingDataAry[3] + '</h4></td>';
				theHTML += '</tr>';
				theHTML += '<tr>';
				if(housingDataAry[7] != ''){
					theHTML += '  <td colspan="4" height="74px" align="center"><img width="100px" src="https://www.manyw.com/images/' + housingDataAry[7] + '"></td>';
					//theHTML += '  <td colspan="2" height="74px"><img width="100px" src="https://www.manyw.com/images/' + housingDataAry[8] + '"></td>';
					theHTML += '</tr>';	
					theHTML += '<tr>';
					theHTML += '  <td colspan="4" align="center">&#x5206;&#x884c;&#x9580;&#x9762;<!--分行門面--></td>';
					//theHTML += '  <td colspan="2" align="center">&#x54e1;&#x5de5;&#x7167;&#x7247;<!-- 員工照片--></td>';
					theHTML += '</tr>';	
				}
				theHTML += '</table>';		
				theHTML += '<table width="300px">';		
				theHTML += '<tr>';
				theHTML += '  <td align="right" style="font-size:10" valign="top" width="60">&#x5730;&#x5740;&#x003a;<!--地址:--></td>';
				theHTML += '  <td colspan="3" style="font-size:10">' + housingDataAry[4] + '</td>';
				theHTML += '</tr>';			
				theHTML += '<tr>';
				theHTML += '  <td align="right" style="font-size:10" valign="top" width="60"><!--電話:-->&#x96fb;&#x8a71;&#x003a;</td>';
				theHTML += '  <td colspan="3">' + housingDataAry[5]+ '</td>';
				theHTML += '</tr>';	
				theHTML += '<tr>';
				theHTML += '  <td align="right" style="font-size:10" valign="top" width="60"><!--傳真:-->&#x50b3;&#x771f;&#x003a;<br><br>&nbsp;&nbsp;<br><br></td>';
				theHTML += '  <td colspan="3">' +housingDataAry[6] + '<br><br>&nbsp;&nbsp;&nbsp;<br><br></td>';				
				theHTML += '</tr>';	
			    theHTML += '</table>';
			    break;
			 case 's_school': 
			 case 'p_school':
			 	theHTML = '<table  cellpadding="0" cellspacing="3"  style="font-size:12">';
				theHTML += '<tr>';		
				theHTML += '<td colspan="2" align="center"><h4>' + housingDataAry[3] + '</h4></td>';
				theHTML += '</tr>';
				theHTML += '<tr><td width=40%>資助?</td><td>' + housingDataAry[4] + '</td></tr>';
				theHTML += '<tr><td>電話?</td><td>'+housingDataAry[8]+'</td></tr>';
				theHTML += '<tr><td>電郵?</td><td>'+housingDataAry[10]+'</td></tr>';
				theHTML += '<tr><td >全日制?</td><td>' + housingDataAry[5] + '</td></tr>';
				theHTML += '<tr><td >男女校?</td><td>' + housingDataAry[6] + '</td></tr>';
				theHTML += '<tr><td >宗教?</td><td>' + housingDataAry[7] + '</td></tr>';
				theHTML += '<tr><td>網頁?</td><td><a href="'+housingDataAry[11]+'" target="_blank">'+housingDataAry[11]+'</a></td></tr>';
				theHTML += '</table>';
				break;
			case 'street_720':
			/*https://www.manyw.com/view/program/files/pano.swf?xml_file=
			xml&allowFullScreen=true*/
				theHTML = '<table width="600px" height="250px" style="font-size:12">';
				theHTML += '<tr>';		
				theHTML += '<td align="center"><!--街景圖-->&#x8857;&#x666f;&#x5716;<iframe id="iframe_st" width="600px" height="250px" src="https://www.manyw.com/view/NEW/' + housingDataAry[3] + '.htm"></iframe></td>';
				theHTML += '</tr>';				
				theHTML += '</table>';			
				break;
			case 'flat_720':
			/*https://www.manyw.com/view/program/files/pano.swf?xml_file=
			xml&allowFullScreen=true*/
				theHTML = '<table width="600px" height="250px" style="font-size:12">';
				theHTML += '<tr>';		
				theHTML += '<td align="center"><table cellspacing="0" cellpadding="0"><tr><td>' + housingDataAry[3] + ' 720<!--睇樓-->&#x7747;&#x6a13;&nbsp;</td><td>' + housingDataAry[6] + '</td></tr></table><iframe id="iframe_flat" width="600px" height="250px" src="https://www.manyw.com/view/NEW/720/' + housingDataAry[5] + '.htm"></iframe></td>';
				theHTML += '</tr>';				
				theHTML += '</table>';			
				break;
				
			 case 'wiki':
			 	theHTML = '<table cellpadding="0" cellspacing="0"  style="font-size:14;width:357px" width="357">';
			 	theHTML += '<tr><td colspan=2 style="text-align:center"> <div style="margin-bottom:0px;background-color:#97f5cf;font-size:18px">自訂地圖標記</div></td></tr>';
			 	theHTML += '<tr><td colspan=2 >　&nbsp;</td></tr>';		
				theHTML += '<tr><td style="font-size:14" valign="top" width=50px >　簡介:</td><td><b>' + housingDataAry[3] + '</b></td></tr>';
				theHTML += '<tr><td colspan=2 style="font-size:14">　&nbsp; </td></tr>';
				theHTML += '<tr><td style="font-size:14" valign="top" width=50px>輸入者:</td><td><b>' + housingDataAry[4] + '</b></td></tr>';				
				theHTML += '<tr><td colspan=2>　&nbsp;</td></tr>';				
				theHTML += '<tr><td colspan=2>　&nbsp;</td></tr>';
				theHTML += '<tr><td colspan=2><div style="font-size:10px;margin-bottom:0px;background-color:#E0E0E0">此地圖標記由瀏覽者提供，若因資料錯漏而引致任何不便或損失，祥益地產慨不負責</div>　</td></tr>';				
				theHTML += '</table>';
				break;
							    
		}
		return theHTML;
	}
	
	
	function in_array(needle,haystack,argStrict){
		var key='',strict=!!argStrict;
		if(strict){for(key in haystack){
			if(haystack[key]===needle){
				return true;
			}
		}
		}else{
			for(key in haystack){
				if(haystack[key]==needle){
					return true;
				}
			}
		}
		return false;
	}
	
	function get_array_key(needle,haystack){
		var i = 0;
		if(haystack.length !=0){
			for(i=0;i<haystack.length;i++){
				if (needle == haystack[i]){
					return i;
				}
			}		
		}
		return false;
	}
		
	
	//-- 導航
		
	var self_type_mode = 'no';
	var themode = 'nav_walking';
	var directions;	
	var directionsDisplay;
	set_nav();
	
	if (search_engine!=''){		
		set_search_engine();
	}
	
	if (icon_layout!=search_engine){
		set_icon_layout_div();		
	}
	
		
	function chgdw(sel){
		var other = "";
		//alert(sel);
		themode = sel;
		if(sel == 'nav_driving'){
			//other = "nav_walking";
			//document.getElementById('nav_mode2').checked = true;
			//document.getElementById('nav_mode1').checked = false;
			
			//document.getElementById('nav_fm').style.display="none";
			//document.getElementById('nav_show_menu_span').style.display="none";
			
		}else{
			other = "nav_driving";
			//document.getElementById('nav_mode1').checked = true;
			//document.getElementById('nav_mode2').checked = false;
			
			//document.getElementById('nav_fm').style.display="none";
			//document.getElementById('nav_show_menu_span').style.display="none";
			
		}
		///document.getElementById(sel).selectedIndex = 0;
		//document.getElementById(other).selectedIndex = 0;
		//document.getElementById(other).style.display="none";
		//document.getElementById(sel).style.display = "block";		
	}
	
	//var geocoder = new GClientGeocoder();
	var geocoder = new google.maps.Geocoder();
	var directionsService = new google.maps.DirectionsService();
	
	function chgtype(cb){		
		if(cb=='nav_self_type'){
			self_type_mode = 'yes';
			document.getElementById('nav_driving').style.display='none';
			document.getElementById('nav_walking').style.display='none';
			document.getElementById('nav_fm').style.display='block';
			document.getElementById('nav_show_menu_span').style.display='block';
			document.getElementById('nav_fm').focus();
		}else{
			self_type_mode = 'no';
			var type;
			if(document.getElementById('nav_mode1').checked) type="nav_walking";
			if(document.getElementById('nav_mode2').checked) type="nav_driving";
			document.getElementById('nav_fm').style.display='none';
			document.getElementById('nav_fm').value='';
			document.getElementById(type).style.display ="block";			
		}
	}
	
	function way(type){
		
		//if (document.getElementById('nav_walking').selectedIndex == 0 && (type !='rellr' && type !='relwestrail')){
		//alert(document.getElementById(themode).text);
		//alert(	themode);
		//alert(	self_type_mode);	
		
		//var the_mode2 = themode;
		
		//if (themode=='nav_driving'){
		//	document.getElementById('nav_fm').value = document.getElementById('nav_driving').value;
		//}
		
		
		if (document.getElementById(themode).selectedIndex == 0  && self_type_mode=='no' && themode=='nav_walking'){	
			alert('請先選擇出發地點');
			return false;
		};
		
		if (document.getElementById('nav_to').value==''){
			alert('請輸入目的地點');
			return false;
		}
		if (document.getElementById('nav_fm').value=='' && self_type_mode=='yes'){
			alert('請輸入出發地點');
			return false;
		}		
				
		
		if(type=='rellr'){
			//stationx = "";
			//stationy = "";
		}
		if(type=='relwestrail'){
			//stationx = 114.035302;
			//stationy = 22.446198;
		}
		var mode;
		if(type == 'sel'){			 
			var dwpos = document.getElementById('nav_walking').value;
			pos = dwpos.split("_");
			stationy = pos[0];
			stationx = pos[1];
		}
		if (directions) {directions.clear();}
		
		directionsDisplay = new google.maps.DirectionsRenderer();		
		directionsDisplay.setPanel(document.getElementById("nav_route"));
		//var directionsPanel = document.getElementById("nav_route");
		directionsDisplay.setMap(map);		
		//directions = new GDirections(map, directionsPanel);
		
		
		//google.maps.event.addListener(directions, "load", onGDirectionsLoadDuration);
		
// 		if (themode=='nav_driving'){
// 			var cb = document.getElementById('nav_driving').value;
// 		} else {
// 			var cb = document.getElementById('nav_walking').value;
// 		}
		var cb = document.getElementById('nav_walking').value;
		
		var addressTo = '香港' + document.getElementById('nav_to').value;
		//alert(addressTo);
		geocoder.geocode({'address': addressTo}, geocode_result_handler1);
						
		/*geocoder.getLatLng(addressTo,function(point2){
			if(point2){				
				to_pointy = point2.lat(); 
				to_pointx = point2.lng();
				
				
				if (self_type_mode == 'yes'){
					addressFm = '香港'+document.getElementById('nav_fm').value;
					geocoder.getLatLng(addressFm,function(point1){
					if(point1){
						thepointy=point1.lat(); 
						thepointx=point1.lng();
						if(themode == 'nav_driving'){
							directions.load("from: " + thepointy + ',' + thepointx + " to: " + to_pointy + ", " + to_pointx, {'travelMode': G_TRAVEL_MODE_DRIVING });
						}else{
							directions.load("from: " + thepointy + ',' + thepointx + " to: " + to_pointy + ", " + to_pointx, {'travelMode': G_TRAVEL_MODE_WALKING });
						}
					}
					});
				}else{
					if(themode == 'nav_driving'){
						directions.load("from: " + stationy + ',' + stationx + " to: " + to_pointy + ", " + to_pointx, {'travelMode': G_TRAVEL_MODE_DRIVING });
					}else{
						directions.load("from: " + stationy + ',' + stationx + " to: " + to_pointy + ", " + to_pointx, {'travelMode': G_TRAVEL_MODE_WALKING });
					}
				}
				document.getElementById('waymins').style.borderColor = 'black';				
			}
		})
		*/
	}
	
	
	/*
	function geocode_result_handler2(result, status) {				
		geocoder.getLatLng(addressFm,function(point1){
			if(point1){
				thepointy=point1.lat(); 
				thepointx=point1.lng();
				if(themode == 'nav_driving'){
					directions.load("from: " + thepointy + ',' + thepointx + " to: " + to_pointy + ", " + to_pointx, {'travelMode': G_TRAVEL_MODE_DRIVING });
					directionsDisplay.setDirections(result);
				}else{
					directions.load("from: " + thepointy + ',' + thepointx + " to: " + to_pointy + ", " + to_pointx, {'travelMode': G_TRAVEL_MODE_WALKING });
					directionsDisplay.setDirections(result);
				}
			}
		});
	}*/
	
	function geocode_result_handler1(result, status) {
			if (status != google.maps.GeocoderStatus.OK) {
				alert('Geocoding failed. ' + status);
			} else {		
				//alert(result[0]);				
				if(themode == 'nav_driving'){
					var trv_mode = google.maps.DirectionsTravelMode.DRIVING ;
				} else {
					var trv_mode = google.maps.DirectionsTravelMode.WALKING;
				}			
				if (self_type_mode == 'yes'){
					addressFm = '香港'+document.getElementById('nav_fm').value;
					geocoder.geocode({'address': addressFm}, function(result2,status){
						
						directionsDisplay.setPanel(document.getElementById("nav_route"));
						directionsDisplay.setMap(map);
						directionsService.route({
							origin: result2[0].geometry.location,
							destination: result[0].geometry.location,
							travelMode: trv_mode
						}, function(result3, status) {
							if (status == google.maps.DirectionsStatus.OK) {
								directionsDisplay.setDirections(result3);
								document.getElementById('waymins').value = '路程約' + result3.routes[0].legs[0].duration.text + '鐘';
							}
						});
					});
					
				}else{
				
					directionsDisplay.setPanel(document.getElementById("nav_route"));
					directionsDisplay.setMap(map);
					directionsService.route({
						origin: new google.maps.LatLng(stationy,stationx ),
						destination: result[0].geometry.location,
						travelMode: trv_mode
					}, function(result3, status) {
						if (status == google.maps.DirectionsStatus.OK) {
							directionsDisplay.setDirections(result3);
							document.getElementById('waymins').value = '路程約' + result3.routes[0].legs[0].duration.text + '鐘';
						}
					});
				
					//if(themode == 'nav_driving'){
						//directions.load("from: " + stationy + ',' + stationx + " to: " + to_pointy + ", " + to_pointx, {'travelMode': G_TRAVEL_MODE_DRIVING });
						//directionsDisplay.setDirections(result);
					//}else{
						//directions.load("from: " + stationy + ',' + stationx + " to: " + to_pointy + ", " + to_pointx, {'travelMode': G_TRAVEL_MODE_WALKING });
						//directionsDisplay.setDirections(result);
					///}
				}
				document.getElementById('waymins').style.borderColor = 'black';		
				
				/*					
				map.fitBounds(result[0].geometry.viewport);
				infoPanel.innerHTML += '<p>1st result for geocoding is <em>' +
				result[0].geometry.location_type.toLowerCase() +
				'</em> to <em>' +
				result[0].formatted_address + '</em> of types <em>' +
				result[0].types.join('</em>, <em>').replace(/_/, ' ') +
				'</em> at <tt>' + result[0].geometry.location +
				'</tt></p>';
				var marker_title = result[0].formatted_address +
				' at ' + latlng;
				if (marker) {
					marker.setPosition(result[0].geometry.location);
					marker.setTitle(marker_title);
				} else {
					marker = new google.maps.Marker({
						position: result[0].geometry.location,
						title: marker_title,
						map: map
					});
				}
				*/
				
			}
	}
	
	
	function onGDirectionsLoadDuration(){
		//directions.getMarker(1).getIcon().image = 'https://www.manyw.com/view/NEW/gmap_icon_to1.png'; 
		//directions.getMarker(0).getIcon().image = 'https://www.manyw.com/view/NEW/gmap_icon_from.png';     
	
		//if(themode == 'driving'){
		//	directions.getMarker(0).getIcon().image = 'https://www.manyw.com/view/NEW/gmap_icon_to1.png';     
		//}
	  //  dur = Math.round(directions.getDuration().seconds / 60);
	  //  document.getElementById('waymins').innerHTML = "路程約 "+dur+" 分鐘";
	}
	
	function show_menu(){
		self_type_mode = 'no';
		document.getElementById('nav_driving').style.display='none';
		document.getElementById('nav_walking').style.display='none';
		document.getElementById('nav_driving').selectedIndex=0;
		document.getElementById('nav_walking').selectedIndex=0;
		document.getElementById(themode).style.display='block';	
		document.getElementById('nav_show_menu_span').style.display='none';
		document.getElementById('nav_fm').style.display='none';		
	}
		
	function point2point(thepointx,thepointy,to_pointx,to_pointy){
		//GEvent.addListener(directions, "load", onGDirectionsLoadDuration);
		if (directions) {directions.clear();}
		//marker.closeInfoWindowHtml();
		directionsPanel = document.getElementById("nav_route");
		directions = new GDirections(map, directionsPanel);
		directions.load("from: " + thepointy + ',' + thepointx + " to: " + to_pointy + ", " + to_pointx, {'travelMode': G_TRAVEL_MODE_WALKING });		
	}
	
	function hide_panorama(){			
		document.getElementById(street_map).style.height = '1px';				
		document.getElementById(street_map).style.display = 'none';		
		
	}
	
	function show_panorama(){		
		document.getElementById(street_map).style.height = '300px';				
		document.getElementById(street_map).style.display = 'block';				
	}
	
	function show_hide_panorama(){
		if (document.getElementById('gmap_show_hide_street_button').value=='隱藏街景'){
			document.getElementById('gmap_show_hide_street_button').value='顯示街景';	
			hide_panorama();
						
			var req=new XMLHttpRequest();
			link = 'https://www.manyw.com/view/NEW/manyw_gmap_set_panorama_setting.php?panorama=hide';
			req.open('GET',link);
			req.send(null);
			
		} else {
			document.getElementById('gmap_show_hide_street_button').value='隱藏街景';
			show_panorama();
			
			var req=new XMLHttpRequest();
			link = 'https://www.manyw.com/view/NEW/manyw_gmap_set_panorama_setting.php?panorama=show';
			req.open('GET',link);
			req.send(null);
		}		
	}
	
	function set_nav(){
		var tmp  = "";
		var tmp = "<img style='padding-left:30px' src='https://www.manyw.com/view/NEW/nav_icon.png'>";
		var tmp = tmp +  "<div id='nav_route' style='display:none;'></div>";
		var tmp = tmp +  "<table cellspacing=0 width='100%'>";
		var tmp = tmp +  "<tr>";
		var tmp = tmp +  "		<td style='font-size:15px' width='160px'>";
		var tmp = tmp +  "			<table cellspacing='0' cellpadding='0'>";
		var tmp = tmp +  "				<tr>";
		var tmp = tmp +  "					<td style='font-size:15px'>由: </td>";
		var tmp = tmp +  "					<td><select onChange=\"if (this.value=='nav_self_type') manyw_gmap.chgtype(this.value);\" id='nav_walking' style='display:block;font-size:12px'><option value=''>-</option><option value='nav_self_type'>自行輸入</option><option value='22.373095_113.966294'>屯門碼頭輕鐵站</option><option value='22.374385_113.961702'>美樂輕鐵站</option><option value='22.378103_113.961699'>蝴蝶輕鐵站</option><option value='22.381902_113.963397'>輕鐵車廠輕鐵站</option><option value='22.385803_113.965299'>龍門輕鐵站</option><option value='22.390595_113.967104'>青山村輕鐵站</option><option value='22.394302_113.967506'>青雲輕鐵站</option><option value='22.395195_113.969105'>建安輕鐵站</option><option value='22.396495_113.966007'>山景(南)輕鐵站</option><option value='22.398399_113.967305'>鳴琴輕鐵站</option><option value='22.399012_113.966498'>山景(北)輕鐵站</option><option value='22.401697_113.967699'>石排輕鐵站</option><option value='22.405402_113.964097'>新圍輕鐵站</option><option value='22.406697_113.963802'>良景輕鐵站</option><option value='22.407795_113.966498'>田景輕鐵站</option><option value='22.406803_113.969199'>建生輕鐵站</option><option value='22.407403_113.972702'>青松輕鐵站</option><option value='22.407902_113.977101'>屯門醫院輕鐵站</option><option value='22.404596_113.970202'>大興(北)輕鐵站</option><option value='22.40289_113.972007'>大興(南)輕鐵站</option><option value='22.410602_113.976524'>麒麟輕鐵站</option><option value='22.412427_113.978755'>兆康輕鐵站</option><option value='22.419878_113.982508'>藍地輕鐵站</option><option value='22.397298_113.972903'>河田輕鐵站</option><option value='22.399999_113.974102'>蔡意橋輕鐵站</option><option value='22.394141_113.973292'>屯門西鐵站</option><option value='22.402595_113.97451'>銀圍輕鐵站</option><option value='22.403334_113.975604'>澤豐輕鐵站</option><option value='22.408003_113.979'>鳳地輕鐵站</option><option value='22.403897_113.9797'>景峰輕鐵站</option><option value='22.4002_113.9779'>新墟輕鐵站</option><option value='22.397598_113.9779'>何福堂輕鐵站</option><option value='22.394501_113.9768'>杯渡輕鐵站</option><option value='22.391202_113.974901'>市中心輕鐵站</option><option value='22.387899_113.975102'>安定輕鐵站</option><option value='22.384402_113.975301'>兆麟輕鐵站</option><option value='22.382798_113.976604'>三聖輕鐵站</option><option value='22.381099_113.9705'>屯門泳池輕鐵站</option><option value='22.375699_113.966503'>兆禧輕鐵站</option><option value='22.383301_113.9729'>豐景園輕鐵站</option><option value='22.386795_113.9736'>友愛輕鐵站</option><option value='22.424103_113.986601'>泥圍輕鐵站</option><option value='22.4299_113.992204'>鍾屋村輕鐵站</option><option value='22.444405_114.019707'>水邊圍輕鐵站</option><option value='22.444504_114.023803'>豐年路輕鐵站</option><option value='22.444497_114.027204'>康樂路輕鐵站</option><option value='22.444497_114.030101'>大棠路輕鐵站</option><option value='22.442801_114.011704'>屏山輕鐵站</option><option value='22.440402_114.007608'>塘坊村輕鐵站</option><option value='22.433703_113.997397'>洪水橋輕鐵站</option><option value='22.469659_114.002557'>濕地公園輕鐵站</option><option value='22.469699_114.000701'>天恆輕鐵站</option><option value='22.467201_113.998802'>天瑞輕鐵站</option><option value='22.465203_113.997799'>天富輕鐵站</option><option value='22.461901_113.997005'>頌富輕鐵站</option><option value='22.462803_114.001608'>天悅輕鐵站</option><option value='22.465599_114.002901'>天秀輕鐵站</option><option value='22.459998_114.002203'>天榮輕鐵站</option><option value='22.4597_113.999505'>翠湖輕鐵站</option><option value='22.457598_114.004902'>銀座輕鐵站</option><option value='22.455005_114.005701'>天湖輕鐵站</option><option value='22.452794_114.006007'>天慈輕鐵站</option><option value='22.453096_114.001002'>樂湖輕鐵站</option><option value='22.450404_114.002708'>天耀輕鐵站</option><option value='22.448099_114.004859'>天水圍西鐵站</option><option value='22.445199_114.0055'>坑尾村輕鐵站</option><option value='22.447601_114.0256'>朗屏輕鐵站</option><option value='22.446198_114.035302'>元朗西鐵站</option><option value='22.46677853237095_113.9992216380862'>天逸輕鐵站</option></select><select onChange=\"if (this.value=='nav_self_type') manyw_gmap.chgtype(this.value);\" id='nav_driving' style='display:none;font-size:15px'><option value=''>-</option><option value='nav_self_type'>自行輸入</option><option value='22.319324_114.169444'>旺角</option><option value='22.299569_114.172293'>尖沙咀</option><option value='22.280283_114.181962'>銅鑼灣</option><option value='22.281874_114.161382'>中環</option><option value='22.374444_114.11536'>荃灣</option><option value='22.392891_113.976771'>屯門</option><option value='22.44559_114.035785'>元朗</option><option value='22.358254_114.127798'>葵芳</option><option value='22.32281_114.211174'>九龍灣</option><option value='22.312009_114.225339'>觀塘</option><option value='22.330876_114.160137'>深水&#x57D7;</option><option value='22.341162_114.194306'>黃大仙</option><option value='22.380074_114.268107'>西貢</option></select> ";
		var tmp = tmp +  "					 <input type='text' style='display:none;font-size:12px' id='nav_fm' size='10'></td>";
		var tmp = tmp +  "					<td>	<span id='nav_show_menu_span' style='cursor:pointer;display:none;' onClick='manyw_gmap.show_menu()'><img src='https://www.manyw.com/view/NEW/show_menu_icon.jpg'></span>";
		var tmp = tmp +  "				</td>";		
		var tmp = tmp +  "				</tr>";
		var tmp = tmp +  "			</table>";
		var tmp = tmp +  "		</td>";
		var tmp = tmp +  "		<td width = '140px' style='font-size:15px' width='20%'> 到: <input style='font-size:12px' size='10' type='text' id='nav_to' value='" + goto + "'> </td>";
		var tmp = tmp +  "		<td align='left' width='25%' valign='center'>					";
		var tmp = tmp +  "			<table cellpadding='0' cellspacing='0' width='210px'><tr>			<td style='border:1px solid black;height:20px;font-size:12px' height='20px'>								<input type='radio' id='nav_mode1' name='nav_mode' value='walking' onclick=\"manyw_gmap.chgdw('nav_walking')\" checked>步行				<img height='20px' src='/view/NEW/on_foot.jpg' style='float:right>							</td>			<td style='border:1px solid black;height:20px;font-size:12px' height='20px'>								<input type='radio' value='nav_driving' name='nav_mode' id='nav_mode2' onclick=\"manyw_gmap.chgdw('nav_driving')\">自行開車				<img height='20px' src='/view/NEW/by_car.jpg' >							</td>			</tr>			</table>";
		var tmp = tmp +  "		</td>";
		var tmp = tmp +  "		<td width='10%'>";
		var tmp = tmp +  "			<span>";
		var tmp = tmp +  "				<input type='button' onclick=\"manyw_gmap.way('sel')\" style='font-size:16px' value='顯示路線'>";
		///#2.1.7.11# 顯示路線 點擊後，會在地圖上顯示出路線
		var tmp = tmp +  "			</span>";
		var tmp = tmp +  "		</td>";		
		var tmp = tmp +  "		<td>";
		var tmp = tmp +  "			<span id='waymins' style='vertical-align:middle;text-align:center;padding:2px;height:30px;width:110px;font-size:12px;color:black;border:1px solid white'>&nbsp;</span>";
								
		var tmp = tmp +  "		</td>";
		var tmp = tmp +  "	</tr>";
		var tmp = tmp +  "</table>";
		
		document.getElementById(nav_div).innerHTML = tmp;	
	}
	
	function set_icon_layout_div(){
		var tmp  = "";
		tmp  = tmp + "<div style='width:799px;height:30px;'>";
		tmp  = tmp + "<img src='https://www.manyw.com/view/NEW/gmap_icon_control.jpg'>&nbsp;";
		tmp  = tmp + "<img src='https://www.manyw.com/view/NEW/icon/sicon.gif'>";
		tmp  = tmp + "<input type='checkbox' id='school'  checked onclick=' try{manyw_gmap.add_cut_category(this.checked,this.id)} catch(err) {}' >學校&nbsp;&nbsp;";
		tmp  = tmp + "<img src='https://www.manyw.com/view/NEW/gmap_720_flat.jpg'>";
		tmp  = tmp + "<input type='checkbox' id='flat_720'  checked onclick=' try{manyw_gmap.add_cut_category(this.checked,this.id)} catch(err) {}' >720睇樓&nbsp;&nbsp;";
		tmp  = tmp + "<img src='https://www.manyw.com/view/NEW/gmap_720_street.jpg'>";
		tmp  = tmp + "<input type='checkbox' id='street_720'  checked  onclick=' try{manyw_gmap.add_cut_category(this.checked,this.id)} catch(err) {}' >720街景&nbsp;&nbsp;";
		tmp  = tmp + "<img src='https://www.manyw.com/view/NEW/wiki_icon.gif'>";
		tmp  = tmp + "<input type='checkbox' id='wiki'  checked  onclick=' try{manyw_gmap.add_cut_category(this.checked,this.id)} catch(err) {}' >自訂標記&nbsp;&nbsp;";
					/// //  #2.1.7.12# 圖例點擊會將地圖上該圖例作顯示或隱藏，有tick 的會顯示，無tick 的會隱藏
		document.getElementById(icon_layout).innerHTML = tmp;
	}
	
	function set_search_engine(){
		var tmp  = "";
		
		var tmp = tmp +  "<table cellspacing=0 width='100%'>";
		var tmp = tmp +  "<tr>";
		var tmp = tmp +  "		<td style='font-size:15px'>";
		var tmp = tmp +  "			<img style='padding-left:30px' src='https://www.manyw.com/view/NEW/search_engine_div_icon.jpg'>";				
		var tmp = tmp +  "		</td>";
	
		var tmp = tmp +  "		<td style='font-size:15px' >";
		var tmp = tmp +  "			<select style='display:none' id='gmap_search_district' onChange='manyw_gmap.search_start()'><option value=''>選擇區域</option><option value='tm'>屯門</option><option value='tsw'>天水圍</option><option value='yl'>元朗</option> </select>";				
		var tmp = tmp +  "		</td>";
		
		var tmp = tmp +  "		<td style='font-size:15px' >";
		var tmp = tmp +  "			<select id='gmap_search_price' onChange='manyw_gmap.search_start()'><option value=''>選擇價格</option>";
		
		//var tmp = tmp +  "			<option value='0.8_to_1'>80至100萬</option>";
		var tmp = tmp +  "			<option value='1.5_to_3'>150萬至300萬</option>";
		var tmp = tmp +  "			<option value='3_to_4'>300萬至400萬</option>";
		var tmp = tmp +  "			<option value='4_to_100'>400萬或以上</option>";
		//var tmp = tmp +  "			<option value='1.6_to_1.8'>160萬至180萬</option>";
		//var tmp = tmp +  "			<option value='1.8_to_2'>180萬至200萬</option>";
		//var tmp = tmp +  "			<option value='2.0_to_2.2'>200萬至220萬</option>";
		//var tmp = tmp +  "			<option value='2.2_to_2.4'>220萬至240萬</option>";
		//var tmp = tmp +  "			<option value='2.4_to_2.6'>240萬至260萬</option>";
		//var tmp = tmp +  "			<option value='2.6_to_2.8'>260萬至280萬</option>";
		//var tmp = tmp +  "			<option value='2.8_to_3'>280萬至300萬</option>";
		//var tmp = tmp +  "			<option value='3_to_100'>300萬以上</option>";
		
		var tmp = tmp +  "	        </select>";				
		var tmp = tmp +  "		</td>";
		
		var tmp = tmp +  "		<td style='font-size:15px'>";
		var tmp = tmp +  "			<select id='gmap_search_rent' onChange='manyw_gmap.search_start()'><option value=''>選擇租金</option><option value='7000_to_9000'>7000至9000</option><option value='9000_to_12000'>9000至12000</option><option value='12000_to_15000'>12000至15000</option><option value='15000_to_900000'>15000或以上</option></select>";				
		var tmp = tmp +  "		</td>";
		
		var tmp = tmp +  "		<td style='font-size:15px' >";
		var tmp = tmp +  "			<select id='gmap_search_size' onChange='manyw_gmap.search_start()'><option value=''>選擇呎數</option><option value='300_to_400'>300至400呎</option><option value='400_to_500'>400至500呎</option><option value='500_to_600'>500至600呎</option><option value='600_to_700'>600至700呎</option><option value='700_to_800'>700至800呎</option><option value='800_to_1000'>800呎或以上</option></select>";				
		var tmp = tmp +  "		</td>";
		
		var tmp = tmp +  "		<td style='font-size:15px' >";
		var tmp = tmp +  "			<select id='gmap_search_room' onChange='manyw_gmap.search_start()'><option value=''>選擇房間數</option><option value='1'>1房</option> <option value='2'>2房</option><option value='3'>3房</option><option value='4'>4房或以上</option></select>";				
		var tmp = tmp +  "		</td>";
		
		var tmp = tmp +  "		<td>";
		var tmp = tmp +  "			<input type='button' id='gmap_show_hide_street_button' onClick='manyw_gmap.show_hide_panorama()' value='隱藏街景'>";
		var tmp = tmp +  "		</td>";
				
		
		if (icon_layout==search_engine){
		
			var tmp = tmp +  "		<td>";
			var tmp = tmp +  "			<img src='https://www.manyw.com/view/NEW/icon/sicon.gif'>";
			var tmp = tmp +  "			<input id='school' onclick=' try{manyw_gmap.add_cut_category(this.checked,this.id)} catch(err) {}'  checked='checked' type='checkbox'>";
			var tmp = tmp +  "			<img src='https://www.manyw.com/view/NEW/gmap_720_flat.jpg'>";
			var tmp = tmp +  "			<input id='flat_720'  onclick=' try{manyw_gmap.add_cut_category(this.checked,this.id)} catch(err) {}'  checked='checked' type='checkbox'>";
			var tmp = tmp +  "			<img src='https://www.manyw.com/view/NEW/gmap_720_street.jpg'>";
			
			var tmp = tmp +  "			<input id='street_720'  onclick=' try{manyw_gmap.add_cut_category(this.checked,this.id)} catch(err) {}'   checked='checked' type='checkbox'>";
			var tmp = tmp +  "		</td>";
									
			var tmp = tmp +  "		<td>";
			var tmp = tmp +  "			<div id='wiki_marker' style='color:#595959;cursor:pointer;margin:0px' onClick='manyw_gmap.switch_wiki_mode(\"on\");alert(\"請在地圖上左Click一下\")' > <img src='icon1.gif' align='left'>加入自訂標記 </div>";	
			var tmp = tmp +  "		</td>";			
			
		}
		var tmp = tmp +  "	</tr>";
		var tmp = tmp +  "</table>";
		
		document.getElementById(search_engine).innerHTML = tmp;		
	}
	
	
	
	function search_start(){		
		hide_all_icon();	
		show_icon_on_screen();			
	}
	
	
	
	
	function add_cut_category(to_add,c){	
		hide_all_icon();
		//alert('hide');
		//return false;
		if (to_add){
			if (c=='school'){
				add_category('s_school');
				add_category('p_school');	
			}
			add_category(c);
		} else {
			if (c=='school'){
				cut_category('s_school');
				cut_category('p_school');	
			}
			cut_category(c);
		}
		show_icon_on_screen();
	}
	
	this.show_one_icon = function(x,y){
		show_one_icon(x,y);
	}
	
	this.way = function(txt){		
		way(txt);
	}	
	this.chgtype = function(txt){
		chgtype(txt);
	}
	this.show_menu = function(){
		show_menu();	
	}
	this.chgdw = function(txt){
		chgdw(txt);
	}
	this.near_lightrail = function (a1,a2,a3,a4){
		point2point(a1,a2,a3,a4);
	}
	
	this.point2point = function (a1,a2,a3,a4){
		point2point(a1,a2,a3,a4);
	}
	this.search_start = function () {			
		search_start();
	}
	
	this.switch_wiki_mode = function(val){
		wiki_mode = val;
		if (val=='on'){
			document.getElementById('map').style.cursor = "hand";
		}
		if (val=='off'){
			document.getElementById('map').style.cursor = "pointer";
		}
	}
	
	this.resize0 = function(){	
		google.maps.event.trigger(map, 'resize');
	}
	
	this.hide_panorama = function(){
		hide_panorama();
	}
	this.show_panorama = function(){
		show_panorama();
	}
	this.show_hide_panorama = function (){
		show_hide_panorama();	
	}
	
	this.get_wiki_x_y = function(){
		return wiki_x_y;
	}
		
	this.add_comment = function(comment,comment_by,x_y){
		if (comment==''){
			alert('請輸入標記簡介');
			return false;
		}
		if (comment_by==''){
			alert('請輸入你的名字');
			return false;
		}
		var req=new XMLHttpRequest();
		var content_bulk;
		if (req) {
			req.onreadystatechange = function(){
				if (req.readyState==4 && req.status==200){
					if (req.responseText=='ok'){						
						wiki_marker.setVisible(false);
						map.setCenter(x_y), map.getZoom();
						wiki_mode = 'off';
						show_icon_on_screen();
						
						theHTML = '<table cellpadding="0" cellspacing="3"  style="font-size:16">';
						theHTML += '<tr><td>　<u>多謝你輸入了以下資訊</u> <br></td></tr>';
						theHTML += '<tr><td>　簡介:' + document.getElementById("manyw_gmap_add_comment").value + '</td></tr>';
						theHTML += '<tr><td>輸入者:' + document.getElementById("manyw_gmap_comment_by").value + '</td></tr>';				
						theHTML += '</table>';
						document.getElementById("manyw_gmap_add_comment").value = '';
						document.getElementById("manyw_gmap_comment_by").value = '';				
						document.getElementById('manyw_gmap_comment_div').innerHTML = theHTML;
						var wiki_html = "<div style='background-color:#eaffc8;borer:1px solid black'>" + wiki_html + "</div>";
						//wiki_marker.openInfoWindowHtml(theHTML);

						wiki_marker.info = new google.maps.InfoWindow({
							content: theHTML
						});
						wiki_marker.info.open(map, wiki_marker);
						
						
						
						
					}
				}
			};			
			link = 'https://www.manyw.com/view/NEW/manyw_gmap_add_comment.php?comment=' + encodeURIComponent(comment) + '&comment_by=' + encodeURIComponent(comment_by) + '&x_pos=' + x_y.lng() + '&y_pos=' + x_y.lat();		
			req.open('POST',link);
			req.send(null);
		}
	}
	
	
	
	this.reload_street = function(aaa,bbb,ccc){
		reload_street(aaa,bbb,ccc);
	}
	
	if (document.getElementById('school')!= null){
		document.getElementById('school').click();
		cut_category('p_school');
		cut_category('s_school');		
	}
		
	
	google.maps.event.addListener(map,'bounds_changed',function(){
		if (need_load_icon_at_first_time){
			need_load_icon_at_first_time = false;
			show_icon_on_screen();					
			
		}
	});
	
	String.prototype.trim = function(){ 	
		return this.replace(/(^\s*)|(\s*$)/g, "");
	}
	
	function cut_category(category_to_be_cut){		
		tmp_array = new Array();
		tmp_array2 = new Array();
		tmp_array = icon_category.split(",");
		for(category_index=0;category_index<tmp_array.length;category_index++){
			if (tmp_array[category_index]!=category_to_be_cut){
				tmp_array2.push(tmp_array[category_index]);
			}
		}
		icon_category = tmp_array2.toString();		
	}
	
	function add_category(category_to_be_add){		
		tmp_array = new Array();
		tmp_array = icon_category.split(",");
		tmp_array.push(category_to_be_add);
		icon_category = tmp_array.toString();	
		//alert(	icon_category);			
	}
	
	
		
	
	
	
}


function get_housing_img(img_list){
	var img_HTML ='';
	if(img_list != ''){
		img_HTML = "<table border=1 cellspacing=0 cellpadding=0>";
		var housingImgAry = new Array();
		housingImgAry = img_list.split(",,,,");
		for(var i =0;i < housingImgAry.length; i++){
			if(i % 3 == 0) img_HTML += "<tr>";
			img_HTML +="<td><a href='https://www.manyw.com/view/NEW/images/"+housingImgAry[i]+"' target='_blank'><img src='https://www.manyw.com/view/NEW/images/"+housingImgAry[i]+"' width='97px' height='65px' border=0></a></td>";
			if(i % 3 == 2) img_HTML += "</tr>";
		}
		img_HTML +="</table>";
	}else{
		img_HTML = "暫時沒有相片";
	}
	return img_HTML;
}

function show_housing_info(path,hid,type){
	var divInfo = document.getElementById('divHousingInfo'+hid);
	var divImg = document.getElementById('divHousingImg'+hid);
	var divVideo = document.getElementById('divHousingVideo'+hid)
	divInfo.style.display = "none";
	divImg.style.display = "none";
	divVideo.style.display = "none";
	document.getElementById('divHousing'+type+hid).style.display="block";
	if(type=='Video'){
		chgVideo(path,hid);
	}
}



function get_housing_video(video_list,hid){
	var video_HTML = "";
	if(video_list != ''){
		var videoOpt;
		var videoAry = new Array();
		videoAry = video_list.split(",,,,");
		for(var i=0;i < videoAry.length;i++){
			var videoInfoAry = new Array();
			var currVideo = videoAry[i];
			videoInfoAry = currVideo.split("++++");
			videoOpt += "<option value='"+videoInfoAry[1]+"'>"+videoInfoAry[2]+"</option>";
		}
		videoOpt = "<select onChange='chgVideo(this.value,"+hid+")'>"+videoOpt+"</select>";
		video_HTML = videoOpt;
		video_HTML += "<div id='videoCont"+hid+"'>";
		video_HTML += "<object type='application/x-shockwave-flash' data='https://www.manyw.com/swf/org/player_flv_maxi.swf' width='300' height='220' id='myFlash'>";
		video_HTML += "<param name='movie' value='https://www.manyw.com/swf/org/player_flv_maxi.swf' />";
	   	video_HTML += "<param name='flv' value='http://flv-player.net/medias/KyodaiNoGilga.flv' />";
	    video_HTML += "<param name='FlashVars' value='flv="+videoInfoAry[0]+"&autoplay=0&showstop=1&showtime=1&showvolume=1&showplayer=always' />";
		video_HTML += "</object>";		
		video_HTML += "</div>";
		
	}else{
		video_HTML ="暫時沒有短片";
	}
	return video_HTML;
}

function chgVideo(path,hid){
	document.getElementById("myFlash").SetVariable("player:jsStop", "");
	document.getElementById("myFlash").SetVariable("player:jsUrl", path);
	document.getElementById("myFlash").SetVariable("player:jsPlay", "");
}

var testing_12346 = '1';
function testing_1234(){	
	console.log('gg');	
	this.call1=function(){
		console.log('call1');
	}
}