var finestra = new Array();
finestra[0] = "http://Serracapriola.net/costumi/politica/arranga/fotarch.html"; 
finestra[1] = "http://Serracapriola.net/costumi/teatro/edificio/fotarch.html"; 
finestra[2] = ""; 
finestra[3] =  ""; 
finestra[4] = ""; 
finestra[5] = "http://Serracapriola.net/comune/ente/fotarch.html";
finestra[6] = ""; 
finestra[7] = ""; 
finestra[8] = "http://Serracapriola.net/costumi/sanita/presidio/fotarch.html";
finestra[9] = "http://Serracapriola.net/centro/urbanistica/corso/fotarch.html"; 

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

}


 var point = new Array();
point[0] = new GLatLng(41.805341749573884, 15.159437656402588);
point[1] = new GLatLng(41.806029524264204, 15.158439874649048);
point[2] = new GLatLng(41.80833271597585, 15.161336660385132);
point[3] = new GLatLng(41.809860134257775, 15.16038179397583);
point[4] = new GLatLng(41.806981200322085, 15.164244174957275);
point[5] = new GLatLng(41.809612231148506, 15.162087678909302);
point[6] = new GLatLng(41.808836528125326, 15.160338878631592 );
point[7] = new GLatLng(41.812595001660654, 15.160735845565796);
point[8] = new GLatLng(41.81369051520399, 15.162506103515625);


var nome = new Array();
nome[0] = "<A HREF=javascript:vai(0)>Palazzo Arranga </A></td><td><IMG SRC=servizi/immagini/arranga.jpg border=1></td></tr></table>"; 
nome[1] = "<A HREF=javascript:vai(1)>Cinema<BR>Teatro <BR>&quot;Palazzo&quot;</A></td><td> <IMG SRC=servizi/immagini/teatroP.jpg border=1></td></tr></table>"; 
nome[2] = "Scuola Materna</td></tr></table>"; 
nome[3] = "Scuola Elementare<IMG SRC=servizi/immagini/scuolaEl.jpg border=1></td></tr></table>";
nome[4] = "Scuola  Media</td></tr></table>";
nome[5] = "<A HREF=javascript:vai(5)>Municipio </A> </td><td><IMG SRC='servizi/immagini/municipio.jpg' border=1></td></tr></table>";
nome[6] = "Caserma dei Carabinieri</td></tr></table>"; 
nome[7] = "Ufficio Postale</td></tr></table>";
nome[8] = "<A HREF=javascript:vai(8)>Presidio<BR>Sanitario </A>  </td><td> <IMG SRC=servizi/immagini/presidioSanitario.jpg border=1></td></tr></table>";

function segno(number) {

document.getElementById('servizi').style.visibility = "hidden";
document.getElementById("pulsantemenu").value = "mostra menu";
 map.clearOverlays();
 
if (number ==10){   
map.setCenter(new GLatLng(41.808516647854695, 15.160950422286987), 16);
map.setMapType(G_HYBRID_MAP);

// Create a base icon for all of our markers that specifies the
// shadow, icon dimensions, etc.
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);

// Creates a marker whose info window displays the letter corresponding
// to the given index.
function createMarker(point, index) {
  var icon = new GIcon(baseIcon);
 icon.image = "http://labs.google.com/ridefinder/images/mm_20_blue.png";
  var marker = new GMarker(point, icon);

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

for (var i = 2; i < 5; i++) {
  var punto = point[i];
  map.addOverlay(createMarker(punto, i));
}


}else{ 

map.setZoom(17);
window.setTimeout(function() {
  map.panTo(point[number]);
}, 1000);
  var marker = createMarker(point[number], nome[number]);
 var tabs = "<table width=200 height=90><tr><TD> <b>" + nome[number] ;
// Place a marker in the center of the map and open the info window
// automatically
 var marker = new GMarker(point[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>" + nome[number] );
  });
}
}

// Creates a marker whose info window displays the given number
function createMarker(point, number) {
  var marker = new GMarker(point);
  return marker;
}


document.write("<div id='servizi' 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:segno(0)' class='mappa'>Palazzo Arranga</A> <BR><A HREF='javascript:segno(1)' class='mappa'>Cinema-teatro Palazzo</A> <BR><A HREF='javascript:segno(10)' class='mappa'>Le scuole</A> <BR><A HREF='javascript:segno(2)' class='mappa'>&nbsp;&nbsp;&nbsp;&nbsp;Scuola Materna</A>     <BR><A HREF='javascript:segno(3)' class='mappa'>&nbsp;&nbsp;&nbsp;&nbsp;Scuola Elementare </A>     <BR><A HREF='javascript:segno(4)' class='mappa'>&nbsp;&nbsp;&nbsp;&nbsp;Scuola Media </A>  <BR><A HREF='javascript:segno(5)' class='mappa'>Municipio </A>  <BR><A HREF='javascript:segno(6)' class='mappa'>Caserma dei Carabinieri</A>   <BR><A HREF='javascript:segno(7)' class='mappa'>Ufficio Postale  </A>   <BR><A HREF='javascript:segno(8)' class='mappa'>Presidio Sanitario </A>  </div>");