function showmenu(){
document.getElementById('menu').style.visibility = "visible";
document.getElementById("pulsantemenu").value="nascondi menu";
document.getElementById("monumenti").style.visibility="hidden";
	document.getElementById("territorio").style.visibility="hidden";
	document.getElementById("servizi").style.visibility="hidden";
	document.getElementById("vie").style.visibility="hidden";
	document.getElementById('botteghe').style.visibility = "hidden";
	document.getElementById('porte').style.visibility = "hidden";
}

function elenco() {
if (document.getElementById("menu").style.visibility == "visible") {
	document.getElementById("menu").style.visibility="hidden";
	document.getElementById("monumenti").style.visibility="hidden";
	document.getElementById("territorio").style.visibility="hidden";
	document.getElementById("servizi").style.visibility="hidden";
	document.getElementById("vie").style.visibility="hidden";
	document.getElementById('botteghe').style.visibility = "hidden";
	document.getElementById('porte').style.visibility = "hidden";
	document.getElementById("pulsantemenu").value = " mostra menu";
} else {
	document.getElementById("menu").style.visibility="visible";
	document.getElementById("pulsantemenu").value="nascondi menu";
}
}

function monumenti(){
document.getElementById('monumenti').style.visibility = "visible";
document.getElementById('territorio').style.visibility = "hidden";
document.getElementById('servizi').style.visibility = "hidden";
document.getElementById('vie').style.visibility = "hidden";
document.getElementById('botteghe').style.visibility = "hidden";
document.getElementById('porte').style.visibility = "hidden";

  map.clearOverlays();
map.setCenter(new GLatLng(41.80922837928007, 15.160961151123047), 15);
map.setMapType(G_SATELLITE_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(15, 20);
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(pointA, index) {
  var icon = new GIcon(baseIcon);
 icon.image = "http://labs.google.com/ridefinder/images/mm_20_green.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 < 10; i++) {
  var puntoA = pointA[i];
  map.addOverlay(createMarker(puntoA, i));
}
}

function territorio(){
document.getElementById('territorio').style.visibility = "visible";
document.getElementById('monumenti').style.visibility = "hidden";
document.getElementById('servizi').style.visibility = "hidden";
document.getElementById('vie').style.visibility = "hidden";
document.getElementById('botteghe').style.visibility = "hidden";
document.getElementById('porte').style.visibility = "hidden";

  map.clearOverlays();
map.setCenter(new GLatLng(41.81891993477623, 15.19683837890625), 11);
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(15, 20);
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(pointB, index) {
  var icon = new GIcon(baseIcon);
 icon.image = "http://labs.google.com/ridefinder/images/mm_20_red.png";
  var marker = new GMarker(pointB, icon);

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

for (var i = 0; i < 12; i++) {
  var puntoB = pointB[i];
  map.addOverlay(createMarker(puntoB, i));
}

}

function servizi(){
document.getElementById('servizi').style.visibility = "visible";
document.getElementById('monumenti').style.visibility = "hidden";
document.getElementById('territorio').style.visibility = "hidden";
document.getElementById('vie').style.visibility = "hidden";
document.getElementById('botteghe').style.visibility = "hidden";
document.getElementById('porte').style.visibility = "hidden";

  map.clearOverlays();
map.setCenter(new GLatLng(41.80922837928007, 15.160961151123047), 15);
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(15, 20);
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_yellow.png";
  var marker = new GMarker(point, icon);

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

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

function vie(){
document.getElementById('vie').style.visibility = "visible";
document.getElementById('monumenti').style.visibility = "hidden";
document.getElementById('territorio').style.visibility = "hidden";
document.getElementById('servizi').style.visibility = "hidden";
document.getElementById('servizi').style.visibility = "hidden";
document.getElementById('botteghe').style.visibility = "hidden";
document.getElementById('porte').style.visibility = "hidden";

  map.clearOverlays();
map.setCenter(new GLatLng(41.80628543854331, 15.159416198), 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(15, 20);
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(pointC, index) {
  var icon = new GIcon(baseIcon);
 icon.image = "http://labs.google.com/ridefinder/images/mm_20_green.png";
  var marker = new GMarker(pointC, icon);

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

for (var i = 0; i < 10; i++) {
  var puntoC = pointC[i];
  map.addOverlay(createMarker(puntoC, i));
}
}

function botteghe(){
document.getElementById('botteghe').style.visibility = "visible";
document.getElementById('vie').style.visibility = "hidden";
document.getElementById('monumenti').style.visibility = "hidden";
document.getElementById('territorio').style.visibility = "hidden";
document.getElementById('servizi').style.visibility = "hidden";
document.getElementById('porte').style.visibility = "hidden";


  map.clearOverlays();
map.setCenter(new GLatLng(41.80419011030532, 15.158826112747192), 18);
map.setMapType(G_SATELLITE_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, 20);
baseIcon.shadowSize = new GSize(30, 30);
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(pointE, index) {
  var icon = new GIcon(baseIcon);
 icon.image = "http://labs.google.com/ridefinder/images/mm_20_orange.png";
  var marker = new GMarker(pointE, icon);

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

for (var i = 0; i < 4; i++) {
  var puntoE = pointE[i];
  map.addOverlay(createMarker(puntoE, i));
}
}

function porte(){
document.getElementById('porte').style.visibility = "visible";
document.getElementById('monumenti').style.visibility = "hidden";
document.getElementById('territorio').style.visibility = "hidden";
document.getElementById('servizi').style.visibility = "hidden";
document.getElementById('botteghe').style.visibility = "hidden";
document.getElementById('vie').style.visibility = "hidden";

  map.clearOverlays();
map.setCenter(new GLatLng(41.80355829941337, 15.158482789993286), 17);
map.setMapType(G_SATELLITE_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(pointF, index) {
  var icon = new GIcon(baseIcon);
 icon.image = "http://labs.google.com/ridefinder/images/mm_20_green.png";
  var marker = new GMarker(pointF, icon);

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

for (var i = 0; i < 7; i++) {
  var puntoF = pointF[i];
  map.addOverlay(createMarker(puntoF, i));
}
}

document.write("<div id='menu' style='background-image: url(accessori/fondomenu.jpg);  width: 240px; position: absolute; top: 60px; left: 130px; visibility: hidden; padding: 20px; z-index:6;'  class='testoM'><A HREF='javascript:monumenti()' onMouseOver='monumenti()' class='mappa'>I monumenti</A> <BR><A HREF='javascript:territorio()' onMouseOver='territorio()' class='mappa'>Il territorio</A> <BR><A HREF='javascript:servizi()'  onMouseOver='servizi()' class='mappa'>I servizi</A> <BR><A HREF='javascript:vie()' onMouseOver='vie()' class='mappa'>Le vie e le piazze</A> <BR><A HREF='javascript:porte()' onMouseOver='porte()' class='mappa'>Le porte del paese</A> <BR><A HREF='javascript:botteghe()' onMouseOver='botteghe()' class='mappa'>Le botteghe</A><BR><BR><A HREF='arrivo.html'  onMouseOver='showmenu()' class='mappa'>Come arrivare a Serracapriola</A> <BR><A HREF='../pianoRegolatore/fotarch.html' onMouseOver='showmenu()' class='mappa'>Il Piano Regolatore</A> <HR></div>");