var map;
var gdir;
	function PlaneIcon() {
	}
	PlaneIcon.prototype = new GControl();
	PlaneIcon.prototype.initialize = function(map) {
	var container = document.createElement("div");
	this.setButtonStyle_(container);
	var img=document.createElement("IMG");
	img.src="../images/icon.png";
	if(window.ActiveXObject){
		img.attachEvent('onclick',function(){setDirections("上海南桥绿地逸东「华」酒店", "虹桥国际机场", "cn-zh")});
	}else{
		img.addEventListener('click',function(){setDirections("上海南桥绿地逸东「华」酒店", "虹桥国际机场", "cn-zh")}, false);
	 }
	container.appendChild(img);
	 map.getContainer().appendChild(container);
	 return container;
	 }
	 PlaneIcon.prototype.getDefaultPosition = function() {
		 return new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(225, 0));
	 }
	 PlaneIcon.prototype.setButtonStyle_ = function(button) {  
	 button.style.backgroundColor = "transparent"; 
	 button.style.textAlign = "center";
	 button.style.cursor = "pointer";
	 button.style.border = "0";
	 }
	  function load() {
	 if (GBrowserIsCompatible()) {
	 map = new GMap2(document.getElementById("content"));
	 gdir = new GDirections(map, document.getElementById("directions"));
	 GEvent.addListener(gdir, "load", onGDirectionsLoad);
	 GEvent.addListener(gdir, "error", handleErrors);
	 map.addControl(new GSmallMapControl());
	 map.addControl(new GMapTypeControl());
	 map.removeMapType(G_SATELLITE_MAP);
map.removeMapType(G_HYBRID_MAP);
	 map.setCenter(new GLatLng(30.943005,121.459581),14);
	 var hotelicon = new GIcon(G_DEFAULT_ICON);
	 hotelicon.image = "../images/langham_logo.png";
	 iOptions = { icon:hotelicon};
	 var aIcon = new GIcon(G_DEFAULT_ICON);
	 aIcon.image = "../images/a_icon.png";
	 aOptions = { icon:aIcon};
	 var bIcon = new GIcon(G_DEFAULT_ICON);
	 bIcon.image = "../images/b_icon.png";
	 bOptions = { icon:bIcon};
	 var cIcon = new GIcon(G_DEFAULT_ICON);
	 cIcon.image = "../images/c_icon.png";
	 cOptions = { icon:cIcon};
	 var dIcon = new GIcon(G_DEFAULT_ICON);
	 dIcon.image = "../images/d_icon.png";
	 dOptions = { icon:dIcon};
	 var eIcon = new GIcon(G_DEFAULT_ICON);
	 eIcon.image = "../images/e_icon.png";
	 eOptions = { icon:eIcon};
	 var fIcon = new GIcon(G_DEFAULT_ICON);
	 fIcon.image = "../images/f_icon.png";
	 fOptions = { icon:fIcon};
	 var gIcon = new GIcon(G_DEFAULT_ICON);
	 gIcon.image = "../images/g_icon.png";
	 gOptions = { icon:gIcon};
	 var hIcon = new GIcon(G_DEFAULT_ICON);
	 hIcon.image = "../images/h_icon.png";
	 hOptions = { icon:hIcon};
	 var transportationIcon = new GIcon(G_DEFAULT_ICON);
	 transportationIcon.image = "../images/transportation_icon.png";
	 markerOptionsTransportation = { icon:transportationIcon };
	 var point = new GLatLng(30.943005,121.459581);
	 map.addOverlay(createMarker(point, iOptions,0));
	 var point1 = new GLatLng(22.321100520606634, 114.17019009590149);
map.addOverlay(createMarker(point1, aOptions,1));

	 var point2 = new GLatLng(22.312273999999999,114.168555);
map.addOverlay(createMarker(point2, cOptions,2));

	 var point3 = new GLatLng(22.311052,114.17018);
map.addOverlay(createMarker(point3, cOptions,3));

	 var point4 = new GLatLng(22.310687999999999,114.168971);
map.addOverlay(createMarker(point4, bOptions,4));

	 var point5 = new GLatLng(22.310217000000002,114.170434);
map.addOverlay(createMarker(point5, bOptions,5));

	 var point6 = new GLatLng(22.309934999999999,114.170675);
map.addOverlay(createMarker(point6, cOptions,6));

	 var point7 = new GLatLng(22.30917521569922, 114.16944175958633);
map.addOverlay(createMarker(point7, aOptions,7));

	 var point8 = new GLatLng(22.308180153578874, 114.17163580656051);
map.addOverlay(createMarker(point8, bOptions,8));

	 var point9 = new GLatLng(22.307996525380193,114.1715258359909);
map.addOverlay(createMarker(point9, bOptions,9));

	 var point10 = new GLatLng(22.307989080988676,114.17212128639221);
map.addOverlay(createMarker(point10, bOptions,10));

	 var pointDefault = new GLatLng(30.943005,121.459581);

	 var mark = new GMarker(pointDefault,iOptions);
	 map.addOverlay(mark);
	 mark.openInfoWindowHtml("<div style=\"font:Arial, Helvetica, sans-serif;font-size:10px;color:#3F454F;text-autospace : ideograph-alpha;width:300px\"><table border=\"0\"><tr><td><b>上海南桥绿地逸东「华」酒店<br>Address: 上海奉贤南桥环城东路473号。<br>Tel: </b></td><td><img src=\"../images/elnaq_location_map.jpg\"></td></tr></table></div>");
	 map.addOverlay(createMarker(pointDefault, iOptions,0));
	 map.addControl(new PlaneIcon());

	 }
	 }
 function createMarker(point, number,index) {
	 var marker = new GMarker(point,number);

	 switch (index)
	 {

case 0:	 GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml("<div style=\"font:Arial, Helvetica, sans-serif;font-size:10px;color:#3F454F;text-autospace : ideograph-alpha;width:350px\"><table border=\"0\"><tr><td><b>上海南桥绿地逸东「华」酒店<br>Address: 上海奉贤南桥环城东路473号。<br>Tel: (</b></td><td><img src=\"../images/elnaq_location_map.jpg\"></td></tr></table></div>");		 });
		 break; 

		 case 1:
		 GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml("<div style=\"font:Arial, Helvetica, sans-serif;font-size:10px;color:#3F454F;text-autospace : ideograph-alpha;width:350px\"><table border=\"0\"><tr><td><b>女人街</b><br> 女人街是香港最受欢迎的市集之一，廉价的时装、手袋、玩具、化妆品、家居杂货应有尽有，喜爱购物的人士万勿错过。各式摊档由旺角通菜街开始沿途摆卖，从中午一直营业到晚上11时半，是旅客寻宝的好地方。</td></tr></table></div>");
	 });
	 break;

		 case 2:
		 GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml("<div style=\"font:Arial, Helvetica, sans-serif;font-size:10px;color:#3F454F;text-autospace : ideograph-alpha;width:350px\"><table border=\"0\"><tr><td><b>油麻地果栏</b><br> 油麻地果栏是水果批发市场，极具历史价值。市场由多座一至两层高的石建筑组成，外墙还挂着二战前的招牌。市场最热闹的时间是早上4时到6时，载满水果的货车和手推车络绎不绝。</td></tr></table></div>");
	 });
	 break;

		 case 3:
		 GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml("<div style=\"font:Arial, Helvetica, sans-serif;font-size:10px;color:#3F454F;text-autospace : ideograph-alpha;width:350px\"><table border=\"0\"><tr><td><b>庙街夜市</b><br> 闻名的庙街在黄昏的时候便热闹起来，随着汽车绕道，游人涌现，夜市便会出现数以百计的摊档。装满便服、手机、手表的手推车令人目不暇给，沿途还有各式道地小吃和美食，游人更可欣赏现场表演的街头粤曲演唱，别具风情。</td></tr></table></div>");
	 });
	 break;

		 case 4:
		 GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml("<div style=\"font:Arial, Helvetica, sans-serif;font-size:10px;color:#3F454F;text-autospace : ideograph-alpha;width:350px\"><table border=\"0\"><tr><td><b>百老汇电影中心</b><br> 百老汇电影中心隶属百老汇院线，播放的电影种类繁多，世界各地的精彩影片也能找到。电影中心共有四间影院，设有640个座位，附近还有售卖电影书籍的Kubrick书店连咖啡店。</td></tr></table></div>");
	 });
	 break;

		 case 5:
		 GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml("<div style=\"font:Arial, Helvetica, sans-serif;font-size:10px;color:#3F454F;text-autospace : ideograph-alpha;width:350px\"><table border=\"0\"><tr><td><b>美都餐室</b><br> 美都餐室在60年代开业，是区内最古色古香的茶餐厅。怀旧的布置、吊扇和马赛克纸皮石，营成独特的格调，不少当地电影也在这儿拍摄。驰名的蛋挞，还有以红茶和咖啡冲调而成的冰鸳鸯，也令人回味。</td></tr></table></div>");
	 });
	 break;

		 case 6:
		 GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml("<div style=\"font:Arial, Helvetica, sans-serif;font-size:10px;color:#3F454F;text-autospace : ideograph-alpha;width:350px\"><table border=\"0\"><tr><td><b>天后庙</b><br> 要一窥中国文化，便要到天后庙看看。当地人相信天后妈祖保佑渔民不受风雨影响，因此建庙供奉她。在庙前还有不少相士，可替游人占算一下未来的运程。</td></tr></table></div>");
	 });
	 break;

		 case 7:
		 GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml("<div style=\"font:Arial, Helvetica, sans-serif;font-size:10px;color:#3F454F;text-autospace : ideograph-alpha;width:350px\"><table border=\"0\"><tr><td><b>玉器市场</b><br> 要买便宜的玉器作手信，便要到玉器市场逛逛。市场每天吸引不少玉器爱好者前来，在摊档埋头寻找小巧别致、价廉物美的优质玉石首饰。</td></tr></table></div>");
	 });
	 break;

		 case 8:
		 GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml("<div style=\"font:Arial, Helvetica, sans-serif;font-size:10px;color:#3F454F;text-autospace : ideograph-alpha;width:350px\"><table border=\"0\"><tr><td><b>逸东酒店逸东轩</b><br> 获奖无数的逸东轩以健康创新的粤菜闻名，菜式绝不使用味精，保留食物的天然鲜味。餐厅的佳肴选择众多，点心、炖汤、海鲜和时令美食，多不胜数。</td></tr></table></div>");
	 });
	 break;

		 case 9:
		 GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml("<div style=\"font:Arial, Helvetica, sans-serif;font-size:10px;color:#3F454F;text-autospace : ideograph-alpha;width:350px\"><table border=\"0\"><tr><td><b>逸东酒店Yagura </b><br> Yagura采用日式居酒屋布置，格调时尚，顶级的刺身、创意寿司、天妇罗、炉端烧美食等等，使餐厅成为区内的消遣热点。餐厅还供应超过25种日本清酒和烧酒，是忙碌一天后轻松一下的好去处。</td></tr></table></div>");
	 });
	 break;

		 case 10:
		 GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml("<div style=\"font:Arial, Helvetica, sans-serif;font-size:10px;color:#3F454F;text-autospace : ideograph-alpha;width:350px\"><table border=\"0\"><tr><td><b>逸东酒店T吧</b><br> T吧搜罗了世界各地的美酒和特式鸡尾酒，每天更有现场乐队表演，也播放精彩的体育节目，是与三五知己共聚的首选。</td></tr></table></div>");
	 });
	 break;

	 default : 
	 break;
 }
	 return marker;
}
	 function setDirections(fromAddress, toAddress, locale) {
	 if(fromAddress=="上海南桥绿地逸东「华」酒店")
	 fromAddress = "上海南桥绿地逸东「华」酒店";
	 if(toAddress=="")return;	 gdir.load("from: " + fromAddress + " 上海 to: " + toAddress + " 上海",{locale:"cn-zh"});
	 }

	 function handleErrors(){
	 if (gdir.getStatus().code == G_GEO_UNKNOWN_ADDRESS)
alert("No corresponding geographic location could be found for one of the specified addresses. This may be due to the fact that the address is relatively new, or it may be incorrect.\nError code: " + gdir.getStatus().code);
	 else if (gdir.getStatus().code == G_GEO_SERVER_ERROR)
	 alert("A geocoding or directions request could not be successfully processed, yet the exact reason for the failure is not known.\n Error code: " + gdir.getStatus().code);
	 else if (gdir.getStatus().code == G_GEO_MISSING_QUERY)
	 alert("The HTTP q parameter was either missing or had no value. For geocoder requests, this means that an empty address was specified as input. For directions requests, this means that no query was specified in the input.\n Error code: " + gdir.getStatus().code);
	 else if (gdir.getStatus().code == G_GEO_BAD_KEY)
	 alert("The given key is either invalid or does not match the domain for which it was given. \n Error code: " + gdir.getStatus().code);
	 else if (gdir.getStatus().code == G_GEO_BAD_REQUEST)
	 alert("A directions request could not be successfully parsed.\n Error code: " + gdir.getStatus().code);
	 else alert("An unknown error occurred.");
}
function onGDirectionsLoad(){
 }