//<![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>競賽場地：臺北體育館7樓<br>競賽地址：臺北市松山區南京東路4段10號<br><center><img src='http://www.2009deaflympics.org/ezfiles/0/1000/img/5/pic6.jpg'></center></div>";
	var html1 = "<div style='color:#696969;'>競賽項目：羽球(練習)<br>競賽場地：中正運動中心7樓(4面)<br>競賽地址：臺北市中正區信義路1段1號<!--<br><center><img src=http://www.2009deaflympics.org/ezfiles/0/1000/img/30/Download-T2009.jpg>--></div>";
	var html2 = "<div style='color:#696969;'>競賽項目：羽球(練習)<br>競賽場地：中山運動中心4樓(5面)<br>競賽地址：臺北市中山區中山北路2段44巷2號<!--<br><center><img src=http://www.2009deaflympics.org/ezfiles/0/1000/img/30/Download-T2009.jpg>--></div>";
	var html3 = "<div style='color:#696969;'>競賽項目：羽球(練習)<br>競賽場地：士林運動中心7樓(5面)<br>競賽地址：臺北市士林區士商路1號<!--<br><center><img src=http://www.2009deaflympics.org/ezfiles/0/1000/img/30/Download-T2009.jpg></center>--></div>";
	
	venuebutton.appendChild(this.createButton("臺北體育館", 25.051526, 121.551775, 16, html0));    
	venuebutton.appendChild(this.createButton("中正運動中心", 25.038500, 121.518842, 16, html1));
    venuebutton.appendChild(this.createButton("中山運動中心", 25.054960, 121.521535, 16, html2));
    venuebutton.appendChild(this.createButton("士林運動中心", 25.089408, 121.521503, 16, 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 deafPoint = new GLatLng(25.051526, 121.552085);
		var deafPoint0 = new GLatLng(25.051526, 121.551775);
		var deafPoint1 = new GLatLng(25.038500, 121.518842);
		var deafPoint2 = new GLatLng(25.054960, 121.521535);
		var deafPoint3 = new GLatLng(25.089408, 121.521503);
		
        map.setCenter(deafPoint0, 16);

        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>競賽場地：臺北體育館7樓<br>競賽地址：臺北市松山區南京東路4段10號<br><center><img src='http://www.2009deaflympics.org/ezfiles/0/1000/img/5/pic6.jpg'></center></div>";
		map.openInfoWindowHtml (deafPoint0, html0);
		GEvent.addListener(marker0, "click", function() {marker0.openInfoWindowHtml(html0);})
		
		var html1 = "<div style='color:#696969;'>競賽項目：羽球(練習)<br>競賽場地：中正運動中心7樓(4面)<br>競賽地址：臺北市中正區信義路1段1號<!--<br><center><img src=http://www.2009deaflympics.org/ezfiles/0/1000/img/30/Download-T2009.jpg>--></div>";
		GEvent.addListener(marker1, "click", function() {marker1.openInfoWindowHtml(html1);})
		
		var html2 = "<div style='color:#696969;'>競賽項目：羽球(練習)<br>競賽場地：中山運動中心4樓(5面)<br>競賽地址：臺北市中山區中山北路2段44巷2號<!--<br><center><img src=http://www.2009deaflympics.org/ezfiles/0/1000/img/30/Download-T2009.jpg>--></div>";
		GEvent.addListener(marker2, "click", function() {marker2.openInfoWindowHtml(html2);})
		
		var html3 = "<div style='color:#696969;'>競賽項目：羽球(練習)<br>競賽場地：士林運動中心7樓(5面)<br>競賽地址：臺北市士林區士商路1號<!--<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);

      }
    }
    //]]>

