//<![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>競賽地址：臺北市大安區羅斯福路4段1號<br><center><img src='http://www.2009deaflympics.org/ezfiles/0/1000/img/5/pic4.jpg'></center></div>";
	var html1 = "<div style='color:#696969;'>競賽項目：排球(競賽/暖身/練習)<br>競賽場地：臺北縣新莊體育場體育館<br>競賽地址：臺北縣新莊市和興街66號<br><center><img src=http://www.2009deaflympics.org/ezfiles/0/1000/img/5/pic5.jpg></center></div>";
	var html2 = "<div style='color:#696969;'>競賽項目：排球(練習)<br>競賽場地：臺北市立南湖高級中學<br>競賽地址：臺北市內湖區康寧路三段220號<!--<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>競賽地址：臺北市內湖區內湖路一段520號<!--<br><center><img src=http://www.2009deaflympics.org/ezfiles/0/1000/img/30/Download-T2009.jpg></center>--></div>";
	var html4 = "<div style='color:#696969;'>競賽項目：排球(練習)<br>競賽場地：臺北市立內湖高級中學<br>競賽地址：臺北市內湖區文德路218號<!--<br><center><img src=http://www.2009deaflympics.org/ezfiles/0/1000/img/30/Download-T2009.jpg></center>--></div>";

	venuebutton.appendChild(this.createButton("臺大體育館", 25.021908, 121.534957, 16, html0));
	venuebutton.appendChild(this.createButton("新莊體育館", 25.040577, 121.451894, 17, html1));    
	venuebutton.appendChild(this.createButton("南湖高中", 25.066659, 121.609908, 16, html2));
    venuebutton.appendChild(this.createButton("內湖高工", 25.079545, 121.574492, 16, html3));
    venuebutton.appendChild(this.createButton("內湖高中", 25.078015, 121.587077, 16, html4));
  
    map.getContainer().appendChild(venuebutton);
    return venuebutton;
}
// 預設位置
VenuesControl.prototype.getDefaultPosition = function() {
    return new GControlPosition(G_ANCHOR_BOTTOM_LEFT, new GSize(10, 50));
}
// 建立按鈕
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.021908, 121.534957);
		var deafPoint1= new GLatLng(25.040577, 121.451894);
		var deafPoint2= new GLatLng(25.066659, 121.609908);
		var deafPoint3= new GLatLng(25.079545, 121.574492);
		var deafPoint4= new GLatLng(25.078015, 121.587077);
		
        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 marker4 = new GMarker(deafPoint4,{icon: deafIcon});

		
		var html0 = "<div style='color:#696969;'>競賽項目：排球(競賽/暖身/練習)<br>競賽場地：國立臺灣大學體育館<br>競賽地址：臺北市大安區羅斯福路4段1號<br><center><img src='http://www.2009deaflympics.org/ezfiles/0/1000/img/5/pic4.jpg'></center></div>";
		map.openInfoWindowHtml (deafPoint0, html0);
		GEvent.addListener(marker0, "click", function() {marker0.openInfoWindowHtml(html0);})
		var html1 = "<div style='color:#696969;'>競賽項目：排球(競賽/暖身/練習)<br>競賽場地：臺北縣新莊體育場體育館<br>競賽地址：臺北縣新莊市和興街66號<br><center><img src=http://www.2009deaflympics.org/ezfiles/0/1000/img/5/pic5.jpg></center></div>";
		GEvent.addListener(marker1, "click", function() {marker1.openInfoWindowHtml(html1);})
		var html2 = "<div style='color:#696969;'>競賽項目：排球(練習)<br>競賽場地：臺北市立南湖高級中學<br>競賽地址：臺北市內湖區康寧路三段220號<!--<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>競賽地址：臺北市內湖區內湖路一段520號<!--<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);})
		var html4 = "<div style='color:#696969;'>競賽項目：排球(練習)<br>競賽場地：臺北市立內湖高級中學<br>競賽地址：臺北市內湖區文德路218號<!--<br><center><img src=http://www.2009deaflympics.org/ezfiles/0/1000/img/30/Download-T2009.jpg></center>--></div>";
		GEvent.addListener(marker4, "click", function() {marker4.openInfoWindowHtml(html4);})

        map.addOverlay(marker0);
		map.addOverlay(marker1);
		map.addOverlay(marker2);
		map.addOverlay(marker3);
		map.addOverlay(marker4);

      }
    }
    //]]>