var finestraA = new Array();
finestraA[0] = 
finestraA[1] = "http://Serracapriola.net/monumenti/chiese/SMercurio/eventi/fotarch.html"; 
finestraA[2] = "http://Serracapriola.net/monumenti/chiese/SMaria/fotarch.html"; 
finestraA[3] = "http://Serracapriola.net/monumenti/chiese/SAnna/fotarch.html"; 
finestraA[4] = "http://Serracapriola.net/monumenti/chiese/SAngelo/fotarch.html"; 
finestraA[5] = "http://www.serracapriola.net/monumenti/chiese/Trinita/fotarch.html"; 
finestraA[6] = "http://Serracapriola.net/monumenti/conventi/chiesaMG/fotarch.html"; 
finestraA[7] = "";
finestraA[8] = "http://Serracapriola.net/centro/urbanistica/incrocio/fotarch.html"; 
finestraA[9] = "http://Serracapriola.net/monumenti/castello/introduzione/fotarch.html"; 

 function vaiA(number) {
	if (number == null) {
         alert("Questo documento non esiste!");
         return;
      }
     var newWindow = window.open(finestraA [number], 'nuova',"menubar=yes,status=yes,Toolbar=no,location=no,scrollbars=yes,resizable=yes,height=800,width=700");

}

var puntoA;

 var pointA = new Array();
//pointA[0] = new GLatLng(41.803326, 15.159277);
pointA[1] = new GLatLng(41.802310654543895, 15.157667398452759);
pointA[2] = new GLatLng(41.80367826398597, 15.15863299369812);
pointA[3] = new GLatLng(41.80415812003014, 15.15913724899292);
pointA[4] = new GLatLng(41.80546970821484, 15.162516832351685);
pointA[5] = new GLatLng(41.807788914288814, 15.160102844238281);
pointA[6] = new GLatLng(41.816209325639655, 15.164254903793335);  
pointA[7] = new GLatLng(41.81591347050054, 15.164587497711182);
pointA[8] = new GLatLng(41.81325071274797, 15.161336660385132);
pointA[9] = new GLatLng(41.804118132163715, 15.158557891845703);



var nomeA = new Array();
//nomeA[0] = "<A HREF=javascript:vaiA(0)>Centro Storico<BR>di<BR>Serracapriola</A></td><td> <IMG SRC=monumenti/immagini/CentroStorico.jpg></td></tr></table>"; 
nomeA[1] = "<A HREF=javascript:vaiA(1)>Chiesa di<BR>S.Mercurio</A></td><td> <IMG SRC=monumenti/immagini/smercurio.jpg border=1></td></tr></table>"; 
nomeA[2] = "<A HREF=javascript:vaiA(2)>Chiesa di<BR>S.Maria in Silvis </A></td><td><IMG SRC=monumenti/immagini/smaria.jpg border=1></td></tr></table>"; 
nomeA[3] = "<A HREF=javascript:vaiA(3)>Chiesa di<BR>Sant'Anna </A></td><td><IMG SRC=monumenti/immagini/sanna.jpg border=1></td></tr></table>"; 
nomeA[4] = "<A HREF=javascript:vaiA(4)>Chiesa di<BR>Sant'Angelo</A></td><td> <IMG SRC=monumenti/immagini/sangelo.jpg border=1></td></tr></table>"; 
nomeA[5] = "<A HREF=javascript:vaiA(5)>Chiesa della<BR> SS. Trinit&agrave</A> </td><td><IMG SRC=monumenti/immagini/trinita.jpg border=1></td></tr></table>"; 
nomeA[6] = "<A HREF=javascript:vaiA(6)>Chiesa di<BR>M. SS. delle Grazie <BR>(Convento dei Cappuccini)</A></td><td> <IMG SRC=monumenti/immagini/convento.jpg border=1></td></tr></table>"; 
nomeA[7] = "Statua di Padre Pio</td></tr></table>";
nomeA[8] = "<A HREF=javascript:vaiA(8)>Oasi<BR>francescana</A></td><td> <IMG SRC=monumenti/immagini/statua.jpg border=1></td></tr></table>"; 
nomeA[9] = "<A HREF=javascript:vaiA(9)>Castello </A></td><td><IMG SRC=monumenti/immagini/castello.jpg border=1></td></tr></table>"; 


function segnoA(number) {

document.getElementById('monumenti').style.visibility = "hidden";
document.getElementById("pulsantemenu").value = " mostra menu";
map.clearOverlays();
if (number ==6){
map.setCenter(new GLatLng(41.816209325639655, 15.164254903793335), 18);
// Our info window content
var infoTabs = [
  new GInfoWindowTab("Convento", "<table width=200 height=90><tr><TD> <b><A HREF=http://Serracapriola.net/monumenti/conventi/conventoStoria/fotarch.html>Convento dei Padri Cappuccini</A></td><td> <IMG SRC=monumenti/immagini/convento.jpg border=1></td></tr></table>"),
  new GInfoWindowTab("Chiesa", "<table width=200 height=90><tr><TD> <b><A HREF=http://Serracapriola.net/monumenti/conventi/chiesaMG/fotarch.html>Chiesa di M. SS. delle Grazie</A></td><td> <IMG SRC=monumenti/immagini/chiesaMSSG.jpg border=1></td></tr></table>")
];

// Place a marker in the center of the map and open the info window
// automatically
var marker = new GMarker(new GLatLng(41.816209325639655, 15.164254903793335));
GEvent.addListener(marker, "click", function() {
  marker.openInfoWindowTabsHtml(infoTabs);
});
map.addOverlay(marker);
marker.openInfoWindowTabsHtml(infoTabs);


} else  if (number ==0){   

map.setCenter(new GLatLng(41.80922837928007, 15.160961151123047), 15);
map.setMapType(G_SATELLITE_MAP);

var baseIcon = new GIcon();
baseIcon.shadow = "http://www.google.com/mapfiles/shadow50.png";
baseIcon.iconSize = new GSize(20, 30);
baseIcon.shadowSize = new GSize(20, 20);
baseIcon.iconAnchor = new GPoint(9, 20);
baseIcon.infoWindowAnchor = new GPoint(9, 2);
baseIcon.infoShadowAnchor = new GPoint(18, 25);

 alert("funziona");
 
function createMarker(pointA, index) {
 
  var icon = new GIcon(baseIcon);
 icon.image = "http://labs.google.com/ridefinder/images/mm_20_yellow.png";
  var marker = new GMarker(pointA, icon);

  GEvent.addListener(marker, "mouseover", function() {
marker.openInfoWindowHtml("<table width=200 height=90><tr><TD> <b>" + nomeA[index]);
  });
  return marker;
}

for (var i = 1; i < 7; i++) {
  var puntoA = pointA[i];
  map.addOverlay(createMarker(puntoA, i));
}

}else{ 
  map.clearOverlays();
map.setZoom(17);
window.setTimeout(function() {
  map.panTo(pointA[number]);
}, 1000);
  var marker = createMarker(pointA[number], nomeA[number]);
 var tabs = "<table width=200 height=90><tr><TD> <b>" + nomeA[number] ;
// Place a marker in the center of the map and open the info window
// automatically
 var marker = new GMarker(pointA[number]);
 map.addOverlay(marker);
  marker.openInfoWindowHtml(tabs,3);
 

map.setMapType(G_HYBRID_MAP);
GEvent.addListener(marker, "click", function() {
 marker.openInfoWindowHtml("<table width=200 height=90><tr><TD> <b>" + nomeA[number] );
  });
}
}
// Creates a marker whose info window displays the given number
function createMarker(pointA, number) {
  var marker = new GMarker(pointA);
  return marker;
}


document.write("<div id='monumenti' style='background-image: url(accessori/verde.png);  width: 215px; position: absolute; top: 60px; left: 160px; visibility: hidden; padding: 20px; z-index:9;'  class='didaM'><A HREF='javascript:segnoA(0)' class='mappa'><A HREF='javascript:segnoA(9)' class='mappa'>Il castello</A> <BR><A HREF='javascript:segnoA(0)' class='mappa'>Le chiese</A><BR><A HREF='javascript:segnoA(1)' class='mappa'>&nbsp;&nbsp;&nbsp;&nbsp;chiesa di S.Mercurio</A> <BR><A HREF='javascript:segnoA(2)' class='mappa'>&nbsp;&nbsp;&nbsp;&nbsp;chiesa di S. Maria in Silvis</A> <BR><A HREF='javascript:segnoA(3)' class='mappa'>&nbsp;&nbsp;&nbsp;&nbsp;chiesa di Sant'Anna</A> <BR><A HREF='javascript:segnoA(4)' class='mappa'>&nbsp;&nbsp;&nbsp;&nbsp;chiesa di Sant'Angelo</A> <BR><A HREF='javascript:segnoA(5)' class='mappa'>&nbsp;&nbsp;&nbsp;&nbsp;chiesa della SS.Trinit&agrave; </A> <BR><A HREF='javascript:segnoA(6)' class='mappa'>&nbsp;&nbsp;&nbsp;&nbsp;Convento dei Cappuccini</A> <BR><A HREF='javascript:segnoA(7)' class='mappa'>Statua di P.Pio</A> <BR><A HREF='javascript:segnoA(8)' class='mappa'>Oasi francescana</A> <BR> </div>");