function genHtml(n)  {
	var html = "<h4>" + towns[n].title + "</h4>";
	html += "<p class='subtitle'>" + towns[n].subtitle + "</p>";
	html += towns[n].href;
	return html;
}

function initialize() {

  if (GBrowserIsCompatible()) {
    var map = new GMap2(document.getElementById("map_canvas"));
    map.setCenter(new GLatLng(42.79540065303723, 25.2685546875), 7);

    function createMarker(latlng, number) {
      var marker = new GMarker(latlng);
      GEvent.addListener(marker,"click", function() {
        var myHtml = genHtml(number);
        map.openInfoWindowHtml(latlng, myHtml);
      });
      return marker;
	}

    // Add 5 markers to the map at random locations
    // Note that we don't add the secret message to the marker's instance data
    var bounds = map.getBounds();
    var southWest = bounds.getSouthWest();
    var northEast = bounds.getNorthEast();
    var lngSpan = northEast.lng() - southWest.lng();
    var latSpan = northEast.lat() - southWest.lat();
    for (var i = 0; i < towns.length; i++) {
      var latlng = new GLatLng(towns[i].x,towns[i].y);
	  map.addOverlay(createMarker(latlng,i));
    }
  }
}