//<![CDATA[
   
var map = null;

var city;
var ingrA;
var ingrB;
 var geocoder = null;
 var punto; 
var dist=0;
var i=0;
var arr = new Array();
var lett = new Array();
var puntoA;
var puntoB;
var index;


 function initialize() {
      if (GBrowserIsCompatible()) {
      map = new GMap2(document.getElementById("map"));
      map.addControl(new GLargeMapControl());
      map.addControl(new GScaleControl());
      map.addControl(new GMapTypeControl);
      map.setCenter(city, ingrA);
 	  map.setMapType(G_HYBRID_MAP);
 	geocoder = new GClientGeocoder();
	
	 
    
      
var baseIcon = new GIcon();
baseIcon.shadow = "http://www.google.com/mapfiles/shadow50.png";
baseIcon.iconSize = new GSize(20, 34);
baseIcon.shadowSize = new GSize(37, 34);
baseIcon.iconAnchor = new GPoint(9, 34);
baseIcon.infoWindowAnchor = new GPoint(9, 2);
baseIcon.infoShadowAnchor = new GPoint(18, 25);

var icon = new GIcon(baseIcon);
  icon.image = "http://labs.google.com/ridefinder/images/mm_20_yellow.png";
 var marker = new GMarker(city, icon)
      map.addOverlay(marker);

   GEvent.addListener(marker, "click", function() {
   marker.showMapBlowup(ingrB, G_HYBRID_MAP);
  });
 marker.showMapBlowup(ingrB, G_HYBRID_MAP);
 
 
function createMarker(point, index) {
  // Create a lettered icon for this point using our icon class
 
letter = String.fromCharCode("A".charCodeAt(0) + index);
  var icon = new GIcon(baseIcon);
  icon.image = "http://www.google.com/mapfiles/marker" + letter + ".png";
  var marker = new GMarker(point, icon);
var  lettera = lett[index ]=letter;
var  pA = arr[index - 1];
var  pB = arr[index];
var  pC = arr[0];

GEvent.addListener(marker, "mouseout", function() {
map.closeInfoWindow();
  });

 GEvent.addListener(marker, "mouseover", function() {
var  lineaA  = pB.distanceFrom(pA);
var lineaA = (Math.round(lineaA*100))/100;
var  lineaB  = pB.distanceFrom(pC);
var lineaB = (Math.round(lineaB*100))/100;
if (index>1){
    marker.openInfoWindowHtml("distanza <b>" + lett[index ] + lett[index -1]  + " = m. " +  lineaA + "<\/b><BR>distanza <b>" + lett[index ] + lett[0]  + " = m. " +  lineaB + "<\/b>");
}else{
    marker.openInfoWindowHtml("distanza <b>" + lett[index ] + lett[index -1]  + " = m. " +  lineaA + "<\/b>");
}
  });
  return marker;
}

GEvent.addListener(map, "click", function(marker, point) {
punto = arr[i ]=point;
  if(i>0){
puntoA = arr[i-1];
puntoB = arr[i];
dista =puntoB.distanceFrom(puntoA);
var dista = (Math.round(dista*100))/100;
dist = dist + puntoB.distanceFrom(puntoA);
   var polyline = new GPolyline([puntoA,puntoB], "#00FF00", 5);
map.addOverlay(polyline);   
    var distanza = (Math.round(dist*100))/100;
  map.addOverlay(createMarker(point, i));
  document.getElementById("distanza").innerHTML = "  poligonale m. " +  distanza + "; <span style=' font-size: 12px;'>lato " + lett[i] + lett[i -1]  + " = m. "  + dista +  ";  <\/span>";
}else {
 map.addOverlay(createMarker(point, i));
 }
  i++
  });



}else{
   document.write("<div  style='background-color: yellow; width: 690px; height: 500px; position:absolute; left:5px; top:65px; z-index:8;'><\/div><div  style='position:absolute; left:270px; top:250px; z-index:8; font-family: Arial; font-weight:bold; font-style:italic; font-size: 30px; line-height:30px; text-align: left; color: red;'>Sorry<\/DIV><div  style='width: 500px; height: 300px; position:absolute; left:100px; top:300px; z-index:8; font-family: Arial; 	font-weight:bold; font-style:italic; font-size: 16px; line-height:18px; text-align: left; color: black;  ' > Google Maps non &egrave; compatibile con tutti i  web browser. <BR>Google Maps supporta le recenti versioni di :<LI> Firefox/Mozilla<LI>Internet Explorer 5.5 e successive,<LI> Safari 1.2 e successive. <BR>Per ultriori informazioni si consiglia di consultare il sito<BR><A HREF='http://www.google.com/apis/maps/documentation/#Browser_Compatibility'  target=blanck>http://www.google.com/apis/maps/documentation/#Browser_Compatibility/<\/A> <\/div>");
}
 } ; 


function showAddress(address) {
      if (geocoder) {
        geocoder.getLatLng(
          address,
          function(point) {
            if (!point) {
              alert(address + " not found");
            } else {
              map.setCenter(point, 16);
              map.setMapType(G_HYBRID_MAP);
              var marker = new GMarker(point);
              map.addOverlay(marker);
              marker.openInfoWindowHtml(address);
            }
          }
        );
      }
    }
    
 function cancella(){

 map.clearOverlays();
for (i = 0; i <= arr.length + 2 ; i++){
arr.pop();
};
i = 0;
index = 0;
dist = 0;
    document.getElementById("distanza").innerHTML = "";
  };  
  
  

 function aiuti() {
 if (document.getElementById("aiuti").style.visibility == "visible") {
	document.getElementById("aiuti").style.visibility="hidden";
	document.getElementById("pulsanteaiuti").value = "show help";
} else {
	document.getElementById("aiuti").style.visibility="visible";
	document.getElementById("pulsanteaiuti").value="hide help";
}
}

function chiudiInvio(){
document.getElementById("coordinate").value = puntina.getPoint();
document.getElementById("invio").style.visibility="hidden";
}


var  puntina;

function archivio(){
document.getElementById("invio").style.visibility="visible";
document.getElementById("coordinate").value = puntina.getPoint();
puntina.hide();
map.closeInfoWindow();
}
 
 var marcaZoom;
 
 function marca(){
          
      var center = map.getCenter();
       puntina = new GMarker(center, {draggable: true});
     GEvent.addListener(puntina, "dragstart", function() {
          map.closeInfoWindow();
        });
     GEvent.addListener(puntina, "dragend", function() {
          puntina.openInfoWindowHtml("<table width=200 height=130><tr><td><img src=http://stereofot.it/tools/images/mago.png></td><td align=right>E' la posizione definitiva?<BR><BR><input type='button'  value='OK' onClick= 'archivio()'></td></tr></table>" );
  });
     map.addOverlay(puntina);
    puntina.openInfoWindowHtml("<table width=200 height=130><tr><td align=right>posiziona il segnalino sul luogo che vuoi indicare</td><td><img src=http://stereofot.it/tools/images/fumetto.gif></td></tr></table>" );

   }



function control(campo) {
	if (campo.coordinate.value == "") {
		alert("non hai indicato il luogo");
		return false;
	}
	if (campo.nome.value == "") {
		alert("Non hai scritto il nome del luogo");
		return false;
	}
	if (campo.cognome.value == "") {
		alert("devi scrivere il tuo nome e cognome");
		return false;
	}
	if (campo.posta.value == "") {
		var r = confirm("Non indicando l'indirizzo e-mail non potrai essere contattato prima della pubblicazione.\n\n Inviare comunque?");
		if ( r == true) {
			chiudiInvio()
			return true;
		} else {
			return false;
		}
	}
	 chiudiInvio()
	return true;
}



self.resizeTo(1024,700);
     //]]>
 //body
 document.write("<body background='http://stereofot.it/tools/images/background.jpg' onload='initialize()' onunload='GUnload()'><div  style='font-family: Arial; font-weight:bold; font-style:italic; font-size: 18px; line-height:18px; text-align: left; color: black; position:absolute; top: 7px; left: 200px; z-index:16;'><A HREF='javascript:menuStereofot()' class=mappa>Carta dei Beni Culturali</A></div><div style='position:absolute; left:160px; top:63px; z-index:0; font-family: Arial; font-weight:bold;  font-size: 15px;  color: red;' ><form action='#' onsubmit='showAddress(this.address.value); return false'>Cerca sulla mappa: <input type='text' size='40' name='address' value='Politecnico di Bari, Bari, Puglia, Italy' /> <input type='submit' value='Go!' /></form></div>");