// Java Document

 //<![CDATA[
 
 // Begin Javascript
var gmarkers = [];
var htmls = [];
function myclick(i) {
gmarkers[i].openInfoWindowHtml(htmls[i]);
}
    function onLoad() {
      // Map Overlays
      //
      
	  // This function picks up the click and opens the corresponding info window
// Creates one a small marker at the given point
function createMarker(point, attributeHTMLString, name) {
  var marker = new GMarker(point, icon);
  map.addOverlay(marker);
  GEvent.addListener(marker, "click", function() {
    marker.openInfoWindowHtml(attributeHTMLString);
  });
  // save the info we need to use later for the sidebar
  gmarkers[i] = marker;
  htmls[i] = attributeHTMLString;
  // add a line to the sidebar html
  sidebar_html += '<a href="javascript:myclick(' + i + ')">' + name + '</a><br>';
        i++;
        return marker;
}



      // Create small marker icon
var icon = new GIcon();
icon.image = "http://labs.google.com/ridefinder/images/mm_20_blue.png";
icon.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
icon.iconSize = new GSize(12, 20);
icon.shadowSize = new GSize(22, 20);
icon.iconAnchor = new GPoint(6, 20);
icon.infoWindowAnchor = new GPoint(5, 1);

<!--    begin pulling data    -->
	
		// Royal Palace
	var point = new GPoint(100.557602,14.358885);
	createMarker(point,"<div id=bubble><a href=''><img style='border-color:#666666' border='1' hspace='5' align='left' src=''><b></b></a><br><br></div>","");
	
	
		 // Wat Chai Watthanaram - approx, low-res area
	var point = new GPoint(100.541819,14.342823);
	createMarker(point,"<div id=bubble><a href=''><img style='border-color:#666666' border='1' hspace='5' align='left' src=''><b>Wat Chai Watthanaram</b></a><br><br></div>","Wat Chai Watthanaram");
	
		 // Wat Lokaya Sutha
	var point = new GPoint(100.552318,14.355466);
	createMarker(point,"<div id=bubble><a href=''><img style='border-color:#666666' border='1' hspace='5' align='left' src=''><b></b></a><br><br></div>","");
	
		// Wat Mahathat
	var point = new GPoint(100.567427,14.356993);
	createMarker(point,"<div id=bubble><a href=''><img style='border-color:#666666' border='1' hspace='5' align='left' src=''><b></b></a><br><br></div>","");
		
		 // Wat Na Phra Mane
	var point = new GPoint(100.558664,14.362634);
	createMarker(point,"<div id=bubble><a href=''><img style='border-color:#666666' border='1' hspace='5' align='left' src=''><b>Wat Na Phra Mane</b></a><br><br></div>","Wat Na Phra Mane");
	
		 // Wat Phananchoeng
	var point = new GPoint(100.578858,14.344203);
	createMarker(point,"<div id=bubble><a href=''><img style='border-color:#666666' border='1' hspace='5' align='left' src=''><b>Wat Phananchoeng</b></a><br><br></div>","Wat Phananchoeng");
	 	
		 // Wat Phra Si Sanphet
	var point = new GPoint(100.558408,14.355820);
	createMarker(point,"<div id=bubble><a href=''><img style='border-color:#666666' border='1' hspace='5' align='left' src=''><b></b></a><br><br></div>","");
	
		// Wat Ratchaburana
	var point = new GPoint(100.567231,14.358752);
	createMarker(point,"<div id=bubble><a href=''><img style='border-color:#666666' border='1' hspace='5' align='left' src=''><b></b></a><br><br></div>","");
			
		// Wat Thammikharat 
	var point = new GPoint(100.561353,14.359004);
	createMarker(point,"<div id=bubble><a href=''><img style='border-color:#666666' border='1' hspace='5' align='left' src=''><b>Wat Thammikharat </b></a><br><br></div>","Wat Thammikharat ");
		
	// Wiharn Phra Mongkon Bophit
	var point = new GPoint(100.557662,14.354872);
	createMarker(point,"<div id=bubble><a href=''><img style='border-color:#666666' border='1' hspace='5' align='left' src=''><b>Wiharn Phra Mongkon Bophit</b></a><br><br></div>","Wiharn Phra Mongkon Bophit");
	
	// Create small marker icon
var icon = new GIcon();
icon.image = "http://labs.google.com/ridefinder/images/mm_20_white.png";
icon.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
icon.iconSize = new GSize(12, 20);
icon.shadowSize = new GSize(22, 20);
icon.iconAnchor = new GPoint(6, 20);
icon.infoWindowAnchor = new GPoint(5, 1);


		
	
	 // put the assembled sidebar_html contents into the sidebar div
  //document.getElementById("sidebar").innerHTML = sidebar_html;
    }

	//]]>