//*******************************************************************
//* File      : fgpsoftware9.js
//* Creato il : 25/04/2007 - ultimo aggiornamento il 25/04/2007
//* Autore    : Graziano Fasano graziano@fgpsoftware.it
//*
//* Avviso: La riproduzione o distribuzione non autorizzata di queste 
//* pagine o di parte di esse, sarà perseguibile civilmente e 
//* penalmente.
//*******************************************************************

function showAddresses(partenza) { 
// if (geocoder) { 
//  geocoder.getLatLng( 
//   address, 
//   function(point) { 
//    map.setCenter(point, 16); 
//    var marker = new GMarker(point); 
//    map.addOverlay(marker); 
//    marker.openInfoWindowHtml('Breite : '+ point.lat() + '<br>Laenge : ' + point.lng()); 
//   } 
//  ); 
// } 
 location.href = "http://maps.google.it/maps?saddr=" + partenza + "&daddr=40.80874216583773, 17.247387170791626&hl=it&ip=151.83.0.96&ie=utf-8"
}

//<![CDATA[
var map;
var marker1;
var marker2;
var marker3;
var marker4;
var marker5;
var marker6;
var marker7;
var marker8;
var marker9;
var marker10;
var marker11;
var marker12;
var marker13;
var marker14;
var marker15;
var marker16;
var marker17;
var marker18;
var marker19;
var marker20;
var marker21;
var marker22;
var marker23;
var marker24;

//var geocoder;
function load() {
 if (GBrowserIsCompatible()) {
  var apice = "'";
//  var WINDOW_HTML1 = '<div style="width: 410px; padding-right: 20px';
// height: 162">';
      WINDOW_HTML1 =     '<p align="justify"><font face="Verdana" size="2"><b>';
      WINDOW_HTML1 +=    '<img border="0" src="http://www.trullidafavola.com/images/logo-2.jpg" align="left" hspace="3" vspace="3" width="100" height="69">';
      WINDOW_HTML1 +=    'Trulli da Favola</b><br>';
      WINDOW_HTML1 +=    'Via vicinale Tateo, 24<br>strada Alberobello-Monopoli Km. 1,8<br>70011 Alberobello (Bari)<br>';
      WINDOW_HTML1 +=    'Tel. 0804323206 - 3356529576 - 3470197853<br>';
      WINDOW_HTML1 +=    '<a href="http://www.trullidafavola.com" target="_blank">www.trullidafavola.com</a> - ';
      WINDOW_HTML1 +=    '<a href="mailto:info@trullidafavola.com">info@trullidafavola.com</a></font></p>';
      WINDOW_HTML1 +=    '<form method="POST" name="parti" onsubmit="showAddresses(parti.partenza.value);return false">  ';
      WINDOW_HTML1 +=    '<p align="center"><b><font face="Verdana" size="1">Indicazioni stradali</font></b>';
      WINDOW_HTML1 +=    '<font face="Verdana" size="2"><br></font>  <font face="Verdana" size="1">Indirizzo di partenza</font>';
      WINDOW_HTML1 +=    '<font face="Verdana" size="2"><br><input type="text" name="partenza" size="38" class=text type="text" ';
      WINDOW_HTML1 +=    'value="Via Gallipoli, 73100 Lecce, Puglia, Italia" style="background-color: #ffffff; font-family: Arial; ';
      WINDOW_HTML1 +=    'font-size: 8pt; height: 18; width: 220"><br><input border="0" src="http://www.fgpsoftware.it/temi/1/pulsante18.gif" ';
      WINDOW_HTML1 +=    'name="I1" type="image"></p></form>';
//</div>';
  var map = new GMap2(document.getElementById("map"));
//  var geocoder = new GClientGeocoder();
  map.addControl(new GSmallMapControl());
  map.addControl(new GMapTypeControl());
  GEvent.addListener(map, "moveend", function() {
   var center = map.getCenter();
   document.getElementById("message").innerHTML = center.toString();
  });
  map.setCenter(new GLatLng(40.8252411857252, 17.11395263671875), 10);

  var baseIcon1 = new GIcon();
  baseIcon1.shadow = "http://www.google.com/mapfiles/shadow50.png";
  baseIcon1.iconSize = new GSize(24, 31);
  baseIcon1.shadowSize = new GSize(37, 34);
  baseIcon1.iconAnchor = new GPoint(9, 34);
  baseIcon1.infoWindowAnchor = new GPoint(9, 2);
  baseIcon1.infoShadowAnchor = new GPoint(18, 25);
  baseIcon1.image = "http://www.trullidafavola.com/images/trullo.png";

  marker1 = new GMarker(new GLatLng(40.808706, 17.247025),baseIcon1);
  map.addOverlay(marker1);
  GEvent.addListener(marker1, "click", function() {
   marker1.openInfoWindowHtml(WINDOW_HTML1);
  });

  WINDOW_HTML2 =    '<p align="justify"><font face="Verdana" size="2"><b>';
  WINDOW_HTML2 +=   '<img border="0" src="http://www.trullidafavola.com/images/zoosafari.gif" align="left" hspace="3" vspace="3" width="98" height="60">';
  WINDOW_HTML2 +=   'Zoo Safari Fantasilandia</b><br>';
  WINDOW_HTML2 +=   'Uno dei più grandi zoo in Europa,<br>';
  WINDOW_HTML2 +=   'che offre la particolarità di osservare<br>';
  WINDOW_HTML2 +=   'gli animali fuori dalle gabbie e dalla<br>';
  WINDOW_HTML2 +=   'propria atomobile.<br>';
  WINDOW_HTML2 +=   '<a href="http://www.zoosafari.it" target="_blank">www.zoosafari.it</a><br></font></p>';
  WINDOW_HTML2 +=   '<form method="POST" name="parti2">';
  WINDOW_HTML2 +=   '<p align="center"><font face="Verdana" size="2"><input border="0" src="http://www.fgpsoftware.it/temi/1/pulsante18.gif" name="I1" type="image" width="155" height="24"></p></form>';

  var baseIcon2 = new GIcon();
  baseIcon2.shadow = "http://www.google.com/mapfiles/shadow50.png";
  baseIcon2.iconSize = new GSize(33, 33);
  baseIcon2.shadowSize = new GSize(37, 34);
  baseIcon2.iconAnchor = new GPoint(9, 34);
  baseIcon2.infoWindowAnchor = new GPoint(9, 2);
  baseIcon2.infoShadowAnchor = new GPoint(18, 25);
  baseIcon2.image = "http://www.trullidafavola.com/images/zoosafari.png";

  marker2 = new GMarker(new GLatLng(40.842500, 17.340278),baseIcon2);
  
  map.addOverlay(marker2);
  GEvent.addListener(marker2, "click", function() {
   marker2.openInfoWindowHtml(WINDOW_HTML2);
  });

  WINDOW_HTML3 =    '<p align="justify"><font face="Verdana" size="2"><b>';
  WINDOW_HTML3 +=   '<img border="0" src="http://www.trullidafavola.com/images/monopoli.jpg" align="left" hspace="3" vspace="3" width="98" height="78">';
  WINDOW_HTML3 +=   'Monopoli - Capitolo</b><br>';
  WINDOW_HTML3 +=   'La costa, lunga circa 13 km, è bassa e<br>';
  WINDOW_HTML3 +=   'frastagliata, con oltre 25 stupende calette e<br>';
  WINDOW_HTML3 +=   'insenature, ampie distese sabbiose e molti tratti<br>';
  WINDOW_HTML3 +=   'di spiaggia libera, si rende particolarmente<br>';
  WINDOW_HTML3 +=   'adatta alla balneazione.<br>';
  WINDOW_HTML3 +=   'Vi sono numerosi stabilimenti balneari tra cui si ricordano:<br>';
  WINDOW_HTML3 +=   'S.Stefano (contrada S.Stefano, adiacente all^Abbazia di<br>';
  WINDOW_HTML3 +=   'S. Stefano, Lido Pantano, Lido Sabbia d^Oro, Torre Cintola,<br>';
  WINDOW_HTML3 +=   'Porto Giardino, Porto Ghiacciolo, Torre Egnatia, Le Macchie,<br>';
  WINDOW_HTML3 +=   'Baia del Sol. Molti di questi stabilimenti si trovano<br>';
  WINDOW_HTML3 +=   'nell^ormai rinomata località balneare "Capitolo", famosa per<br>';
  WINDOW_HTML3 +=   'la sua frizzante vita notturna, a circa 6 Km dal centro della<br>';
  WINDOW_HTML3 +=   'città.<br>';
  WINDOW_HTML3 +=   '<a href="http://www.comune.monopoli.bari.it" target="_blank">http://www.comune.monopoli.bari.it</a></span></font></p>';
  WINDOW_HTML3 +=   '<form method="POST" name="parti3"><p align="center">';
  WINDOW_HTML3 +=   '<font face="Verdana" size="2"><input border="0" src="http://www.fgpsoftware.it/temi/1/pulsante18.gif" name="I1" type="image" width="155" height="24"></p></form>';
  marker3 = new GMarker(new GLatLng(40.90563135296776, 17.349214553833008));
  map.addOverlay(marker3);
  GEvent.addListener(marker3, "click", function() {
   marker3.openInfoWindowHtml(WINDOW_HTML3);
  });


  WINDOW_HTML4 =    '<p align="justify"><font face="Verdana" size="2">';
  WINDOW_HTML4 +=   '<img border="0" src="http://www.trullidafavola.com/images/grotte-castellana.jpg" align="left" hspace="3" vspace="3" width="100" height="100">';
  WINDOW_HTML4 +=   '<b>Grotte di Castellana</b><br>';
  WINDOW_HTML4 +=   'Uno scrigno di alabastro custodito nel buio per<br>';
  WINDOW_HTML4 +=   'millenni è pronto a rivelarsi, una meraviglia<br>';
  WINDOW_HTML4 +=   'di pietra che non potrete dimenticare.<br>';
  WINDOW_HTML4 +=   '<a href="www.grottedicatellana.it" target="_blank">www.grottedicatellana.it</a></span></font></p>';
  WINDOW_HTML4 +=   '<form method="POST" name="parti4"><p align="center">';
  WINDOW_HTML4 +=   '<font face="Verdana" size="2"><input border="0" src="http://www.fgpsoftware.it/temi/1/pulsante18.gif" name="I1" type="image" width="155" height="24"></p></form>';

  var baseIcon4 = new GIcon();
  baseIcon4.shadow = "http://www.google.com/mapfiles/shadow50.png";
  baseIcon4.iconSize = new GSize(33, 33);
  baseIcon4.shadowSize = new GSize(37, 34);
  baseIcon4.iconAnchor = new GPoint(9, 34);
  baseIcon4.infoWindowAnchor = new GPoint(9, 2);
  baseIcon4.infoShadowAnchor = new GPoint(18, 25);
  baseIcon4.image = "http://www.trullidafavola.com/images/castellana.png";

  marker4 = new GMarker(new GLatLng(40.875556, 17.148889),baseIcon4);
  map.addOverlay(marker4);
  GEvent.addListener(marker4, "click", function() {
   marker4.openInfoWindowHtml(WINDOW_HTML4);
  });

  WINDOW_HTML5 =    '<p align="justify"><font face="Verdana" size="2">';
  WINDOW_HTML5 +=   '<img border="0" src="http://www.trullidafavola.com/images/ostuni.jpg" align="left" hspace="3" vspace="3" width="100" height="131">';
  WINDOW_HTML5 +=   '<b>Ostuni</b> è denominata la città bianca per le<br>';
  WINDOW_HTML5 +=   'caratteristiche abitazioni imbiancate a calce<br>';
  WINDOW_HTML5 +=   'fino sui tetti.<br>';
  WINDOW_HTML5 +=   'Questo costume ha rivestito anche un ruolo di<br>';
  WINDOW_HTML5 +=   'molta importanza in ambito storico.<br>';
  WINDOW_HTML5 +=   '<a href="http://www.comune.ostuni.br.it" target="_blank">http://www.comune.ostuni.br.it</a></span></font></p>';
  WINDOW_HTML5 +=   '<form method="POST" name="parti5"><p align="center">';
  WINDOW_HTML5 +=   '<font face="Verdana" size="2"><input border="0" src="http://www.fgpsoftware.it/temi/1/pulsante18.gif" name="I1" type="image" width="155" height="24"></p></form>';
  marker5 = new GMarker(new GLatLng(40.727778, 17.574167));
  map.addOverlay(marker5);
  GEvent.addListener(marker5, "click", function() {
   marker5.openInfoWindowHtml(WINDOW_HTML5);
  });  

  WINDOW_HTML6 =    '<p align="justify"><font face="Verdana" size="2">';
  WINDOW_HTML6 +=   '<img border="0" src="http://www.trullidafavola.com/images/matera.jpg" align="left" hspace="3" vspace="3" width="100" height="80">';
  WINDOW_HTML6 +=   '<b>Matera</b>, antichi rioni chiamati "Sassi", assieme<br>';
  WINDOW_HTML6 +=   'con le cisterne ed i sistemi di raccolta delle acque,<br>';
  WINDOW_HTML6 +=   'sono la caratteristica peculiare di Matera.<br>';
  WINDOW_HTML6 +=   'Si tratta di originali ed antichi aggregati di case<br>';
  WINDOW_HTML6 +=   'scavate nel tufo, a ridosso di un profondo burrone,<br>';
  WINDOW_HTML6 +=   'la "Gravina".<br>';
  WINDOW_HTML6 +=   '<a href="http://www.comune.matera.it" target="_blank">http://www.comune.matera.it</a></span></font></p>';
  WINDOW_HTML6 +=   '<form method="POST" name="parti6"><p align="center">';
  WINDOW_HTML6 +=   '<font face="Verdana" size="2"><input border="0" src="http://www.fgpsoftware.it/temi/1/pulsante18.gif" name="I1" type="image" width="155" height="24"></p></form>';
  marker6 = new GMarker(new GLatLng(40.666944, 16.610000));
  map.addOverlay(marker6);
  GEvent.addListener(marker6, "click", function() {
   marker6.openInfoWindowHtml(WINDOW_HTML6);
  });

  WINDOW_HTML7 =    '<p align="justify"><font face="Verdana" size="2">';
  WINDOW_HTML7 +=   '<img border="0" src="http://www.trullidafavola.com/images/locorotondo.jpg" align="left" hspace="3" vspace="3" width="100" height="75">';
  WINDOW_HTML7 +=   '<b>Locorotondo</b>, Dove la Murgia degrada, si riscontra<br>';
  WINDOW_HTML7 +=   'la Valle d^Itria, un cuscinetto di verde a metà<br>';
  WINDOW_HTML7 +=   'strada tra Adriatico e Jonio e su questa pianura,<br>';
  WINDOW_HTML7 +=   'circondata da piccole alture, si affaccia Locorotondo,<br>';
  WINDOW_HTML7 +=   'rinomata per il vino e per la sua struttura.<br>';
  WINDOW_HTML7 +=   '<a href="http://www.comune.locorotondo.ba.it" target="_blank">http://www.comune.locorotondo.ba.it</a></span></font></p>';
  WINDOW_HTML7 +=   '<form method="POST" name="parti7"><p align="center">';
  WINDOW_HTML7 +=   '<font face="Verdana" size="2"><input border="0" src="http://www.fgpsoftware.it/temi/1/pulsante18.gif" name="I1" type="image" width="155" height="24"></p></form>';
  marker7 = new GMarker(new GLatLng(40.753056, 17.328056));
  map.addOverlay(marker7);
  GEvent.addListener(marker7, "click", function() {
   marker7.openInfoWindowHtml(WINDOW_HTML7);
  });

  WINDOW_HTML8 =    '<p align="justify"><font face="Verdana" size="2">';
  WINDOW_HTML8 +=   '<img border="0" src="http://www.trullidafavola.com/images/martina-franca.jpg" align="left" hspace="3" vspace="3" width="100" height="67">';
  WINDOW_HTML8 +=   'Il Centro storico di <b>Martina Franca</b> presenta una<br>';
  WINDOW_HTML8 +=   'urbanistica singolare, le case venivano edificate<br>';
  WINDOW_HTML8 +=   'in senso verticale. infatti l^abitazione tipo é<br>';
  WINDOW_HTML8 +=   'formata dal pian terreno dove si colocavano botteghe<br>';
  WINDOW_HTML8 +=   'artigianali, o cantinette, spesso fornite di scale<br>';
  WINDOW_HTML8 +=   'che scendono di uno o più metri sotto il livello della strada.<br>';
  WINDOW_HTML8 +=   '<a href="http://www.comune.martina-franca.ta.it" target="_blank">http://www.comune.martina-franca.ta.it</a></span></font></p>';
  WINDOW_HTML8 +=   '<form method="POST" name="parti8"><p align="center">';
  WINDOW_HTML8 +=   '<font face="Verdana" size="2"><input border="0" src="http://www.fgpsoftware.it/temi/1/pulsante18.gif" name="I1" type="image" width="155" height="24"></p></form>';
  marker8 = new GMarker(new GLatLng(40.704167, 17.334444));
  map.addOverlay(marker8);
  GEvent.addListener(marker8, "click", function() {
   marker8.openInfoWindowHtml(WINDOW_HTML8);
  });

  WINDOW_HTML9 =    '<p align="justify"><font face="Verdana" size="2">';
  WINDOW_HTML9 +=   '<img border="0" src="http://www.trullidafavola.com/images/polignano.jpg" align="left" hspace="3" vspace="3" width="100" height="80">';
  WINDOW_HTML9 +=   '<b>Polignano a mare</b>, di notevole interesse<br>';
  WINDOW_HTML9 +=   'naturalistico sono le sue grotte marine e<br>';
  WINDOW_HTML9 +=   'storicamente importanti sono il centro storico e<br>';
  WINDOW_HTML9 +=   'il frammenti lasciati dalla dominazione Romana.<br>';
  WINDOW_HTML9 +=   '<a href="http://www.comune.polignano-a-mare.ba.it" target="_blank">http://www.comune.polignano-a-mare.ba.it</a></span></font></p>';
  WINDOW_HTML9 +=   '<form method="POST" name="parti9"><p align="center">';
  WINDOW_HTML9 +=   '<font face="Verdana" size="2"><input border="0" src="http://www.fgpsoftware.it/temi/1/pulsante18.gif" name="I1" type="image" width="155" height="24"></p></form>';
  marker9 = new GMarker(new GLatLng(40.995278, 17.218889));
  map.addOverlay(marker9);
  GEvent.addListener(marker9, "click", function() {
   marker9.openInfoWindowHtml(WINDOW_HTML9);
  });

  WINDOW_HTML10 =    '<p align="justify"><font face="Verdana" size="2">';
  WINDOW_HTML10 +=   '<img border="0" src="http://www.trullidafavola.com/images/putignano.jpg" align="left" hspace="3" vspace="3" width="100" height="75">';
  WINDOW_HTML10 +=   '<b>Putignano</b>, per i tanti reperti archeologici<br>';
  WINDOW_HTML10 +=   'ritrovati, è una città di antica origine peuceta;<br>';
  WINDOW_HTML10 +=   'nonostante ciò, non è possibile stimarne la data<br>';
  WINDOW_HTML10 +=   'di fondazione, famoso per il suo Carnevale.<br>';
  WINDOW_HTML10 +=   '<a href="http://www.comuneputignano.it" target="_blank">http://www.comuneputignano.it</a></span></font></p>';
  WINDOW_HTML10 +=   '<form method="POST" name="parti10"><p align="center">';
  WINDOW_HTML10 +=   '<font face="Verdana" size="2"><input border="0" src="http://www.fgpsoftware.it/temi/1/pulsante18.gif" name="I1" type="image" width="155" height="24"></p></form>';

  var baseIcon10 = new GIcon();
  baseIcon10.shadow = "http://www.google.com/mapfiles/shadow50.png";
  baseIcon10.iconSize = new GSize(24, 28);
  baseIcon10.shadowSize = new GSize(37, 34);
  baseIcon10.iconAnchor = new GPoint(9, 34);
  baseIcon10.infoWindowAnchor = new GPoint(9, 2);
  baseIcon10.infoShadowAnchor = new GPoint(18, 25);
  baseIcon10.image = "http://www.trullidafavola.com/images/putignano.png";

  marker10 = new GMarker(new GLatLng(40.850000, 17.120833),baseIcon10);
  map.addOverlay(marker10);
  GEvent.addListener(marker10, "click", function() {
   marker10.openInfoWindowHtml(WINDOW_HTML10);
  });

  WINDOW_HTML11 =    '<p align="justify"><font face="Verdana" size="2">';
  WINDOW_HTML11 +=   '<img border="0" src="http://www.trullidafavola.com/images/conversano.jpg" align="left" hspace="3" vspace="3" width="100" height="75">';
  WINDOW_HTML11 +=   '<b>Conversano</b> col suo caratteristico centro<br>';
  WINDOW_HTML11 +=   'storico fatto di vicoli, case antiche e<br>';
  WINDOW_HTML11 +=   'cattedrali. Famosa per le Ciliege, olio di<br>';
  WINDOW_HTML11 +=   'oliva, uva da tavola.<br>';
  WINDOW_HTML11 +=   '<a href="http://www.comune.conversano.ba.it" target="_blank">http://www.comune.conversano.ba.it</a></span></font></p>';
  WINDOW_HTML11 +=   '<form method="POST" name="parti11"><p align="center">';
  WINDOW_HTML11 +=   '<font face="Verdana" size="2"><input border="0" src="http://www.fgpsoftware.it/temi/1/pulsante18.gif" name="I1" type="image" width="155" height="24"></p></form>';
  marker11 = new GMarker(new GLatLng(40.967500, 17.116944));
  map.addOverlay(marker11);
  GEvent.addListener(marker11, "click", function() {
   marker11.openInfoWindowHtml(WINDOW_HTML11);
  });

  WINDOW_HTML12 =    '<p align="justify"><font face="Verdana" size="2">';
  WINDOW_HTML12 +=   '<img border="0" src="http://www.trullidafavola.com/images/cisternino.jpg" align="left" hspace="3" vspace="3" width="100" height="73">';
  WINDOW_HTML12 +=   '<b>Cisternino</b>, importanza non indifferente<br>';
  WINDOW_HTML12 +=   'per la comprensione della preistoria<br>';
  WINDOW_HTML12 +=   'brindisina.<br>';
  WINDOW_HTML12 +=   '<a href="http://www.comune.cisternino.brindisi.it" target="_blank">http://www.comune.cisternino.brindisi.it</a></span></font></p>';
  WINDOW_HTML12 +=   '<form method="POST" name="parti12"><p align="center">';
  WINDOW_HTML12 +=   '<font face="Verdana" size="2"><input border="0" src="http://www.fgpsoftware.it/temi/1/pulsante18.gif" name="I1" type="image" width="155" height="24"></p></form>';
  marker12 = new GMarker(new GLatLng(40.743056, 17.425556));
  map.addOverlay(marker12);
  GEvent.addListener(marker12, "click", function() {
   marker12.openInfoWindowHtml(WINDOW_HTML12);
  });

  WINDOW_HTML13 =    '<p align="justify"><font face="Verdana" size="2">';
  WINDOW_HTML13 +=   '<img border="0" src="http://www.trullidafavola.com/images/castel-del-monte.jpg" align="left" hspace="3" vspace="3" width="100" height="65">';
  WINDOW_HTML13 +=   '<b>Castel del Monte</b>, è un edificio del XIII<br>';
  WINDOW_HTML13 +=   'secolo, ha pianta ottagonale e ad ogni<br>';
  WINDOW_HTML13 +=   'angolo si erge una torretta a sua volta<br>';
  WINDOW_HTML13 +=   'ottagonale.<br>';
  WINDOW_HTML13 +=   '<a href="http://www.castellodelmonte.it" target="_blank">http://www.castellodelmonte.it</a></span></font></p>';
  WINDOW_HTML13 +=   '<form method="POST" name="parti13"><p align="center">';
  WINDOW_HTML13 +=   '<font face="Verdana" size="2"><input border="0" src="http://www.fgpsoftware.it/temi/1/pulsante18.gif" name="I1" type="image" width="155" height="24"></p></form>';

  var baseIcon13 = new GIcon();
  baseIcon13.shadow = "http://www.google.com/mapfiles/shadow50.png";
  baseIcon13.iconSize = new GSize(53, 33);
  baseIcon13.shadowSize = new GSize(37, 34);
  baseIcon13.iconAnchor = new GPoint(9, 34);
  baseIcon13.infoWindowAnchor = new GPoint(9, 2);
  baseIcon13.infoShadowAnchor = new GPoint(18, 25);
  baseIcon13.image = "http://www.trullidafavola.com/images/castel-del-monte.png";

  marker13 = new GMarker(new GLatLng(41.085000, 16.271667),baseIcon13);
  map.addOverlay(marker13);
  GEvent.addListener(marker13, "click", function() {
   marker13.openInfoWindowHtml(WINDOW_HTML13);
  });

  WINDOW_HTML14 =    '<p align="justify"><font face="Verdana" size="2">';
  WINDOW_HTML14 +=   '<img border="0" src="http://www.trullidafavola.com/images/bari.jpg" align="left" hspace="3" vspace="3" width="100" height="69">';
  WINDOW_HTML14 +=   '<b>Bari</b>, seconda metropoli del Mezzogiorno di<br>';
  WINDOW_HTML14 +=   'Italia, è nota per essere la città nella<br>';
  WINDOW_HTML14 +=   'quale riposano le reliquie di San Nicola.<br>';
  WINDOW_HTML14 +=   '<a href="http://www.comune.bari.it" target="_blank">http://www.comune.bari.it</a></span></font></p>';
  WINDOW_HTML14 +=   '<form method="POST" name="parti14"><p align="center">';
  WINDOW_HTML14 +=   '<font face="Verdana" size="2"><input border="0" src="http://www.fgpsoftware.it/temi/1/pulsante18.gif" name="I1" type="image" width="155" height="24"></p></form>';
  marker14 = new GMarker(new GLatLng(41.126111, 16.866944));
  map.addOverlay(marker14);
  GEvent.addListener(marker14, "click", function() {
   marker14.openInfoWindowHtml(WINDOW_HTML14);
  });

  WINDOW_HTML15 =    '<p align="justify"><font face="Verdana" size="2">';
  WINDOW_HTML15 +=   '<img border="0" src="http://www.trullidafavola.com/images/taranto.jpg" align="left" hspace="3" vspace="3" width="100" height="51">';
  WINDOW_HTML15 +=   '<b>Tarano</b>, definita la "città dei due mari":<br>';
  WINDOW_HTML15 +=   'il Mar Piccolo ed il Mar Grande, sede di<br>';
  WINDOW_HTML15 +=   'un grande porto industriale e commerciale,<br>';
  WINDOW_HTML15 +=   'e di un arsenale della Marina Militare<br>';
  WINDOW_HTML15 +=   'Italiana, nonché della maggiore stazione navale.<br>';
  WINDOW_HTML15 +=   '<a href="http://www.comune.taranto.it" target="_blank">http://www.comune.taranto.it</a></span></font></p>';
  WINDOW_HTML15 +=   '<form method="POST" name="parti15"><p align="center">';
  WINDOW_HTML15 +=   '<font face="Verdana" size="2"><input border="0" src="http://www.fgpsoftware.it/temi/1/pulsante18.gif" name="I1" type="image" width="155" height="24"></p></form>';
  marker15 = new GMarker(new GLatLng(40.473333, 17.235555));
  map.addOverlay(marker15);
  GEvent.addListener(marker15, "click", function() {
   marker15.openInfoWindowHtml(WINDOW_HTML15);
  });

  WINDOW_HTML16 =    '<p align="justify"><font face="Verdana" size="2">';
  WINDOW_HTML16 +=   '<img border="0" src="http://www.trullidafavola.com/images/san-giovanni-rotondo.jpg" align="left" hspace="3" vspace="3" width="100" height="80">';
  WINDOW_HTML16 +=   '<b>San Giovanni Rotondo</b>, dove dal 4<br>';
  WINDOW_HTML16 +=   'settembre 1916 al 23 settembre 1968 visse<br>';
  WINDOW_HTML16 +=   'e morì Padre Pio da Pietrelcina.<br>';
  WINDOW_HTML16 +=   '<a href="http://www.sangiovannirotondo.com" target="_blank">http://www.sangiovannirotondo.com</a></span></font></p>';
  WINDOW_HTML16 +=   '<form method="POST" name="parti16"><p align="center">';
  WINDOW_HTML16 +=   '<font face="Verdana" size="2"><input border="0" src="http://www.fgpsoftware.it/temi/1/pulsante18.gif" name="I1" type="image" width="155" height="24"></p></form>';

  var baseIcon16 = new GIcon();
  baseIcon16.shadow = "http://www.google.com/mapfiles/shadow50.png";
  baseIcon16.iconSize = new GSize(94, 33);
  baseIcon16.shadowSize = new GSize(37, 34);
  baseIcon16.iconAnchor = new GPoint(9, 34);
  baseIcon16.infoWindowAnchor = new GPoint(9, 2);
  baseIcon16.infoShadowAnchor = new GPoint(18, 25);
  baseIcon16.image = "http://www.trullidafavola.com/images/san-giovanni-rotondo.png";

  marker16 = new GMarker(new GLatLng(41.707222, 15.730556),baseIcon16);
  map.addOverlay(marker16);
  GEvent.addListener(marker16, "click", function() {
   marker16.openInfoWindowHtml(WINDOW_HTML16);
  });

  WINDOW_HTML17 =    '<p align="justify"><font face="Verdana" size="2">';
  WINDOW_HTML17 +=   '<img border="0" src="http://www.trullidafavola.com/images/lecce.jpg" align="left" hspace="3" vspace="3" width="100" height="80">';
  WINDOW_HTML17 +=   '<b>Lecce</b>, città dove più elaborato è stato<br>';
  WINDOW_HTML17 +=   'lo sviluppo dell^arte barocca in pietra leccese,<br>';
  WINDOW_HTML17 +=   'un calcare malleabile e molto adatto alla<br>';
  WINDOW_HTML17 +=   'lavorazione con lo scalpello.<br>';
  WINDOW_HTML17 +=   '<a href="http://www.comune.lecce.it" target="_blank">http://www.comune.lecce.it</a></span></font></p>';
  WINDOW_HTML17 +=   '<form method="POST" name="parti17"><p align="center">';
  WINDOW_HTML17 +=   '<font face="Verdana" size="2"><input border="0" src="http://www.fgpsoftware.it/temi/1/pulsante18.gif" name="I1" type="image" width="155" height="24"></p></form>';
  marker17 = new GMarker(new GLatLng(40.352500, 18.173108));
  map.addOverlay(marker17);
  GEvent.addListener(marker17, "click", function() {
   marker17.openInfoWindowHtml(WINDOW_HTML17);
  });

  WINDOW_HTML18 =    '<p align="justify"><font face="Verdana" size="2">';
  WINDOW_HTML18 +=   '<img border="0" src="http://www.trullidafavola.com/images/otranto.jpg" align="left" hspace="3" vspace="3" width="100" height="80">';
  WINDOW_HTML18 +=   '<b>Otranto</b>, da visitare sono la Cattedrale,<br>';
  WINDOW_HTML18 +=   'col suo notevole pavimento a mosaico risalente<br>';
  WINDOW_HTML18 +=   'agli anni 1163-1165, il castello al cui rafforzamento<br>';
  WINDOW_HTML18 +=   'fece provvedere Federico II di Svevia, la Chiesa<br>';
  WINDOW_HTML18 +=   'bizantina di San Pietro.<br>';
  WINDOW_HTML18 +=   'Pochi km a nord della città, sulla costa, sono da<br>';
  WINDOW_HTML18 +=   'visitare i Laghi Alimini e la Baia dei Turchi.<br>';
  WINDOW_HTML18 +=   'Tra i tratti di costa ancora incontaminati si segnalano la scogliera<br>';
  WINDOW_HTML18 +=   'della Specchiulla e la spiaggia di San Giorgio.<br>';
  WINDOW_HTML18 +=   '<a href="http://www.comune.otranto.le.it" target="_blank">http://www.comune.otranto.le.it</a></span></font></p>';
  WINDOW_HTML18 +=   '<form method="POST" name="parti18"><p align="center">';
  WINDOW_HTML18 +=   '<font face="Verdana" size="2"><input border="0" src="http://www.fgpsoftware.it/temi/1/pulsante18.gif" name="I1" type="image" width="155" height="24"></p></form>';
  marker18 = new GMarker(new GLatLng(40.145000, 18.489167));
  map.addOverlay(marker18);
  GEvent.addListener(marker18, "click", function() {
   marker18.openInfoWindowHtml(WINDOW_HTML18);
  });

  WINDOW_HTML19 =    '<p align="justify"><font face="Verdana" size="2">';
  WINDOW_HTML19 +=   '<img border="0" src="http://www.trullidafavola.com/images/castro.jpg" align="left" hspace="3" vspace="3" width="100" height="80">';
  WINDOW_HTML19 +=   '<b>Castro</b>, sulla costa del comune la<br>';
  WINDOW_HTML19 +=   'Grotta Zinzulusa ha un^importanza particolare,<br>';
  WINDOW_HTML19 +=   'essendo l^unico sito carsico italiano tra i dieci<br>';
  WINDOW_HTML19 +=   'mondiali segnalati dal KWI come meritevole di<br>';
  WINDOW_HTML19 +=   'tutela.<br>';
  WINDOW_HTML19 +=   '<a href="http://www.comune.castro.le.it" target="_blank">http://www.comune.castro.le.it</a></span></font></p>';
  WINDOW_HTML19 +=   '<form method="POST" name="parti19"><p align="center">';
  WINDOW_HTML19 +=   '<font face="Verdana" size="2"><input border="0" src="http://www.fgpsoftware.it/temi/1/pulsante18.gif" name="I1" type="image" width="155" height="24"></p></form>';
  marker19 = new GMarker(new GLatLng(40.004167, 18.425833));
  map.addOverlay(marker19);
  GEvent.addListener(marker19, "click", function() {
   marker19.openInfoWindowHtml(WINDOW_HTML19);
  });

  WINDOW_HTML20 =    '<p align="justify"><font face="Verdana" size="2">';
  WINDOW_HTML20 +=   '<img border="0" src="http://www.trullidafavola.com/images/gallipoli.jpg" align="left" hspace="3" vspace="3" width="100" height="80">';
  WINDOW_HTML20 +=   '<b>Gallipoli</b>, che si divide in due parti,<br>';
  WINDOW_HTML20 +=   'il Borgo ed il Centro Storico. Il Borgo sarebbe<br>';
  WINDOW_HTML20 +=   'la parte moderna della città, che comprende tutte<br>';
  WINDOW_HTML20 +=   'le nuove costruzioni, come ad esempio il palazzo<br>';
  WINDOW_HTML20 +=   'di vetro (chiamato anche Grattacielo).<br>';
  WINDOW_HTML20 +=   'Il Centro Storico, invece, si trova su un^isola di<br>';
  WINDOW_HTML20 +=   'origine calcarea, collegata alla terra ferma attraverso un ponte<br>';
  WINDOW_HTML20 +=   'formato ad archi, percorrendo il quale, è possibile raggiungere<br>';
  WINDOW_HTML20 +=   'sia la parte antica della città, sia il porto mercantile.<br>';
  WINDOW_HTML20 +=   '<a href="http://www.fgpsoftware.it/comuni/gallipoli/" target="_blank">http://www.fgpsoftware.it/comuni/gallipoli/</a></span></font></p>';
  WINDOW_HTML20 +=   '<form method="POST" name="parti20"><p align="center">';
  WINDOW_HTML20 +=   '<font face="Verdana" size="2"><input border="0" src="http://www.fgpsoftware.it/temi/1/pulsante18.gif" name="I1" type="image" width="155" height="24"></p></form>';
  marker20 = new GMarker(new GLatLng(40.053883, 17.991717));
  map.addOverlay(marker20);
  GEvent.addListener(marker20, "click", function() {
   marker20.openInfoWindowHtml(WINDOW_HTML20);
  });

  WINDOW_HTML21 =    '<p align="justify"><font face="Verdana" size="2">';
  WINDOW_HTML21 +=   '<img border="0" src="http://www.trullidafavola.com/images/leuca.jpg" align="left" hspace="3" vspace="3" width="100" height="80">';
  WINDOW_HTML21 +=   '<b>Santa Maria di Leuca</b>, zona sopra il<br>';
  WINDOW_HTML21 +=   'promontorio su cui si trova la Basilica e il faro<br>';
  WINDOW_HTML21 +=   '(che con la sua altezza di 48 metri e la sua<br>';
  WINDOW_HTML21 +=   'collocazione a 102 metri sul livello del mare è<br>';
  WINDOW_HTML21 +=   'uno dei più importanti d^Italia).<br>';
  WINDOW_HTML21 +=   'È consuetudine ritenere che la punta Meliso,<br>';
  WINDOW_HTML21 +=   'estremo lembo del tacco d^Italia, rappresenti il punto di<br>';
  WINDOW_HTML21 +=   'incontro tra le acque del Mar Adriatico e del Mar Ionio.<br>';
  WINDOW_HTML21 +=   '<a href="http://www.comune.castrignanodelcapo.le.it" target="_blank">http://www.comune.castrignanodelcapo.le.it</a></span></font></p>';
  WINDOW_HTML21 +=   '<form method="POST" name="parti21"><p align="center">';
  WINDOW_HTML21 +=   '<font face="Verdana" size="2"><input border="0" src="http://www.fgpsoftware.it/temi/1/pulsante18.gif" name="I1" type="image" width="155" height="24"></p></form>';
  marker21 = new GMarker(new GLatLng(39.796147, 18.356060));
  map.addOverlay(marker21);
  GEvent.addListener(marker21, "click", function() {
   marker21.openInfoWindowHtml(WINDOW_HTML21);
  });

  WINDOW_HTML22 =    '<p align="justify"><font face="Verdana" size="2">';
  WINDOW_HTML22 +=   '<img border="0" src="http://www.trullidafavola.com/images/grottaglie.jpg" align="left" hspace="3" vspace="3" width="98" height="78">';
  WINDOW_HTML22 +=   'La città di <b>Grottaglie</b> è avvolta da gravine,<br>';
  WINDOW_HTML22 +=   'che cinturano la città, disseminata in cui si<br>';
  WINDOW_HTML22 +=   'trova il Castello Episcopio, l^unico quartiere<br>';
  WINDOW_HTML22 +=   'delle ceramiche con le botteghe scavate nelle<br>';
  WINDOW_HTML22 +=   'grotte.<br>';
  WINDOW_HTML22 +=   '<a href="http://www.comune.grottaglie.ta.it" target="_blank">http://www.comune.grottaglie.ta.it</a></span></font></p>';
  WINDOW_HTML22 +=   '<form method="POST" name="parti22"><p align="center">';
  WINDOW_HTML22 +=   '<font face="Verdana" size="2"><input border="0" src="http://www.fgpsoftware.it/temi/1/pulsante18.gif" name="I1" type="image" width="155" height="24"></p></form>';

  var baseIcon22 = new GIcon();
  baseIcon22.shadow = "http://www.google.com/mapfiles/shadow50.png";
  baseIcon22.iconSize = new GSize(33, 33);
  baseIcon22.shadowSize = new GSize(37, 34);
  baseIcon22.iconAnchor = new GPoint(9, 34);
  baseIcon22.infoWindowAnchor = new GPoint(9, 2);
  baseIcon22.infoShadowAnchor = new GPoint(18, 25);
  baseIcon22.image = "http://www.trullidafavola.com/images/grottaglie.png";

  marker22 = new GMarker(new GLatLng(40.534722, 17.433333),baseIcon22);
  map.addOverlay(marker22);
  GEvent.addListener(marker22, "click", function() {
   marker22.openInfoWindowHtml(WINDOW_HTML22);
  });

  WINDOW_HTML23 =    '<p align="justify"><font face="Verdana" size="2">';
  WINDOW_HTML23 +=   '<img border="0" src="http://www.trullidafavola.com/images/mancaversa.jpg" align="left" hspace="3" vspace="3" width="100" height="80">';
  WINDOW_HTML23 +=   '<b>Marina di Mancaversa</b>, dista circa 5km dal<br>';
  WINDOW_HTML23 +=   'centro di Taviano e 8km da quello di Gallipoli,<br>';
  WINDOW_HTML23 +=   'coi quali confina. È una località balneare che si<br>';
  WINDOW_HTML23 +=   'affaccia a sud-ovest sul Mar Ionio e presenta una<br>';
  WINDOW_HTML23 +=   'costa prevalentemente rocciosa lunga circa 4km<br>';
  WINDOW_HTML23 +=   'con un mare dall^acqua limpidissima, confinante a<br>';
  WINDOW_HTML23 +=   'nord-ovest col "Pizzo" (una delle due estremità della baia di<br>';
  WINDOW_HTML23 +=   'Galipoli dalla caratterisica forma appuntita) ed a<br>';
  WINDOW_HTML23 +=   'sud-est con la Marina di Torre Suda. Mancaversa "vive" per lo più<br>';
  WINDOW_HTML23 +=   'nel periodo estivo, quando viene invasa da turisti e gente del<br>';
  WINDOW_HTML23 +=   'luogo per trascorrere le vacanze.<br>';
  WINDOW_HTML23 +=   'Negli ultimi anni ha puntato molto sul turismo e continua a farlo.<br>';
  WINDOW_HTML23 +=   '<a href="http://www.cittadeifiori.it" target="_blank">http://www.cittadeifiori.it</a></span></font></p>';
  WINDOW_HTML23 +=   '<form method="POST" name="parti23"><p align="center">';
  WINDOW_HTML23 +=   '<font face="Verdana" size="2"><input border="0" src="http://www.fgpsoftware.it/temi/1/pulsante18.gif" name="I1" type="image" width="155" height="24"></p></form>';
  marker23 = new GMarker(new GLatLng(39.966538184971604, 18.024723529815674));
  map.addOverlay(marker23);
  GEvent.addListener(marker23, "click", function() {
   marker23.openInfoWindowHtml(WINDOW_HTML23);
  });

  WINDOW_HTML24 = '<div style="width: 240px; padding-right: 10px"><p align="justify"><font face="Verdana" size="2"><b><img border="0" src="http://www.fgpsoftware.it/images/Logo-53.jpg" align="left" hspace="3" vspace="3">FGPSoftware</b><br>Fasano Graziano<br>Via Lombardo Radice, 62<br>73040 Melissano (LE)<br></font><font face="Verdana" size="1"><a href="http://www.fgpsoftware.it" target="_blank">www.fgpsoftware.it</a> - <a href="mailto:info@fgpsoftware.it">info@fgpsoftware.it</a></font></p></font><form method="POST" name="parti" onsubmit="showAddresses(parti.partenza.value);return false">  <p align="center"><b><font face="Verdana" size="1">Indicazioni stradali</font></b><font face="Verdana" size="2"><br></font>  <font face="Verdana" size="1">Indirizzo di partenza</font><font face="Verdana" size="2"><br><input type="text" name="partenza" size="38" class=text type="text" value="Via Gallipoli, 73100 Lecce, Puglia, Italia" style="background-color: #ffffff; font-family: Arial; font-size: 8pt; height: 18; width: 220"><br><input border="0" src="http://www.fgpsoftware.it/temi/1/pulsante18.gif" name="I1" type="image"></p></form></div>';
  var baseIcon24 = new GIcon();
  baseIcon24.shadow = "http://www.google.com/mapfiles/shadow50.png";
  baseIcon24.iconSize = new GSize(28, 33);
  baseIcon24.shadowSize = new GSize(37, 34);
  baseIcon24.iconAnchor = new GPoint(9, 34);
  baseIcon24.infoWindowAnchor = new GPoint(9, 2);
  baseIcon24.infoShadowAnchor = new GPoint(18, 25);
  baseIcon24.image = "http://www.fgpsoftware.it/images/assistente.png";

  marker24 = new GMarker(new GLatLng(39.969226984896416, 18.117570877075195),baseIcon24);
  map.addOverlay(marker24);
  GEvent.addListener(marker24, "click", function() {
   marker24.openInfoWindowHtml(WINDOW_HTML24);
  });


  marker1.openInfoWindowHtml(WINDOW_HTML1);
 }
}

function showMarker (marker) {
 alert(marker);
 switch(marker) {
  case "1":
   alert("case1");
   marker1.openInfoWindowHtml(WINDOW_HTML1);
   break;
  case "2":
   alert("case2-2");
   marker2.openInfoWindowHtml(WINDOW_HTML2);
   break;
  case "3":
   marker3.openInfoWindowHtml(WINDOW_HTML3);
   break;
  case "4":
   marker4.openInfoWindowHtml(WINDOW_HTML4);
   break;  
  case "5":
   marker5.openInfoWindowHtml(WINDOW_HTML5);
   break;
  case "6":
   marker6.openInfoWindowHtml(WINDOW_HTML6);
   break;
  case "7":
   marker7.openInfoWindowHtml(WINDOW_HTML7);
   break;
  case "8":
   marker8.openInfoWindowHtml(WINDOW_HTML8);
   break;
  case "9":
   marker9.openInfoWindowHtml(WINDOW_HTML9);
   break;
  case "10":
   marker10.openInfoWindowHtml(WINDOW_HTML10);
   break;
  case "11":
   marker11.openInfoWindowHtml(WINDOW_HTML11);
   break;
  case "12":
   marker12.openInfoWindowHtml(WINDOW_HTML12);
   break;
  case "13":
   marker13.openInfoWindowHtml(WINDOW_HTML13);
   break;
  case "14":
   marker14.openInfoWindowHtml(WINDOW_HTML14);
   break;
  case "15":
   marker15.openInfoWindowHtml(WINDOW_HTML15);
   break;
  case "16":
   marker16.openInfoWindowHtml(WINDOW_HTML16);
   break;
  case "17":
   marker17.openInfoWindowHtml(WINDOW_HTML17);
   break;
  case "18":
   marker18.openInfoWindowHtml(WINDOW_HTML18);
   break;
  case "19":
   marker19.openInfoWindowHtml(WINDOW_HTML19);
   break;
  case "20":
   marker20.openInfoWindowHtml(WINDOW_HTML20);
   break;
  case "21":
   marker21.openInfoWindowHtml(WINDOW_HTML21);
   break;
  case "22":
   marker22.openInfoWindowHtml(WINDOW_HTML22);
   break;
  case "23":
   marker23.openInfoWindowHtml(WINDOW_HTML23);
   break;
  case "24":
   marker24.openInfoWindowHtml(WINDOW_HTML24);
   break;
 }
 return false;
}

//]]>