// 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    -->
			 
		 // Agia Solomoni Catacombs
	var point = new GPoint(32.412468, 34.761786);
	createMarker(point,"<div id=bubble><a href=''><img style='border-color:#666666' border='1' hspace='5' align='left' src=''><b>Agia Solomoni Catacombs</b></a><br><br></div>","Agia Solomoni Catacombs");
	 	 	 
		 // Agios Kendeas Church
	var point = new GPoint(32.420579, 34.776099);
	createMarker(point,"<div id=bubble><a href=''><img style='border-color:#666666' border='1' hspace='5' align='left' src=''><b>Agios Kendeas Church</b></a><br><br></div>","Agios Kendeas Church");
	
		 // Agora and Asklepion
	var point = new GPoint(32.407115, 34.759723);
	createMarker(point,"<div id=bubble><a href=''><img style='border-color:#666666' border='1' hspace='5' align='left' src=''><b>Agora and Asklepion</b></a><br><br></div>","Agora and Asklepion");
	
		 // Archaeological Site
	var point = new GPoint(32.407823, 34.758644);
	createMarker(point,"<div id=bubble><a href=''><img style='border-color:#666666' border='1' hspace='5' align='left' src=''><b>Archaeological Site</b></a><br><br></div>","Archaeological Site");
		 
		 // Byzantine Museum
	var point = new GPoint(32.420665, 34.773023);
	createMarker(point,"<div id=bubble><a href=''><img style='border-color:#666666' border='1' hspace='5' align='left' src=''><b>Byzantine Museum</b></a><br><br></div>","Byzantine Museum");
	
		 
		 // Castle
	var point = new GPoint(32.406943, 34.753549);
	createMarker(point,"<div id=bubble><a href=''><img style='border-color:#666666' border='1' hspace='5' align='left' src=''><b>Paphos Castle</b></a><br><br></div>","Castle");
		 
		 // Church of St. Paul
	var point = new GPoint(32.414217, 34.757846);
	createMarker(point,"<div id=bubble><a href=''><img style='border-color:#666666' border='1' hspace='5' align='left' src=''><b>Church of St. Paul</b></a><br><br></div>","Church of St. Paul");
			 
		 // Kata Paphos - verify
	var point = new GPoint(34.775997,32.405924);
	createMarker(point,"<div id=bubble><a href=''><img style='border-color:#666666' border='1' hspace='5' align='left' src=''><b>Kata Paphos</b></a><br><br>Aphrodite's sacred city and a World Heritage Site.</div>","Kata Paphos");
	 		 
		 // Limeniotissa Church Ruins
	var point = new GPoint(32.407694, 34.75577);
	createMarker(point,"<div id=bubble><a href=''><img style='border-color:#666666' border='1' hspace='5' align='left' src=''><b>Limeniotissa Church Ruins</b></a><br><br></div>","Limeniotissa Church Ruins");
	 	 
		 // Odeon
	var point = new GPoint(32.406959, 34.760213);
	createMarker(point,"<div id=bubble><a href=''><img style='border-color:#666666' border='1' hspace='5' align='left' src=''><b>Odeon</b></a><br><br></div>","Odeon");
	
		 // Roman Mosaics
	var point = new GPoint(32.406036, 34.758229);
	createMarker(point,"<div id=bubble><a href=''><img style='border-color:#666666' border='1' hspace='5' align='left' src=''><b>Roman Villas with Mosaics</b></a><br><br></div>","Roman Mosaics");
	
		 // Sanctuary of Aphrodite
	var point = new GPoint(32.573873, 34.707496);
	createMarker(point,"<div id=bubble><a href=''><img style='border-color:#666666' border='1' hspace='5' align='left' src=''><b>Sanctuary of Aphrodite</b></a><br><br></div>","Sanctuary of Aphrodite");
	
		 
		 // Tombs of the Kings
	var point = new GPoint(32.404722, 34.776456);
	createMarker(point,"<div id=bubble><a href='http://www.sacred-destinations.com/cyprus/paphos-tombs-of-the-kings.htm'><img style='border-color:#666666' border='1' hspace='5' align='left' src=''><b>Tombs of the Kings</b></a><br><br></div>","Tombs of the Kings");
	
	
	// 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;
    }

	//]]>