//<![CDATA[

    var map;
    var deafIcon= new GIcon();
    deafIcon.image = "http://www.2009deaflympics.org/ezfiles/0/1000/img/30/LOGO090511.png";
    deafIcon.iconSize = new GSize(35, 35);
    deafIcon.iconAnchor = new GPoint(10, 0);
    deafIcon.infoWindowAnchor = new GPoint(15, 1);
	
    function VenuesControl() {}
VenuesControl.prototype = new GControl();

VenuesControl.prototype.initialize = function(map) {
    var venuebutton = document.createElement("div");
	
	var html0 = "<div style='color:#696969;'>競賽項目：定向運動(競賽)<br>競賽場地：陽明山國家公園擎天崗<!--<br><center><img src='http://www.2009deaflympics.org/ezfiles/0/1000/img/5/pic1.jpg'></center>--></div>";
	var html1 = "<div style='color:#696969;'>競賽項目：定向運動(競賽)<br>競賽場地：陽明山國家公園冷水坑<!--<br><center><img src=http://www.2009deaflympics.org/ezfiles/0/1000/img/30/Download-T2009.jpg></center>--></div>";
	var html2 = "<div style='color:#696969;'>競賽項目：定向運動(競賽)<br>競賽場地：陽明山公園及第二停車場區域<!--<br><center><img src=http://www.2009deaflympics.org/ezfiles/0/1000/img/30/Download-T2009.jpg></center>--></div>";
	var html3 = "<div style='color:#696969;'>競賽項目：定向運動(練習)<br>競賽場地：南港公園<br>競賽地址：臺北市南港區東興街170號<!--<br><center><img src=http://www.2009deaflympics.org/ezfiles/0/1000/img/30/Download-T2009.jpg></center>--></div>";

	venuebutton.appendChild(this.createButton("擎天崗", 25.167949, 121.563385, 18, html0));
	venuebutton.appendChild(this.createButton("冷水坑", 25.165739, 121.564061, 18, html1));    
	venuebutton.appendChild(this.createButton("第二停車場", 25.158418, 121.539236, 18, html2));
    venuebutton.appendChild(this.createButton("南港公園", 25.043070, 121.591832, 17, html3));
  
    map.getContainer().appendChild(venuebutton);
    return venuebutton;
}
// 預設位置
VenuesControl.prototype.getDefaultPosition = function() {
    return new GControlPosition(G_ANCHOR_BOTTOM_LEFT, new GSize(10, 40));
}
// 建立按鈕
VenuesControl.prototype.createButton = function(name, lat, lng, zoom, ctxt) {
    var div = document.createElement("div");
    this.setButtonStyle_(div);
    div.appendChild(document.createTextNode(name));
    GEvent.addDomListener(div, "click", function() {
      map.setCenter(new GLatLng(lat, lng), zoom); 
	  map.openInfoWindowHtml (map.getCenter(), ctxt);
    });
    return div;
}
// 設定按鈕樣式
VenuesControl.prototype.setButtonStyle_ = function(button) {
    button.style.textDecoration = "underline";
    button.style.color = "#0000cc";
    button.style.backgroundColor = "white";
    button.style.font = "small Arial";
    button.style.border = "1px solid black";
    button.style.padding = "2px";
    button.style.marginBottom = "3px";
    button.style.textAlign = "center";
    button.style.width = "6em";
    button.style.cursor = "pointer";
}

    function load() {

      if (GBrowserIsCompatible()) {  

        map = new GMap2(document.getElementById("map"));
		map.enableScrollWheelZoom();
		map.addControl(new VenuesControl());
		map.setUIToDefault();
        map.addControl(new GMapTypeControl());
		map.addControl(new GOverviewMapControl(),new GControlPosition(G_ANCHOR_BOTTOM_RIGHT, new GSize(0,0)));     

        var deafPoint0= new GLatLng(25.167949, 121.563385);
		var deafPoint1= new GLatLng(25.165739, 121.564061);
		var deafPoint2= new GLatLng(25.158418, 121.539236);
		var deafPoint3= new GLatLng(25.043070, 121.591832);
		
        map.setCenter(deafPoint0, 18);

        var marker0 = new GMarker(deafPoint0,{icon: deafIcon});

		var marker1 = new GMarker(deafPoint1,{icon: deafIcon});

		var marker2 = new GMarker(deafPoint2,{icon: deafIcon});

		var marker3 = new GMarker(deafPoint3,{icon: deafIcon});
	
		var html0 = "<div style='color:#696969;'>競賽項目：定向運動(競賽)<br>競賽場地：陽明山國家公園擎天崗<!--<br><center><img src='http://www.2009deaflympics.org/ezfiles/0/1000/img/5/pic1.jpg'></center>--></div>";
		map.openInfoWindowHtml (deafPoint0, html0);
		GEvent.addListener(marker0, "click", function() {marker0.openInfoWindowHtml(html0);})
		var html1 = "<div style='color:#696969;'>競賽項目：定向運動(競賽)<br>競賽場地：陽明山國家公園冷水坑<!--<br><center><img src=http://www.2009deaflympics.org/ezfiles/0/1000/img/30/Download-T2009.jpg></center>--></div>";
		GEvent.addListener(marker1, "click", function() {marker1.openInfoWindowHtml(html1);})
		var html2 = "<div style='color:#696969;'>競賽項目：定向運動(競賽)<br>競賽場地：陽明山公園及第二停車場區域<!--<br><center><img src=http://www.2009deaflympics.org/ezfiles/0/1000/img/30/Download-T2009.jpg></center>--></div>";
		GEvent.addListener(marker2, "click", function() {marker2.openInfoWindowHtml(html2);})
		var html3 = "<div style='color:#696969;'>競賽項目：定向運動(練習)<br>競賽場地：南港公園<br>競賽地址：臺北市南港區東興街170號<!--<br><center><img src=http://www.2009deaflympics.org/ezfiles/0/1000/img/30/Download-T2009.jpg></center>--></div>";
		GEvent.addListener(marker3, "click", function() {marker3.openInfoWindowHtml(html3);})

        map.addOverlay(marker0);
		map.addOverlay(marker1);
		map.addOverlay(marker2);
		map.addOverlay(marker3);

      }
    }
    //]]>


