// Global variables
var data = [
 { name: "Sede di Amalfi", date: "Via Lorenzo d'Amalfi, 38<br />tel./fax +39 089873387", lat:"40.635280", lng:"14.602106" },
 { name: "Sede di Maiori", date: "Via Arsenale, 4<br />tel./fax +39 089852165", lat:"40.648490", lng:"14.640762" }
];

var map, route;
var points = [];
var gmarkers = [];
var count =0;
var stopClick = false;


function addIcon(icon) { // Add icon attributes

 icon.shadow = "http://www.google.com/mapfiles/shadow50.png";
 icon.iconSize = new GSize(32, 32);
 icon.shadowSize = new GSize(37, 34);
 icon.iconAnchor = new GPoint(15, 34);
 icon.infoWindowAnchor = new GPoint(19, 2);
 icon.infoShadowAnchor = new GPoint(18, 25);
}


function addClickevent(marker) { // Add a click listener to the markers

 GEvent.addListener(marker, "click", function() {
  marker.openInfoWindowHtml(marker.content);
 });
 return marker;
}


function buildMap() {

 if(GBrowserIsCompatible()) {
  map = new GMap2(document.getElementById("map"));
  map.setCenter(new GLatLng(40.635280,14.602106), 16);
  map.addControl(new GSmallMapControl());
  map.addControl(new GMapTypeControl());

  // Light blue marker icons
  var icon = new GIcon();
  icon.image = "http://www.google.com/intl/en_de/mapfiles/ms/icons/ltblue-dot.png";
  addIcon(icon);

  for(var i = 0; i < data.length; i++) {
   points[i] = new GLatLng(parseFloat(data[i].lat), parseFloat(data[i].lng));
   gmarkers[i] = new GMarker(points[i], icon);

   // Store data attributes as property of gmarkers
   var html ="<div class='infowindow'>" +
   "<strong>"+ data[i].name + "<\/strong><br \/>" +
   data[i].date + "<\/div>";
   gmarkers[i].content = html;
   addClickevent(gmarkers[i]);
   map.addOverlay(gmarkers[i]);
  }
  // Draw polylines between marker points
  //var poly= new GPolyline(points, "#003355", 3, .5);
  //map.addOverlay(poly);

  // Open infowindow of first marker
  gmarkers[0].openInfoWindowHtml( gmarkers[0].content);

  // route =setTimeout("anim()", 3600);
 }
} 


function Maiori() {

  map.panTo(points[1]);
  gmarkers[1].openInfoWindowHtml( gmarkers[1].content);
}

function Amalfi() {

  map.panTo(points[0]);
  gmarkers[0].openInfoWindowHtml( gmarkers[0].content);
}