// 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    -->
	
	// Bari (old town)
	var point = new GPoint(16.869593,41.13012);
	createMarker(point,"<div id=bubble><a href=''><img style='border-color:#666666' border='1' hspace='5' align='left' src=''><b>Bari</b></a><br><br>.</div>","Bari");
	
	// Bitonto (exact)
	var point = new GPoint(16.689981,41.106414);
	createMarker(point,"<div id=bubble><a href=''><img style='border-color:#666666' border='1' hspace='5' align='left' src=''><b>Bitonto</b></a><br><br>.</div>","Bitonto");
	
	// Molfetta (not exact to cathedral)
	var point = new GPoint(16.601222,41.202068);
	createMarker(point,"<div id=bubble><a href=''><img style='border-color:#666666' border='1' hspace='5' align='left' src=''><b>Molfetta</b></a><br><br>.</div>","Molfetta");
	
	 // Monte Sant'Angelo
	var point = new GPoint(15.961761, 41.710855);
	createMarker(point,"<div id=bubble><a href='http://www.sacred-destinations.com/italy/monte-sant-angelo.htm'><img style='border-color:#666666' border='1' hspace='5' align='left' src='http://www.sacred-destinations.com/italy/images/thumbnails50/monte-sant-angelo-grotto-cc-roby-ferrari.jpg'><b>Monte Sant'Angelo</b></a><br><br>The Sanctuary of St. Michael the Archangel (Santuario di San Michele Arcangelo) is a sacred cave and popular Catholic shrine near San Giovanni Rotundo. Here the Archangel Michael is said to have appeared in 490, 492 and 1656 and to offer protection and answered prayer to anyone who comes to the sacred grotto. </div>","Monte Sant'Angelo");
	 
		// Ruvo di Puglia
	var point = new GPoint(16.485329,41.118418);
	createMarker(point,"<div id=bubble><a href=''><img style='border-color:#666666' border='1' hspace='5' align='left' src=''><b>Ruvo di Puglia</b></a><br><br>.</div>","Ruvo di Puglia");
	
	// San Giovanni Rotondo
	var point = new GPoint(15.724182, 41.70214);
	createMarker(point,"<div id=bubble><a href='http://www.sacred-destinations.com/italy/san-giovanni-rotondo-padre-pio-shrine.htm'><img style='border-color:#666666' border='1' hspace='5' align='left' src='http://www.sacred-destinations.com/italy/images/thumbnails50/san-giovanni-new-sanctuary-exterior-cc-koolinus.jpg'><b>San Giovanni Rotondo</b></a><br><br>This small town in eastern Italy centers around the shrine of St. Padre Pio, a Capuchin friar, mystic and miracle worker who died here in 1968 and was canonized in 2002.</div>","San Giovanni Rotondo");
	
	// Trani (exact)
	var point = new GPoint(16.418467,41.282273);
	createMarker(point,"<div id=bubble><a href=''><img style='border-color:#666666' border='1' hspace='5' align='left' src=''><b>Trani</b></a><br><br>.</div>","Trani");
	
		 // Troia
	var point = new GPoint(15.308762,41.361092);
	createMarker(point,"<div id=bubble><a href=''><img style='border-color:#666666' border='1' hspace='5' align='left' src=''><b>Troia</b></a><br><br>.</div>","Troia");
	
		
	
	 // put the assembled sidebar_html contents into the sidebar div
    document.getElementById("sidebar").innerHTML = sidebar_html;
    }

	//]]>