// 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    -->
	
	
    
    
		 // Beach
	var point = new GPoint(14.988141,40.415391);
	createMarker(point,"<div id=bubble><a href='http://www.sacred-destinations.com/italy/paestum.htm'><img style='border-color:#666666' border='1' hspace='5' align='left' src='http://www.sacred-destinations.com/italy/paestum-pictures/thumbs/ocean-sunset-cc-jank87.jpg'><b>Beach</b></a><br><br>Long stretch of beautiful sandy beaches near Paestum.</div>","Beach");
	
	// Paleochristian Church
	var point = new GPoint(15.007399,40.424013);
	createMarker(point,"<div id=bubble><a href='http://www.sacred-destinations.com/italy/paestum-church.htm'><img style='border-color:#666666' border='1' hspace='5' align='left' src='http://www.sacred-destinations.com/italy/paestum-church-photos/thumbs/xti_6340s.jpg'><b>Paleochristian Church</b></a><br><br>Close to the Greek temples is the Basilica Paleocristiana, an early Christian cathedral dating from the 5th century. It has recently been restored to its original form, which reuses materials from the ancient city.</div>","Byzantine Church");
	
    
		 // Museum
	var point = new GPoint(15.007228,40.423453);
	createMarker(point,"<div id=bubble><a href='http://www.sacred-destinations.com/italy/paestum.htm'><img style='border-color:#666666' border='1' hspace='5' align='left' src='http://www.sacred-destinations.com/italy/paestum-pictures/thumbs/murals-diver-cc-sam-newman.jpg'><b>Museum</b></a><br><br>Located next to the Greek temples, this excellent museum displays Greek and Roman artifacts from the Paestum area. Its most famous exhibits are rare Greek tomb frescoes from the 5th and 4th centuries BC.</div>","Museum");
	
		 // Roman Amphitheater
	var point = new GPoint(15.006348,40.42242);
	createMarker(point,"<div id=bubble><a href='http://www.sacred-destinations.com/italy/paestum.htm'><img style='border-color:#666666' border='1' hspace='5' align='left' src='http://www.sacred-destinations.com/italy/paestum-pictures/thumbs/ruins2-cc-timdan2.jpg'><b>Roman Amphitheater</b></a><br><br></div>","Roman Amphitheater");
	    
		 // Temple of Ceres
	var point = new GPoint(15.005468,40.424556);
	createMarker(point,"<div id=bubble><a href='http://www.sacred-destinations.com/italy/paestum.htm'><img style='border-color:#666666' border='1' hspace='5' align='left' src='http://www.sacred-destinations.com/italy/paestum-pictures/thumbs/temple-of-ceres-cc-phault.jpg'><b>Temple of Ceres or Athena</b></a><br><br>The Temple of Ceres (or Athena) was built in c.500 BC in a transitional style between Ionic and early Doric. It was later used as a Christian church, as indicated by three Christian tombs discovered in the floor.</div>","Temple of Ceres");
	
    
		 // Temple of Hera
	var point = new GPoint(15.005382,40.419345);
	createMarker(point,"<div id=bubble><a href='http://www.sacred-destinations.com/italy/paestum.htm'><img style='border-color:#666666' border='1' hspace='5' align='left' src='http://www.sacred-destinations.com/italy/paestum-pictures/thumbs/temple-of-hera-cc-pedro-prats.jpg'><b>Temple of Hera</b></a><br><br>The Temple of Hera is the oldest of the three temples, built about 550 BC. It is sometimes called the Basilica, based on an error of earlier archaeologists in thinking it was a Roman public building.</div>","Temple of Hera");
	
    
		 // Temple of Neptune
	var point = new GPoint(15.005398,40.419986);
	createMarker(point,"<div id=bubble><a href='http://www.sacred-destinations.com/italy/paestum.htm'><img style='border-color:#666666' border='1' hspace='5' align='left' src='http://www.sacred-destinations.com/italy/paestum-pictures/thumbs/temple-of-neptune-cc-phault.jpg'><b>Temple of Neptune or Apollo</b></a><br><br>The Temple of Neptune (or Apollo or Hera II) dates from 450 BC and is the most complete of the three temples - everything remains intact except the roof and parts of the inner walls.</div>","Temple of Neptune");
	
	
	
	
	// 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;
    }

	//]]>