var edif = new Array();

function oggettoEdif(nome,indirizzoKml,riferimento) {
	this.nome=nome;
	this.indirizzoKml=indirizzoKml;
	this.riferimento=riferimento;
}


edif[4] = new oggettoEdif("chiese","http://3d.serracapriola.net/dati/chiese.kml","");
edif[5] = new oggettoEdif("porte","http://3d.serracapriola.net/dati/Porte.kml","");
edif[6] = new oggettoEdif("scuole","http://3d.serracapriola.net/dati/scuole.kml","");

edif[7] = new oggettoEdif("viale","http://3d.serracapriola.net/dati/viale/viale.kml","");
edif[8] = new oggettoEdif("piazzale convento","http://3d.serracapriola.net/dati/viale/piazzale.kml","");
edif[9] = new oggettoEdif("borgo occidentale","http://3d.serracapriola.net/dati/occidentale.kml","");
edif[10] = new oggettoEdif("centro storico","http://3d.serracapriola.net/dati/compartiA1.kml","");
edif[11] = new oggettoEdif("borgo orientale","http://3d.serracapriola.net/dati/orientale.kml","");
edif[12] = new oggettoEdif("cimitero","http://3d.serracapriola.net/dati/cimitero.kml","");
  
  var currentKmlObject = null;
  var ultimoNum;
  
function clickCasella(number) { 
     var kmlUrl = edif[number.value].indirizzoKml;
	if(number.checked==true){
		ultimoNum = number.value;
        google.earth.fetchKml(ge, kmlUrl, finishFetchKmlXX);
        currentKmlObject = null;
    }
    if(number.checked==false){
        ge.getFeatures().removeChild(edif[number.value].riferimento);
     }
 }
 

 
 
  function finishFetchKmlXX(kmlObject) {
  	document.getElementById('vis').innerHTML="<span class=didascalia>caricato " + edif[ultimoNum].nome + "</span>";
     if (kmlObject) {
      // add the fetched KML to Earth
      currentKmlObject = kmlObject;
      edif[ultimoNum].riferimento = kmlObject;
      ge.getFeatures().appendChild(currentKmlObject);
    } else {
      alert('Bad KML');
    }
   var t=setTimeout("document.getElementById('vis').innerHTML='...'",7000);
  }

      function chiese() {
      chiudifumetto();
   elimina();
    var kmlUrl = edif[4].indirizzoKml;
			ultimoNum = 4;
        google.earth.fetchKml(ge, kmlUrl, finishFetchKmlXX);
         currentKmlObject = null;
               la = ge.getView().copyAsLookAt(ge.ALTITUDE_RELATIVE_TO_GROUND);
      la.set(41.80335, 15.15876,
      0.00, // altitude
      ge.ALTITUDE_RELATIVE_TO_GROUND,
      0.00, // heading
    59.13, // straight-down tilt
      	464.50// range (inverse of zoom)
      	);
          ge.getView().setAbstractView(la); 
     }
     
        function porte() {
        chiudifumetto();
       elimina();
      var kmlUrl = edif[5].indirizzoKml;
			ultimoNum = 5;
        google.earth.fetchKml(ge, kmlUrl, finishFetchKmlXX);
        currentKmlObject = null;
         la = ge.getView().copyAsLookAt(ge.ALTITUDE_RELATIVE_TO_GROUND);
      la.set(41.80335, 15.15876,
      0.00, // altitude
      ge.ALTITUDE_RELATIVE_TO_GROUND,
      0.00, // heading
    59.13, // straight-down tilt
      	464.50// range (inverse of zoom)
      	);
          ge.getView().setAbstractView(la); 
     }
     
       function scuole() {
       chiudifumetto();
 elimina();
     var kmlUrl = edif[6].indirizzoKml;
			ultimoNum = 6;
        google.earth.fetchKml(ge, kmlUrl, finishFetchKmlXX);
        currentKmlObject = null;
       la = ge.getView().copyAsLookAt(ge.ALTITUDE_RELATIVE_TO_GROUND);
      la.set(41.80335, 15.15876,
      0.00, // altitude
      ge.ALTITUDE_RELATIVE_TO_GROUND,
      0.00, // heading
    59.13, // straight-down tilt
      	464.50// range (inverse of zoom)
      	);
          ge.getView().setAbstractView(la); 
     }
 
 	function elimina(){
 	 if (currentKmlObject) {
     ge.getFeatures().removeChild(currentKmlObject);
    currentKmlObject = null;
  }
     }

var edifXX = new Array();

function oggettoEdifXX(nome,indirizzoKml,riferimento) {
	this.nome=nome;
	this.indirizzoKml=indirizzoKml;
	this.riferimento=riferimento;
}

edifXX[0] = new oggettoEdifXX("Portella", "http://3d.serracapriola.net/dati/portella/Portella.kml", "");
edifXX[1] = new oggettoEdifXX("piazzale del convento", "http://3d.serracapriola.net/dati/piazzale/piazzale.kml", "");
edifXX[2] = new oggettoEdifXX("Casa Magnacca", "http://3d.serracapriola.net/dati/magnacca/magnacca.kml", "");
edifXX[3] = new oggettoEdifXX("Casa De Luca", "http://3d.serracapriola.net/dati/deluca/deluca.kml", "");



	 var currentKmlObject = null;
  var ultimoNumXX;
  
function clickCasellaXX(number) { 
			var kmlUrl = edifXX[number.value].indirizzoKml;
	if(number.checked==true){
		ultimoNumXX = number.value;
		if(ultimoNumXX==2 || ultimoNumXX==3){
		hideBuildings();
		}
        google.earth.fetchKml(ge, kmlUrl, finishFetchKml);
        currentKmlObject = null;
    }
    if(number.checked==false){
    if(ultimoNumXX==2 || ultimoNumXX==3){
    showBuildings()
    }
        ge.getFeatures().removeChild(edifXX[number.value].riferimento);
     }
 }
   

   
   
  function finishFetchKml(kmlObject) {
  	document.getElementById('vis').innerHTML="<span class=didascalia>caricato " + edifXX[ultimoNumXX].nome + "</span>";
     if (kmlObject) {
      // add the fetched KML to Earth
      currentKmlObject = kmlObject;
      edifXX[ultimoNumXX].riferimento = kmlObject;
      ge.getFeatures().appendChild(currentKmlObject);
    } else {
      alert('Bad KML');
    }
   var t=setTimeout("document.getElementById('vis').innerHTML='...'",7000);
  }

var currentKmlObject = null;
var mas = new Array();

function oggettoMas(nome,indirizzoKml,riferimento) {
	this.nome=nome;
	this.indirizzoKml=indirizzoKml;
	this.riferimento=riferimento;
}


mas[0] = new oggettoMas("Casa Giuliani", "", "");
  
  var ultimoNumM;
  
function clickCasellaM(number) { 
			var kmlUrl = mas[number.value].indirizzoKml;
	if(number.checked==true){
		ultimoNumM = number.value;
		        google.earth.fetchKml(ge, kmlUrl, finishFetchKmlM);
        currentKmlObject = null;
    }
     if(number.checked==false){
        ge.getFeatures().removeChild(mas[number.value].riferimento);
     }
 }
   

   
   
  function finishFetchKmlM(kmlObject) {
  	document.getElementById('vis').innerHTML="<span class=didascalia>caricato " + mas[ultimoNumM].nome + "</span>";
     if (kmlObject) {
      // add the fetched KML to Earth
      currentKmlObject = kmlObject;
      mas[ultimoNumM].riferimento = kmlObject;
      ge.getFeatures().appendChild(currentKmlObject);
    } else {
      alert('Bad KML');
    }
   var t=setTimeout("document.getElementById('vis').innerHTML='...'",7000);
  }
  
  
     var la;
  var latitude;
  var longitude;
  var heading;
  var buildings;
  var turning;
  var frameendEL;
  var kmzs;
  var nls;
  var roads;



 function updateOptions() {
  var options = ge.getOptions();
  var form = document.options;
  
  options.setStatusBarVisibility(form.statusbar.checked);
  options.setGridVisibility(form.grid.checked);
  options.setOverviewMapVisibility(form.overview.checked);
  options.setScaleLegendVisibility(form.scaleLegend.checked);
  options.setAtmosphereVisibility(form.atmosphere.checked);
  options.setMouseNavigationEnabled(form.mouseNav.checked);
   
  if (form.nav.checked) {
    ge.getNavigationControl().setVisibility(ge.VISIBILITY_SHOW);
  } else {
    ge.getNavigationControl().setVisibility(ge.VISIBILITY_HIDE);
  }
}


function showTerrain() {
    var layerRoot = ge.getLayerRoot();
    var terrainLayer = layerRoot.getLayerById(ge.LAYER_TERRAIN);
    terrainLayer.setVisibility(true);
   }
  
  function hideTerrain() {
    var layerRoot = ge.getLayerRoot();
    var terrainLayer = layerRoot.getLayerById(ge.LAYER_TERRAIN);
    terrainLayer.setVisibility(false);
  }
  
  function showRoads() {
    var layerRoot = ge.getLayerRoot();
    var roadsLayer = layerRoot.getLayerById(ge.LAYER_ROADS);
    roadsLayer.setVisibility(true);
   }
  
  function hideRoads() {
    var layerRoot = ge.getLayerRoot();
    var roadsLayer = layerRoot.getLayerById(ge.LAYER_ROADS);
    roadsLayer.setVisibility(false);
  }

 

      function showSun() {
  ge.getSun().setVisibility(true);
}

function hideSun() {
  ge.getSun().setVisibility(false);
} 
  
 
    
   function edifici() {
nls=[];
    frameendEL = false;
    buildings = true;
    for (var i=7; i < edif.length;i++){
      loadKmz(edif[i].indirizzoKml);
     }
     }
     
   
        
 function showBuildings() {
    ge.getLayerRoot().enableLayerById(ge.LAYER_BUILDINGS, true);
    
    setTimeout(function() {
                 var la = ge.createLookAt('');         
                   la.set(41.80430, 15.15909,
      0.00, // altitude
      ge.ALTITUDE_RELATIVE_TO_GROUND,
      -0.49, // heading
     59.13, // straight-down tilt
      	710.72// range (inverse of zoom)
      );
                 ge.getView().setAbstractView(la);
               }, 10000);
  }
  
  function hideBuildings() {
    ge.getLayerRoot().enableLayerById(ge.LAYER_BUILDINGS, false);
  }
  
  function alertBuildingsVisible() {
    alert(getInheritedVisibility(
      ge.getLayerRoot().getLayerById(ge.LAYER_BUILDINGS)) ?
        'Gli edifici su Google Earth sono visibili' : 'Gli edifici su Google Earth NON sono visibili');
  }
  
  function getInheritedVisibility(layer) {
    if (layer.getVisibility() == false) {
      return false;
    } else {
      var parent = layer.getParentNode();
      if (!parent)
        return true;
      
      return getInheritedVisibility(parent);
    }
  }

    
  function toggleVisibilityNLs(visibility){
  var nl;
  for (var x=0; x<6; x+=1){
  
  nls[x].setVisibility(visibility);
  
  }
  
  }
function failureCB(object) {
	alert('load failed');
}


function loadKmz(kmzFile){
  
  var networkLink = ge.createNetworkLink("");
  networkLink.setName("Opened KMZ File");
networkLink.setFlyToView(false);  
var link = ge.createLink("");
link.setHref(kmzFile);
networkLink.setLink(link);
networkLink.setVisibility(true);
ge.getFeatures().appendChild(networkLink);
nls.push(networkLink);

return networkLink;
  }
     
function za(lat,lng,head,range,altitude,tilt){
   // turning = false;
    latitude = lat;
    longitude = lng;
    heading = head;
    la.set(lat,lng,0,ge.ALTITUDE_RELATIVE_TO_GROUND,heading,tilt,range);
    toggleFrameendEL();
    ge.getOptions().setFlyToSpeed(.25);
    ge.getView().setAbstractView(la);
   // turning = false;
    
    }
    
 
  
  function toggleFrameendEL(){
  if (!frameendEL){
  window.google.earth.addEventListener(ge, 'frameend', zoomAround);
  frameendEL = true;
  }else{
  google.earth.removeEventListener(ge, 'frameend', zoomAround);
  frameendEL = false;
  }
  }
  
  function zoomAround(){
    latemp = ge.getView().copyAsLookAt(ge.ALTITUDE_RELATIVE_TO_GROUND);
     if ((latemp.getLatitude().toFixed(4) == latitude.toFixed(4) && latemp.getLongitude().toFixed(4) == longitude.toFixed(4))|turning){
    turn();
    turning = true;
    }
  }
  
  function turn(){
   ge.getOptions().setFlyToSpeed(1000);
    heading+=.5;
    if (heading > 360){
    heading -= 360;}   

    la.setHeading(heading);
    la.setLatitude(latitude);
    la.setLongitude(longitude);
    ge.getView().setAbstractView(la);    
  }
 
  function buttonClick(lat,lng,head,range,altitude,tilt) {
    za(lat,lng,head,range,altitude,tilt);
    stopFly();
   }
  
  function stopFly() {
    if(frameendEL){
      toggleFrameendEL();
    }
    ge.getOptions().setFlyToSpeed(1);
    turning = false;
  }
  
  
    var x;
   var y;
   var z;
    var map;
   
   function load() {
      if (GBrowserIsCompatible()) {
       map = new GMap2(document.getElementById("map_canvas"));
        map.setCenter(new GLatLng(41.80865259716487, 15.16087532043457), 14);
          map.addControl(new GSmallMapControl());
          map.addControl(new GMapTypeControl());
  
          var nomA = new Array();
nomA[0] = "<IMG SRC=http://serracapriola.net/accessori08/monumenti/immagini/smercurio.jpg border=1 align=left  height=67>  <span class=didascaliaN><B>Chiesa di San Mercurio</B></span> "; 
nomA[1] = "<IMG SRC=http://serracapriola.net/accessori08/monumenti/immagini/smaria.jpg border=1 align=left  height=67> <span class=didascaliaN><B>Chiesa di<BR> S. Maria in Silvis</B></span> "; 
nomA[2] = "<IMG SRC=http://serracapriola.net/accessori08/monumenti/immagini/sanna.jpg border=1 align=left  height=67> <span class=didascaliaN><B>Chiesa di  Sant'Anna</B></span> "; 
nomA[3] = "<IMG SRC=http://serracapriola.net/accessori08/monumenti/immagini/sangelo.jpg border=1 align=left  height=67> <span class=didascaliaN><B>Chiesa di Sant'Angelo</B></span> "; 
nomA[4] = "<IMG SRC=http://serracapriola.net/accessori08/monumenti/immagini/trinita.jpg border=1 align=left  height=67> <span class=didascaliaN><B>Chiesa della  SS. Trinit&agrave</B></span> "; 
nomA[5] = "<IMG SRC=immagini/convento.jpg border=1 align=left height=67><span class=didascaliaN><B>Convento dei<BR>Padri Cappuccini</B></span>"; 
nomA[6] = "<IMG SRC=http://serracapriola.net/accessori08/monumenti/immagini/castello.jpg border=1 align=left height=67> <span class=didascaliaN><B>Castello</B></span> "; 
nomA[7] = "<IMG SRC=immagini/SAgata.jpg border=1 height=67><BR><center><span class=didascaliaN><B>Abbazia di Sant'Agata</B></span></center>";

 var puntA = new Array();          
puntA[0] = new GLatLng(41.802310654543895, 15.157667398452759);
puntA[1] = new GLatLng(41.80367826398597, 15.15863299369812);
puntA[2] = new GLatLng(41.80415812003014, 15.15913724899292);
puntA[3] = new GLatLng(41.80546970821484, 15.162516832351685);
puntA[4] = new GLatLng(41.807788914288814, 15.160102844238281);
puntA[5] = new GLatLng(41.816209325639655, 15.164254903793335);  
puntA[6] = new GLatLng(41.804118132163715, 15.158557891845703);
puntA[7] = new GLatLng(41.88374843011852, 15.233724117279053);


var baseIcon = new GIcon();
baseIcon.shadow = "modelli/disco.png";
baseIcon.iconSize = new GSize(8, 8);
baseIcon.shadowSize = new GSize(5, 5);
baseIcon.iconAnchor = new GPoint(8, 8);
baseIcon.infoWindowAnchor = new GPoint(4, 4);
baseIcon.infoShadowAnchor = new GPoint(0, 0);

function createMarker(puntA, index) {
  var icon = new GIcon(baseIcon);
 icon.image = "modelli/disco.png";
  var marker = new GMarker(puntA, icon);

  GEvent.addListener(marker, "mouseover", function() {
marker.openInfoWindowHtml(nomA[index]);
  });
  return marker;
}
        for (var i = 0; i < puntA.length; i++) {
  var punA = puntA[i];
  map.addOverlay(createMarker(punA, i));
}  
  }      
   }
 
    function trasforma(){
    
    	asc = (Math.round(x*10000))/10000;
        ord = (Math.round(y*10000))/10000;
        alt = (Math.round(z)) +32;
        
     var baseIcon = new GIcon();
baseIcon.shadow = "modelli/mira.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);
  
  map.clearOverlays();
  map.setCenter(new GLatLng(asc, ord));
        var mira = new GIcon(G_DEFAULT_ICON);
        mira.image = "modelli/mira.png";
        mira.iconSize = new GSize(20, 20);
        mira.shadowSize = new GSize(2, 2);
		markerOptions = { icon:mira };
        map.addOverlay(new GMarker(map.getCenter(), markerOptions));
        
        var la = Math.abs(x);
        var A = parseInt(la);
        var latit = (la - A)*60;
        var B = parseInt(latit);
        var C = parseInt((latit - B)*60);
        if (x< 0){
        var latitudine = A + "&deg;" + B +"&#146;" + C + "&deg;" + " S  ";
        } else{   
        var latitudine = A + "&deg;" + B +"&#146;" + C + "&deg;" + " N  ";
        }
        
         var lon = Math.abs(y);
  
        var A1 = parseInt(lon);
        var long = (lon - A1)*60;
        var B1 = parseInt(long);
        var C1 = parseInt((long - B1)*60);
        if (y< 0){
        var longitudine = A1 + "&deg;" + B1 +"&#146; " + C1 + "&deg;" + " W";
                } else{
                var longitudine = A1 + "&deg;" + B1 +"&#146;" + C1 + "&deg;" + " E" ;   
        }
	 document.getElementById("posizione").innerHTML = "<Font color=blue>Posizione: <LI>latitudine: " + latitudine + "<LI>longitudine: " + longitudine + "<LI>quota: m. " + alt + "  s.l.m.</Font>";
  }
    
 
 function chiudifumetto() {
    ge.setBalloon(null);
   }

  function strade(){
if (document.getElementById("pulsantestrade").value == "mostra strade") {
	document.getElementById("pulsantestrade").value = "cancella strade";
} else {
	document.getElementById("pulsantestrade").value="mostra strade";
}
} 
   
  function fumet(){
if (document.getElementById("pulsanteaiuti").value == "cancella edifici") {
	document.getElementById("pulsanteaiuti").value = "mostra edifici";
} else {
		document.getElementById("pulsanteaiuti").value="cancella edifici";
}
} 

function comandi(){
	document.getElementById("options_container").style.visibility="visible";
	document.getElementById("telecamera").style.visibility="hidden";
	document.getElementById("map_canvas").style.visibility="hidden";
	document.getElementById("XXsecolo").style.visibility="hidden";
	document.getElementById("comparto").style.visibility="hidden";
	document.getElementById("edifici").style.visibility="hidden";
	document.getElementById("masserie").style.visibility="hidden";
	document.getElementById("home").style.visibility="hidden";
	document.getElementById("territorio").style.visibility="hidden";
	document.getElementById("chiese").style.visibility="hidden";
	document.getElementById("porte").style.visibility="hidden";
	
} 

 function mappa2d(){
 	document.getElementById("map_canvas").style.visibility="visible";
	document.getElementById("options_container").style.visibility="hidden";
	document.getElementById("telecamera").style.visibility="hidden";
	document.getElementById("XXsecolo").style.visibility="hidden";
	document.getElementById("comparto").style.visibility="hidden";
	document.getElementById("edifici").style.visibility="hidden";
	document.getElementById("masserie").style.visibility="hidden";
	document.getElementById("home").style.visibility="hidden";
	document.getElementById("territorio").style.visibility="hidden";
	document.getElementById("chiese").style.visibility="hidden";
	document.getElementById("porte").style.visibility="hidden";
	} 

function camera(){
	document.getElementById("telecamera").style.visibility="visible";
	document.getElementById("options_container").style.visibility="hidden";
	document.getElementById("map_canvas").style.visibility="hidden";
	document.getElementById("XXsecolo").style.visibility="hidden";
	document.getElementById("comparto").style.visibility="hidden";
	document.getElementById("edifici").style.visibility="hidden";
	document.getElementById("masserie").style.visibility="hidden";
	document.getElementById("home").style.visibility="hidden";
	document.getElementById("territorio").style.visibility="hidden";
	document.getElementById("chiese").style.visibility="hidden";
	document.getElementById("porte").style.visibility="hidden";
	}
	

function eventListener(event) {
  var camera = ge.getView().copyAsCamera(ge.ALTITUDE_RELATIVE_TO_GROUND);
	document.getElementById("id_lat_cam").innerHTML = camera.getLatitude().toFixed(5);
	document.getElementById("id_lng_cam").innerHTML = camera.getLongitude().toFixed(5);
	document.getElementById("id_alt_cam").innerHTML = camera.getAltitude().toFixed(2);
	document.getElementById("id_head_cam").innerHTML = camera.getHeading().toFixed(2);
	document.getElementById("id_tilt_cam").innerHTML = camera.getTilt().toFixed(2);
	document.getElementById("id_roll_cam").innerHTML = camera.getRoll().toFixed(2);

  var lookAt = ge.getView().copyAsLookAt(ge.ALTITUDE_RELATIVE_TO_GROUND);
	document.getElementById("id_lat_la").innerHTML = lookAt.getLatitude().toFixed(5);
	document.getElementById("id_lng_la").innerHTML = lookAt.getLongitude().toFixed(5);
	document.getElementById("id_rng_la").innerHTML = lookAt.getRange().toFixed(2);
	document.getElementById("id_alt_la").innerHTML = lookAt.getAltitude().toFixed(2);
	document.getElementById("id_head_la").innerHTML = lookAt.getHeading().toFixed(2);
	document.getElementById("id_tilt_la").innerHTML = lookAt.getTilt().toFixed(2);
}

   
   function stereo(){
   winOpts ="menubar=yes,status=no,Toolbar=no,location=no,scrollbars=yes,resizable=yes,width=580,height=470";
   win1= window.open("stereo/fotarch.html", "_self", winOpts);
       win1.focus();
   }
   
    function tempo(){
   winOpts ="menubar=yes,status=no,Toolbar=no,location=no,scrollbars=yes,resizable=yes,width=580,height=470";
   win1= window.open("tempo.html", "_self", winOpts);
       win1.focus();
   }

 var utili = new Array();
utili[0] = "mappa2d()";
utili[1] = "comandi()";
utili[2] = "camera()";
utili[3] = "stereo()";
utili[4] = "tempo()";
utili[5] = "edificiS()";
utili[6] = "elimina()";

 var visita = new Array();
visita[0] = "fotarch.html";
visita[1] = "pedone.html";
visita[2] = "simulatore.html";
visita[3] = "jeep.html";
visita[4] = "elicottero.html";
visita[5] = "aereo.html";
visita[6] = "ufo.html";

function MakeArray() {
	var lngth = MakeArray.arguments.length;
	for ( i = 0 ; i < lngth ; i++ ) { this[i]=MakeArray.arguments[i] }
}

function utile() {
var select = document.getElementById("carte").selectedIndex;
if(select >0) {
var intl=new MakeArray('',utili[0],utili[1],utili[2],utili[3],utili[4],utili[5],utili[6]); 
var nuove=intl[document.getElementById("carte").selectedIndex]; 
 eval(nuove);
}
}  

function visit() {
var select = document.getElementById("mezzi").selectedIndex;
if(select >0) {
var intl=new MakeArray('',visita[0],visita[1],visita[2],visita[3],visita[4],visita[5],visita[6]); 
var nuove=intl[document.getElementById("mezzi").selectedIndex]; 
 winOpts ="menubar=yes,status=no,Toolbar=no,location=no,scrollbars=yes,resizable=yes,width=1020,height=750";
    
win1= window.open(nuove, "_self", winOpts);
win1.focus();
 
}
}  

var larghezza = 1100;
var altezza = 590;
  // self.resizeTo(1020,750);
self.resizeTo(screen.width,screen.height);

document.write("<div  style='position: absolute; height: 20px; left: 350px; top:10; text-align:right; z-index:13'><FORM NAME='menuform'><SELECT NAME='carte' id='carte' onChange='utile()'><option id ='utili'>Utility:<option>Mappa 2D<option>Preferenze<option>Telecamera<option>Immagine stereoscopica<option>linea del tempo<option>Home<option>cancella</select>  <SELECT NAME='mezzi' id='mezzi' onChange='visit()'><option id ='mezzi'>Visita del Territorio:<option>liberamente<option>a piedi<option>auto<option>fuoristrada <option>elicottero <option>aereo<option>UFO </select>  </FORM></div>  <!--   SETTORE     --> <div id='settore' style='width: 465px; height: 60px; position:absolute; left:-60px; top:2px; z-index:0'><IMG SRC=http://serracapriola.net/accessori08/immagini/sector.jpg width=400 height=56 border=0> </div><!--   TITOLO     --> <div id='Serra' style='width:300px; height:45px; position: absolute; top: 13px; left: 30px; z-index:5; text-align:left; padding:5px' class=supertitolo><A href=fotarch.html>Serracapriola in 3D</A></div><div id='serra2' style='width:300px; height:45px; position: absolute; top: 15px; left: 32px; z-index:2; text-align:left; padding:5px' class=supertitoloN>Serracapriola in 3D</div>   <!--   POSIZIONE     -->  <div id='posizione' style='padding: 10px; width: 300px; position:absolute; left:30px; top:460px; z-index:25' class=didascalia></div>   <!--   MAPPA 3D     -->  <div id='map3d_container' style='position: absolute; left: 320px; top: 68px; width:" + larghezza  + "px; height: " + altezza + "px;'><div id='map3d' style='height: 100%;'></div></div><!--   MAPPA 2D     -->  <div id='map_canvas' style='position: absolute; left: 10px; top: 68px; width: 300px; height: 550px; visibility: visible; z-index:10'></div> <!--   PREFERENZE     -->   <div id='options_container' style='background-image: url(immagini/fondo.png); position: absolute; left: 10px; top: 200px; width: 280px; height: 400px; padding: 10px; z-index:2; text-align:right; visibility:hidden;' class='didascalia'>  <form name='options' action='javascript:updateOptions();'> <input type='checkbox' onclick='updateOptions()' name='statusbar' />barra per informazioni <br /> <input type='checkbox' onclick='updateOptions()' name='nav' />strumenti per la navigazione<br /> <input type='checkbox' onclick='updateOptions()' name='grid' />meridiani e paralleli <br />  <input type='checkbox' onclick='updateOptions()' name='overview' />planisfero <br /> <input type='checkbox' onclick='updateOptions()' name='scaleLegend' />scala<br /> <input type='checkbox' onclick='updateOptions()' name='atmosphere' checked />mostra atmosfera  <br /> <input type='checkbox' onclick='updateOptions()' name='mouseNav' checked />navigazione con il mouse<br /> <br/>visione: <input type='button' onclick='showSun()' value='luce solare'/><input type='button' onclick='hideSun()' value='luce diffusa'/><br/> <br/>terreno: <input type='button' onclick='hideTerrain()' value='piano'/><input type='button' onclick='showTerrain()' value='reale'/><br/><br/>strade: <input type='button' id='pulsantestrade' onclick='hideRoads()' value='nascondi'/><input type='button' id='pulsantestrade' onclick='showRoads()' value='mostra'/><br/><br/><input type='button' onclick='chiudifumetto()' value='chiudi il fumetto'/><input type='button' onclick='stopFly()' value='fema la rotazione'/><br/><br/>Edifici su Earth: <input type='button' onclick='showBuildings()' value='mostra'/><input type='button' onclick='hideBuildings()' value='nascondi'/></form> </div>     <!--   TELECAMERA     -->    <div id='telecamera' style='background-image: url(immagini/fondo.png); position: absolute; left: 60px; top: 150px; width: 280px; height: 350px; padding: 30px; z-index:3; text-align:right; visibility:hidden;'><table width=85> <tr> <td colspan=2 class='testo'><b>Camera</b></td></tr><tr><td class='didascalia'>Latitude:<td class='didascalia'> <td id='id_lat_cam'class='didascalia'></td> </tr><tr><td class='didascalia'>Longitude:<td class='didascalia'><td id='id_lng_cam'class='didascalia'></td> </tr><tr><td class='didascalia'>Altitude:<td class='didascalia'> <td id='id_alt_cam'class='didascalia'></td> </tr><tr><td class='didascalia'>Heading:<td class='didascalia'> <td id='id_head_cam'class='didascalia'></td> </tr><tr><td class='didascalia'>Tilt:<td class='didascalia'> <td id='id_tilt_cam'class='didascalia'></td> </tr><tr><td class='didascalia'>Roll:<td class='didascalia'><td id='id_roll_cam'class='didascalia'></td> </tr></table><br><table width=85><tr><td colspan=2 class='testo'><b>LookAt</b></td> </tr><tr><td class='didascalia'>Latitude:<td class='didascalia'> <td id='id_lat_la'class='didascalia'></td> </tr><tr><td class='didascalia'>Longitude:<td class='didascalia'> <td id='id_lng_la'class='didascalia'></td> </tr><tr><td class='didascalia'>Range:<td class='didascalia'> <td id='id_rng_la'class='didascalia'></td> </tr><tr><td class='didascalia'>Altitude:<td class='didascalia'> <td id='id_alt_la'class='didascalia'></td> </tr><tr><td class='didascalia'>Heading:<td class='didascalia'> <td id='id_head_la'  class='didascalia'></td> </tr><tr><td class='didascalia'>Tilt:<td class='didascalia'><td id='id_tilt_la'  class='didascalia'></td></tr></table></div><div id='stemma' style='position: absolute; left: 70px; top: 80px; width: 46px; height: 64px; padding: 0px; z-index:50; text-align:left; visibility: visible;'><A HREF=fotarch.html><img src=immagini/stemmaC.png width=40 border=0><BR><span class=didascalia>Home</span></A></div>");