//Inizializzazione mappa principale

var lastmaptouched = 0

caricaLayer(layersList,false);
caricaLayer(layersList2,false);
caricaLayer(layersOverview,true);
caricaLayer(layersOverview2,true);

var mappe = [[null,null,null],[null,null,null]]
var mapHtml = [['map','mapOvw1','mapLeg1'],['map3','mapOvw2','mapLeg2']]

var zscale = {
20: 500,
19: 1000,
18: 2000,
17: 5000,
16: 10000,
15: 20000,
14: 40000,
13: 80000,
12: 160000,
11: 320000,
10: 640000
};

mappe[0][0] = new ol.Map({
	controls: [new ol.control.Attribution(),
	new ol.control.ScaleLine()],
	interactions: ol.interaction.defaults({
		doubleClickZoom :false
	}),
	target: document.getElementById(mapHtml[0][0]),
	renderer: 'canvas',
	layers: layersList,
	view: new ol.View({
		maxZoom: RealGlobMaxZoom, minZoom: GlobMinZoom
	})
});

if (startcenter != undefined) {
	mappe[0][0].getView().setCenter(startcenter);
} else {
	mappe[0][0].getView().fit(startextent, mappe[0][0].getSize());
}
if (startzoom != undefined) {
	mappe[0][0].getView().setZoom(startzoom)
} else {
	mappe[0][0].getView().setZoom(GlobMaxZoom-1)
}

mappe[1][0] = new ol.Map({
	controls: [new ol.control.Attribution(),
	new ol.control.ScaleLine()],
	interactions: ol.interaction.defaults({
		doubleClickZoom :false
	}),
	interactions: ol.interaction.defaults({
		doubleClickZoom :false
	}),
	target: document.getElementById(mapHtml[1][0]),
	renderer: 'canvas',
	layers: layersList2,
	view: mappe[0][0].getView()
});
mappe[0][1] = new ol.Map({
	controls: [],
	interactions: [],
	target: document.getElementById(mapHtml[0][1]),
	renderer: 'canvas',
	layers: layersOverview,
	view: new ol.View()
});
mappe[0][1].getView().fit(ovwextent,mappe[0][1].getSize());

mappe[1][1] = new ol.Map({
	controls: [],
	interactions: [],
	target: document.getElementById(mapHtml[1][1]),
	renderer: 'canvas',
	layers: layersOverview2,
	view: mappe[0][1].getView()
});

mappe[0][2]=caricaStaticImage(mapHtml[0][2])
mappe[1][2]=caricaStaticImage(mapHtml[1][2])


//Caricamento legenda (carica list group "layover" e "laybase")
if (!isNaN(visMappa1)) {visMappa1=LayerBase[LayerBase.length-visMappa1][0]}
if (!isNaN(visMappa2)) {visMappa2=LayerBase[LayerBase.length-visMappa2][0]}
var PrimoBase = [
layerByName(visMappa1,mappe[0][0],false).get('title'),
layerByName(visMappa2,mappe[1][0],false).get('title')
]

function fancyCheckBox(inp, state, addClass, spnclass, noactive) {
	var labsp = document.createElement('label'); //definisce label e span per checkbox grafico
	labsp.htmlFor = inp.id;
	labsp.id=inp.id+'fancy'
	var spn1 = document.createElement('span');
	spn1.className="btn-xs btn-" + state + (noactive ? '' : ' active') + " "+spnclass+'1';
	var spn2 = document.createElement('span');
	spn2.className="btn-xs btn-default" + (noactive ? '' : ' active') + " " +spnclass+'2';
	labsp.appendChild(spn1);
	labsp.appendChild(spn2);
	labsp.className+=addClass
	return labsp
}

function compilaLeg(mappa,pref) {
	for (var i=mappa.getLayers().getLength()-1;i>-1;i--) {
		var lay = mappa.getLayers().getArray()[i]; //legge layer
		if (lay.get('baserif') == '' && lay.get('title').indexOf('-grigio')==-1 ) {
			var litem = document.createElement('div'); //crea list item
			litem.className = 'list-group-item';
			
			var input1 = document.createElement('input'); //crea input
			input1.id = pref + lay.get('title');
			input1.checked = lay.get('visible');
			input1.onchange = function(e) {
				setVisible_(e.target.id,e.target.checked);
			};
			if (lay.get('type') === 'base'){
				var panli=document.getElementById('laybase'+pref);
				var grupEl = document.getElementById(pref+'gruppo' + String(lay.get('gruppo').replace(/\s/g,'')))
				if (!grupEl) { //Crea nuovo gruppo per accordion
					grdivpan = document.createElement('div');
					grdivpan.className = 'panel panel-accordion';
					grupEl = document.createElement('div')
					grupEl.id = pref+'gruppo' + String(lay.get('gruppo')).replace(/\s/g,'')
					grupEl.className = 'list-group-item list-group-item-info btnico btn-tog'+					(layerByName(PrimoBase[parseInt(pref)-1],mappe[parseInt(pref)-1][0],false).get('gruppo')==lay.get('gruppo') ? '' :' collapsed')
					grupEl.dataset.parent="#laybase"+pref;
					grupEl.dataset.toggle='collapse';
					grupEl.dataset.target= "#"+grupEl.id+'_coll';
					grupEl.appendChild(document.createTextNode(lay.get('gruppo')))
					li = document.createElement('div');
					li.id=grupEl.id+'_coll'
					li.className = 'collapse'+(layerByName(PrimoBase[parseInt(pref)-1],mappe[parseInt(pref)-1][0],false).get('gruppo')==lay.get('gruppo') ? ' in' :'');
					panli.appendChild(grupEl)
					panli.appendChild(grdivpan)
					grdivpan.appendChild(li)
				}
				var togg = document.createElement('div');
				if (contaBaseRif(mappa,lay)>0) {
					togg.id=pref + lay.get('title')+"_tog"
					togg.className="btnico btn-tog pull-right collapsed"
					togg.dataset.toggle='collapse'
					togg.dataset.target='#'+pref + lay.get('title')+'_gr'
					litem.appendChild(togg);
				}
				input1.type = 'radio';
				input1.name = 'base'+pref;
				if(layerByName(lay.get('title'),mappa,true)!==false){
					var inpGr = document.createElement('input'); //crea input
					inpGr.id = pref + lay.get('title') + '-grigio';
					inpGr.type = 'checkbox';
					inpGr.onchange = function(e) {
						setVisible_(e.target.id.replace('-grigio',''),document.getElementById(e.target.id.replace('-grigio','')).checked);
					};
					inpGr.checked = false;
				}
			} else {
				var cnv=document.createElement('canvas')
				cnv.height=20
				cnv.width=25
				cnv.style="margin: 2px"
				cnv.className="btn-xs pull-right"
				cnv.id= input1.id + 'canvas'
				$(cnv).attr('data-original-title','clicca per modificare grafia '+lay.get('name'))
				$(cnv).attr('data-placement','right')
				$(cnv).tooltip({container:'body'});
				cnv.onclick = function(e) {
					if (document.getElementById('styleModal')!=null) {
						$.when($('#styleModal').remove()).then(function() {
							var m = creaModalStyle(e.target.id)
							$(m).modal('show')
						})
					} else {
						var m = creaModalStyle(e.target.id)
						$(m).modal('show')
					}
				};
				litem.appendChild(cnv)
				var li=document.getElementById('layover'+pref);
				input1.type = 'checkbox';
			}
			
			var lab = document.createElement('label'); //titolo layer
			lab.className="btn-xs btn-default";
			lab.setAttribute('for',input1.id)
			var label = document.createTextNode(lay.get('name'));
			lab.appendChild(label);

			litem.appendChild(input1); //appende elementi a list item e poi a list group
			litem.appendChild(fancyCheckBox(input1,"default","",(input1.type=="checkbox" ? "btnico facheck" : "btnico faradio"),(input1.type=="checkbox" ? false : true)));
			if (lay.get('type') === 'base' && layerByName(lay.get('title'),mappa,true)!==false){
				litem.appendChild(inpGr); //appende elementi a list item e poi a list group
				litem.appendChild(fancyCheckBox(inpGr,"warning","","btnico fabn"));
			}
			litem.appendChild(lab);
			li.appendChild(litem);
			
			//SE LAYER VETTORIALE E' VISIBILE CARICA STILE CANVAS
			if (lay.get('type') != 'base' && lay.getVisible()) {
				layerCaricato(lay,cnv.id)
			} else {
				$(cnv).hide()
			}

			//Ciclo su layer alla ricerca di vettoriali attivi per layer base
			if (lay.get('type') === 'base'){
				var gruppobaserif = document.createElement('div')
				gruppobaserif.id=pref + lay.get('title')+'_gr'
				gruppobaserif.className='collapse'
				var brif=0;
				for (var j=mappa.getLayers().getLength()-1;j>-1;j--) {
					var layb = mappa.getLayers().getArray()[j]; //legge layer
					if (layb.get('baserif')== lay.get('title') && layb.get('baserif')+ lay.get('dominio') != layb.get('title')) {
						brif += 1
						var baseitem=document.createElement('div')
						baseitem.className='list-group-item'
						var baselab=document.createElement('label')
						baselab.className='btn-xs btn-default'
						var basetext= document.createTextNode(layb.get('name'))
						baselab.appendChild(basetext)
							var input3 = document.createElement('input'); //crea input
							input3.id = pref + layb.get('title');
							input3.checked = layb.get('visible');
							input3.type = 'checkbox';
							input3.onchange = function(e) {
								setVisible_(e.target.id,e.target.checked);
							};
							baseitem.appendChild(input3); //appende elementi a list item e poi a list group
							baseitem.appendChild(fancyCheckBox(input3,"warning","pull-right","btnico fainfo"));
						baselab.setAttribute('for',input3.id)
						baseitem.appendChild(baselab)
						gruppobaserif.appendChild(baseitem)
					}
				}
				if (brif>0) {
					li.appendChild(gruppobaserif)
				}
			}
		}
	}
	//Controlla se ci sono documenti pdf
	var DocCurr = ''
	for (p=0;p<DocDownload.length;p++) {
		if (DocDownload[p][0]!=DocCurr) {
			var intdoc = document.createElement('div')
			intdoc.className='list-group-item btnico btn-togpdf collapsed'
			intdoc.dataset.toggle='collapse'
			intdoc.dataset.target='#'+pref+'docs_' + DocDownload[p][0].replace(/\s/g,'')
			var bld = document.createElement('i')
			bld.appendChild(document.createTextNode('Documenti pdf '))
			intdoc.appendChild(bld)
			var gr = document.getElementById(pref+'gruppo' + DocDownload[p][0].replace(/\s/g,'') +'_coll')
			var dwnlico = document.createElement('span')
			dwnlico.className = "btn-xs-primary btnico btnpdf pull-right"
			intdoc.appendChild(dwnlico)
			gr.appendChild(intdoc)
			var docs = document.createElement('div')
			docs.className='collapse'
			docs.id=pref+'docs_' + DocDownload[p][0].replace(/\s/g,'')
			gr.appendChild(docs)
			
		}
		var datolink = document.createElement('a')
		var dwnlico = document.createElement('span')
		dwnlico.className = "btn-xs-primary btnico btnpdf"
		var datotxt=document.createTextNode(' '+ DocDownload[p][1]);
		datolink.href=DocDownload[p][2]
		datolink.target="_blank"
		datolink.appendChild(dwnlico)
		datolink.appendChild(datotxt)
		var listdoc=document.createElement('div')
		listdoc.className='list-group-item list-group-item-default'
		listdoc.appendChild(datolink)
		docs.appendChild(listdoc)
		DocCurr=DocDownload[p][0]
	}
}

function contaBaseRif(mappa,layer) {
	var ris=0
	for (var j=mappa.getLayers().getLength()-1;j>-1;j--) {
		var layb = mappa.getLayers().getArray()[j]; //legge layer
		if (layb.get('baserif')== layer.get('title') && layb.get('baserif')+layer.get('dominio')!= layb.get('title')) {
			ris +=1
		}
	}
	return ris
}

for (m=0;m<mappe.length;m++) {
	var pref = String(m+1)
	compilaLeg(mappe[m][0],pref)
	document.getElementById(pref+PrimoBase[m]).checked=true;
	setVisible_(document.getElementById(pref+PrimoBase[m]).id,true)
	document.getElementById(pref+PrimoBase[m].replace('-grigio','')).checked=true;
}

//Variabile per tipologia strumento corrente ('misArea', 'misLinea')
var curMapTool = 'selFeat';
var curModifGeo = false;
var infomeas=false

var savGeoModif = ""
var curLayReadWrite = ""
var curSelID=undefined
var curGeoReadWrite=undefined

//Assegnazione funzioni a pulsanti
$(document).on("click", "#linksync", function(){
	if ($('#linksync').hasClass('btn-warning')) {
		mappe[1][0].setView(new ol.View({
			maxZoom: RealGlobMaxZoom,
			minZoom: GlobMinZoom,
			zoom: mappe[0][0].getView().getZoom(),
			center:  mappe[0][0].getView().getCenter()
		}))
	} else {
		if (lastmaptouched == 1) {
			mappe[0][0].getView().setZoom((mappe[1][0].getView().getZoom()))
			mappe[0][0].getView().setCenter((mappe[1][0].getView().getCenter()))
		}
		mappe[1][0].setView(mappe[0][0].getView())
	}
	$('#linksync').toggleClass('btn-warning')
	$('#linksync').toggleClass('btn-default')
});
$(document).on("click", "#infoMeas,#infoMeasIns", function(){
	if ($(this).hasClass('btn-warning')) {
		infomeas=false;
	} else {
		infomeas=true;
	}
	$(this).toggleClass('btn-warning')
	$(this).toggleClass('btn-default')
});
$(document).on("click", "#inpMeasArea", function(){
	$("#dropMeas").addClass("btn-warning").removeClass("btn-default")
	$("#dropInsert").addClass("btn-default").removeClass("btn-warning")
	curMapTool='misArea';
	drawFeat("Polygon","misura");
});
$(document).on("click", "#inpMeasLine", function(){
	$("#dropMeas").addClass("btn-warning").removeClass("btn-default")
	$("#dropInsert").addClass("btn-default").removeClass("btn-warning")
	curMapTool='misLinea';
	drawFeat("LineString","misura");
});
$(document).on("click", "#inpInsertArea", function(){
	$("#dropInsert").addClass("btn-warning").removeClass("btn-default")
	$("#dropMeas").addClass("btn-default").removeClass("btn-warning")
	curMapTool='insArea';
	drawFeat("Polygon","disegna");
});
$(document).on("click", "#inpInsertLine", function(){
	$("#dropInsert").addClass("btn-warning").removeClass("btn-default")
	$("#dropMeas").addClass("btn-default").removeClass("btn-warning")
	curMapTool='insLine';
	drawFeat("LineString","disegna");
});
$(document).on("click", "#inpInsertPoint", function(){
	$("#dropInsert").addClass("btn-warning").removeClass("btn-default")
	$("#dropMeas").addClass("btn-default").removeClass("btn-warning")
	curMapTool='insPoint';
	drawFeat("Point","disegna");
});
$(document).on("click", "#closeSel", function(e){
	if (curModifGeo) {
		modifGeoWarn();
		e.stopPropagation()
		return;
	}
	DeSelect()
});
$(document).on("click", "#copylink", function(){
	var copylinkmap = window.location['href'].split('?')[0]
	copylinkmap+='?x='+mappe[0][0].getView().getCenter()[0]
	copylinkmap+='&y='+mappe[0][0].getView().getCenter()[1]
	copylinkmap+='&z='+mappe[0][0].getView().getZoom();
	copylinkmap+='&nw='+ ($("#map3").is(":visible") ? '2' : '1');
	copylinkmap+='&vm1='+LayerBaseCorrente(mappe[0][0]).get('title');
	copylinkmap+='&vm2='+LayerBaseCorrente(mappe[1][0]).get('title');
	copyTextToClipboard(copylinkmap);
	
});
function copyTextToClipboard(text) {
  var textArea = document.createElement("textarea");

  // Place in top-left corner of screen regardless of scroll position.
  textArea.style.position = 'fixed';
  textArea.style.top = 0;
  textArea.style.left = 0;

  // Ensure it has a small width and height. Setting to 1px / 1em
  // doesn't work as this gives a negative w/h on some browsers.
  textArea.style.width = '2em';
  textArea.style.height = '2em';

  // We don't need padding, reducing the size if it does flash render.
  textArea.style.padding = 0;

  // Clean up any borders.
  textArea.style.border = 'none';
  textArea.style.outline = 'none';
  textArea.style.boxShadow = 'none';

  // Avoid flash of white box if rendered for any reason.
  textArea.style.background = 'transparent';

  textArea.value = text;

  document.body.appendChild(textArea);

  textArea.select();

  try {
	var successful = document.execCommand('copy');
	if (successful) {
		m=creaModalMsg("Operazione completata","Il collegamento ipertestuale alla visualizzazione corrente è stato copiato negli appunti");
		$(m).modal('show');
	} else {
		window.prompt("Questo collegamento ipertestuale può essere copiato negli appunti", copylinkmap);
	}
	} catch (err) {
		window.prompt("Questo collegamento ipertestuale può essere copiato negli appunti", copylinkmap);
	}

	document.body.removeChild(textArea);
}

$(document).on("click", "#zoomin", function(){
	if ($('#linksync').hasClass('btn-warning')) {
		mappe[0][0].getView().animate({duration:250,zoom:mappe[0][0].getView().getZoom()+1});
	} else {
		mappe[lastmaptouched][0].getView().animate({duration:250,zoom:mappe[lastmaptouched][0].getView().getZoom()+1});
	}
});
$(document).on("click", "#zoomout", function(){
	if ($('#linksync').hasClass('btn-warning')) {
		mappe[0][0].getView().animate({duration:250,zoom:mappe[0][0].getView().getZoom()-1})
	} else {
		mappe[lastmaptouched][0].getView().animate({duration:250,zoom:mappe[lastmaptouched][0].getView().getZoom()-1});
	}
});

$(document).on("click", "#extrazoom", function(){
	if ($("#extrazoom").hasClass ('btn-disabled')) {return}
	var mz = maxZoomCorrente()
	GlobMaxZoom=mz
	var z=mappe[0][0].getView().getZoom()
	var c=mappe[0][0].getView().getCenter()
	if (z > mz) {
		var ext
		ext=mappe[0][0].getView().calculateExtent(mappe[0][0].getSize())
		var riqExZoom = new ol.Feature({
		  geometry: new ol.geom.Polygon([[[ext[0],ext[1]],[ext[2],ext[1]],[ext[2],ext[3]],[ext[0],ext[3]],[ext[0],ext[1]]]])
		});

		var vectorRiq = new ol.layer.Vector({
			title: 'RiquadroZoom',
			baserif: '',
			source: new ol.source.Vector({
				features: [riqExZoom]
			}),
			style: new ol.style.Style({
				stroke: new ol.style.Stroke({
					color: 'rgba(255, 0, 0, 0.5)',
					width: 3
				}),
			})
		});

		for (m=0;m<mappe.length;m++) {
			mappe[m][0].addLayer(vectorRiq);
			mappe[m][0].renderSync()
		}
		mappe[0][0].getView().animate({duration:2000,zoom:mz})
	}
	mappe[0][0].setView(new ol.View({
		maxZoom: RealGlobMaxZoom,
		minZoom: GlobMinZoom,
		zoom: mz,
		center: c
	}))
	mappe[1][0].setView(mappe[0][0].getView())
	mappe[0][0].once('moveend',function() {
		for (m=0;m<2;m++) {
			mappe[m][0].removeLayer(vectorRiq);
		}
	});
	if (!$('#linksync').hasClass('btn-warning')) {
		$('#linksync').toggleClass('btn-warning')
		$('#linksync').toggleClass('btn-default')
	}
	ControllaZoom()
});

function ControllaZoom () {
	var z = mappe[0][0].getView().getZoom()
	z = z < 10 ? 10 : (z > 20 ? 20 : z)
	var z2=z
	if ($("#"+mapHtml[1][0]).is(":visible")) {
		z2 = mappe[1][0].getView().getZoom()
		z2 = z2 < 10 ? 10 : (z2 > 20 ? 20 : z2)
	}
	document.getElementById("scalapdf").innerHTML='1:'+zscale[z] + (z!=z2 ? '/1:'+zscale[z2] : '')
	var z=Math.max(mappe[0][0].getView().getZoom(),mappe[1][0].getView().getZoom())
	if (z>GlobMaxZoom){
		$("#extrazoom").removeClass ('btn-disabled')
	} else {
		$("#extrazoom").addClass ('btn-disabled')
	}
	if (z==RealGlobMaxZoom) {
		$("#zoomin").removeClass ('btn-warning')
		$("#zoomin").addClass ('btn-disabled')
	} else {
		$("#zoomin").removeClass ('btn-disabled')
		$("#zoomin").addClass ('btn-warning')
	}
	if (z==GlobMinZoom) {
		$("#zoomout").removeClass ('btn-warning')
		$("#zoomout").addClass ('btn-disabled')
	} else {
		$("#zoomout").removeClass ('btn-disabled')
		$("#zoomout").addClass ('btn-warning')
	}
}

mappe[0][0].on('moveend',function() {
	lastmaptouched = 0
	ControllaZoom()
})
mappe[1][0].on('moveend',function() {
	lastmaptouched = 1
	ControllaZoom()
})

//FUNZIONI
//Imposta visibilità layer (funzione attivata da checkbox/radio)
function setVisible_(maplayer,value) {
	var mapid=parseInt(maplayer.slice(0,1))-1
	targetmap = mappe[mapid][0];
	layer=maplayer.slice(1);
	inp=document.getElementById(maplayer + '-grigio')
	var grigio = (inp !== null ? inp.checked : false)
	var lay = layerByName(layer,targetmap,grigio)
	var layOvw
	if (!value && lay.get('type') != 'base' && lay.get('baserif') == '') {
		var cnv=document.getElementById(maplayer + 'canvas')
		if (cnv != null) {
			$(cnv).hide()
		}
	}
	if (value && lay.get('type') != 'base') {
		layerCaricato(lay,maplayer + 'canvas')
	}
	lay.setVisible(value)
	if (value && lay.get('type') === 'base') {
		AggiornaLegRast(targetmap,lay.get("title").replace("-grigio",""))
		
		GlobMaxZoom = maxZoomCorrente()
		layOvw = layerByName(lay.get('title'),mappe[mapid][1],false)
		layOvw.setVisible(true)
		// Hide all other base layers regardless of grouping
		$("#" + maplayer.slice(0,1) + lay.get("title").replace("-grigio","")+"_tog").show()
		$("#" + maplayer.slice(0,1) + lay.get("title")+"-grigiofancy").show()
		for (var i=0;i<targetmap.getLayers().getLength();i++) {
			l=targetmap.getLayers().getArray()[i];
			if (l != lay && l.get('type') === 'base') {
				l.setVisible(false)
				layOvw = layerByName(l.get('title'),mappe[mapid][1],false)
				layOvw.setVisible(false)
				if (l.get('title') !== lay.get("title").replace("-grigio","")) {
					$("#" + maplayer.slice(0,1) + l.get('title')+"_gr").collapse('hide')
					var inpgr=document.getElementById(maplayer.slice(0,1) + l.get('title')+"-grigio")
					if (inpgr !== null) {
						inpgr.checked=false
					}
					$("#" + maplayer.slice(0,1) + l.get('title')+"-grigiofancy").hide()
					$("#" + maplayer.slice(0,1) + l.get('title')+"_tog").hide()
				}
			}
			if (l.get('baserif') != '' && l.get('baserif') != '-cerca-' && l.get('title')!=undefined) {
				var inp =document.getElementById(maplayer.slice(0,1) + l.get('title').replace("-grigio",""))
				if (l.get('baserif') == lay.get('title').replace("-grigio","")) {
					if (inp != null) {
						inp.checked=true
					}
					l.setVisible(true)
				} else {
					if (inp != null) {
						inp.checked=false
					}
					l.setVisible(false)
				}
			}
		}
	};
}

//FUNZIONI
//Da oggetto mappa restituisce numero di riferimento matrice mappe
function GetMapId(mappa) {
	for (m=0;m<mappe.length;m++) {
		for (s=0;s<mappe[m].length;s++) {
			if (mappe[m][s]===mappa) {
				return m
			}
		}
	}
}

function AggiornaOvwBase(maprif) {
	var mapId= GetMapId(maprif)
	var nomelay = LayerBaseCorrente(mappe[mapId][0]).get('title')
	var layOvw = layerByName(nomelay,mappe[mapId][1],false)
	layOvw.setVisible(true)
	for (var i=0;i<mappe[mapId][1].getLayers().getLength();i++) {
		l=mappe[mapId][1].getLayers().getArray()[i];
		if (l != layOvw && l.get('type') === 'base') {
			l.setVisible(false)
		}
	}
}

function AggiornaLegRast(mappa,nomelay) {
	var mapId = GetMapId(mappa)
	if (nomelay==undefined) {
		var nomelay=LayerBaseCorrente(mappa).get('title').replace('-grigio','')
	}
	var esiste = false
	for (var i=0;i<mappe[mapId][2].getLayers().getLength();i++) {
		l=mappe[mapId][2].getLayers().getArray()[i];
		if (l.get('title') == 'rast'+nomelay) {
			var lyrSource = l.getSource();

			lyrSource.on('imageloadstart', function(event) {
				document.getElementById("divLoadingText").innerHTML='Caricamento legenda raster...'
				$("#divLoading").addClass('show')
			});

			lyrSource.on('imageloadend', function(event) {
				$("#divLoading").removeClass('show')
				ol.Observable.unByKey(this)
			});
			lyrSource.on('imageloaderror', function(event) {
				$("#divLoading").removeClass('show')
				ol.Observable.unByKey(this)
			});
			esiste=true
			l.setVisible(true)
		} else {
			l.setVisible(false)
		}
	}
	if (esiste) {
		$('#leg'+String(mapId+1)).show()
		mappe[mapId][2].getView().setCenter([mappe[mapId][2].getSize()[0]/2,LayRastCorner[1]-mappe[mapId][2].getSize()[1]/2])
		mappe[mapId][2].getView().setZoom(4)
	} else {
		if($('#mapLeg'+String(mapId+1)).is(":visible")) {
			$('#leg'+String(mapId+1)).trigger('click')
		}
		$('#leg'+String(mapId+1)).hide()
	}
}

//Restituisce oggetto layer da nome layer
function layerByName(layer,targetmap,grigio) {
	layer = layer + (grigio ? '-grigio' : '')
	var res = false;
	for (var i=0;i<targetmap.getLayers().getLength();i++) {
		if (targetmap.getLayers().getArray()[i].get('title') === layer) { //check if layer exists
			res = targetmap.getLayers().getArray()[i]; //if exists, return true
		}
	}
	return res;
}

//MISURA DISTANZA/AREA
//Impostazioni per misurazione geodetica
var wgs84Sphere = new ol.Sphere(6378137);

var draw;		// global so we can remove it later
var draw2;		// global so we can remove it later
var modif;		// global so we can remove it later
var modif2;		// global so we can remove it later
var modifListener;		// global so we can remove it later
var modifListener2;		// global so we can remove it later
var meas;		//variabile globale per parametro misura
var tooltipcoord; //coordinate tooltip
var vector; //layer rappresentazione misura

// Format length output. @param {ol.geom.LineString} line The line. @return {string} The formatted length.
function formatLength(geom,isdrwng) {
	if (geom instanceof ol.geom.Polygon) {
		var coordinates = geom.getLinearRing(0).getCoordinates()
	} else {
		var coordinates = geom.getCoordinates();
	}
	if (coordinates.length<2) {
		return "";
	}
	var length;
	var sourceProj = mappe[0][0].getView().getProjection();

	length = 0;
	var output=""
	for (var i = 0, ii = coordinates.length - 1; i < ii; ++i) {
		var c1 = ol.proj.transform(coordinates[i], sourceProj, 'EPSG:4326');
		var c2 = ol.proj.transform(coordinates[i + 1], sourceProj, 'EPSG:4326');
		
		var l = Math.round(wgs84Sphere.haversineDistance(c1, c2)*10)/10
		if(i>coordinates.length-1-2) {
			output += "ultimo segmento: " + l + ' ' + 'm<BR>';
		}
		length += l;
	}

	if (isdrwng==true) {
		output += 'lunghezza totale: ' + Math.round(length*10)/10 + ' ' + 'm';
	} else {
		if (geom instanceof ol.geom.Polygon) {
			output = 'perimetro: ' + Math.round(length*10)/10 + ' ' + 'm';
		} else {
			output = 'lunghezza: ' + Math.round(length*10)/10 + ' ' + 'm';
		}
	}
	return output;
};

function turfArea(geom) {
	var f=new ol.format.GeoJSON()
	var g = f.writeGeometryObject(geom,{featureProjection: 'EPSG:3857'})
	var output=Math.round(turf.area(g))
	return output;
};

function turfLength(geom) {
	var f=new ol.format.GeoJSON()
	var g = f.writeGeometryObject(geom,{featureProjection: 'EPSG:3857'})
var line = {
  "type": "Feature",
  "properties": {},
  "geometry": g
};
	var output=Math.round(turf.lineDistance(line)*1000)
	return output;
};

// Format area output. @param {ol.geom.Polygon} polygon The polygon. @return {string} Formatted area.
function formatArea(polygon) {
	var area;
	var sourceProj = mappe[0][0].getView().getProjection();

	var geom = /** @type {ol.geom.Polygon} */(polygon.clone().transform(sourceProj, 'EPSG:4326'));
	var coordinates = geom.getLinearRing(0).getCoordinates();
	if (coordinates.length<3) {
		return "";
	}

	area = Math.abs(wgs84Sphere.geodesicArea(coordinates));

	var output;
	output = "area: " + Math.round(area*10 )/10  + ' ' + 'm<sup>2</sup><BR>';
	return output;
};

function KeyCheck(event) {
	if (curMapTool=='selFeat') {
		return
	}

	var KeyID = event.keyCode;
	switch(KeyID) {
		case 27: //ESC
			pulisci(true);
			$("#dropInsert,#dropMeas").addClass("btn-default").removeClass("btn-warning");
			$('#infoMeas'+(curMapTool.indexOf("mis")==0 ? '' : 'Ins')).addClass('hidden')
			$("#drop"+(curMapTool.indexOf("mis")==0 ? 'Meas' : 'Insert')).removeClass("noroundright")
			curMapTool='selFeat';
			break;
		case 46: //CANC
			draw.removeLastPoint();
			draw2.removeLastPoint();
		break;
		default:
		break;
	}
}

function modifyFeat(feat) {
	$(selTooltipElement[0][0]).addClass('hidden')
	$(selTooltipElement[1][0]).addClass('hidden')
	var curFeatModif = feat.clone()
	SelFeat(curFeatModif)
	modif = new ol.interaction.Modify({
		features: new ol.Collection([curFeatModif]),
	});
	modifListener=modif.on('modifyend',
		function(evt) {
			curGeoReadWrite=evt.features.getArray()[0].getGeometry();
		});
	mappe[0][0].addInteraction(modif);
	if ($("#map3").is(":visible")) {
		modif2 = new ol.interaction.Modify({
			features: new ol.Collection([curFeatModif]),
		});
		modifListener2=modif2.on('modifyend',
			function(evt) {
				curGeoReadWrite=evt.features.getArray()[0].getGeometry();
			});
		mappe[1][0].addInteraction(modif2);
	}
}

function pulisciModifGeo() {
	mappe[0][0].removeInteraction(modif)
	mappe[1][0].removeInteraction(modif2)
	ol.Observable.unByKey(modifListener)
	ol.Observable.unByKey(modifListener2)
	DeSelect()
	curModifGeo=false
}

$("#testdrag3").on("click",function(e) {
	if (curModifGeo) {
		e.stopPropagation()
		return;
	}
});

var measuring =false
function drawFeat(TipoGeo,Operazione) {
	if (Operazione!="misura") {DeSelect()};
	$('#infoMeas,#infoMeasIns').addClass('hidden')
	$("#drop"+(curMapTool.indexOf("mis")==0 ? 'Meas' : 'Insert')).removeClass("noroundright")
	if (TipoGeo != "Point") {
		$('#infoMeas'+(curMapTool.indexOf("mis")==0 ? '' : 'Ins')).removeClass('hidden')
		$("#drop"+(curMapTool.indexOf("mis")==0 ? 'Meas' : 'Insert')).addClass("noroundright")
		infomeas=$('#infoMeas'+(curMapTool.indexOf("mis")==0 ? '' : 'Ins')).hasClass('btn-warning')
	}
	document.addEventListener("keydown", KeyCheck);  //or however you are calling your method

	pulisci(true);
	measuring=true
	var type = TipoGeo;
	var source = new ol.source.Vector();

	vector = new ol.layer.Vector({
        title: "disegno",
        source: source,
        style: [
			creaStile('rgb(255,255,255)',6, 'rgba(255, 255,255,0)'),
			creaStile('rgb(255,0,0)',4, 'rgba(255, 0, 0, 0.4)')
		]
      });
	for (m=0;m<mappe.length;m++) {
		mappe[m][0].getTarget().style.cursor = 'crosshair';
		mappe[m][0].addLayer(vector);
	}
	  
	var drawStyle= [
			creaStile('rgba(255, 255, 255,0.7)',5, 'rgba(255, 255, 255, 0)'),
			creaStile('rgba(255, 0, 0,0.7)',3, 'rgba(255, 0, 0, 0.2)')
		]
	draw = new ol.interaction.Draw({
		snapTolerance: 0.001,
		source: source,
		type: /** @type {ol.geom.GeometryType} */ (type),
		style: drawStyle
	});
	draw2 = new ol.interaction.Draw({
		snapTolerance: 0.001,
		source: source,
		type: /** @type {ol.geom.GeometryType} */ (type),
		style: drawStyle
	});
	mappe[0][0].addInteraction(draw);
	mappe[1][0].addInteraction(draw);
	mappe[1][0].addInteraction(draw2);
	mappe[0][0].addInteraction(draw2);


	var listener;
	draw.on('drawstart',
		function(evt) {
			listener = evt.feature.getGeometry().on('change', function(evt) {
			if(!infomeas) {return}
			var geom = evt.target;
			var tooltipCoord
			var output;
			if (geom instanceof ol.geom.Polygon) {
			  output = formatArea(geom,true) + formatLength(geom,true);
			  //tooltipCoord = geom.getInteriorPoint().getCoordinates();
			} else if (geom instanceof ol.geom.LineString) {
			  output = formatLength(geom,true);
			  //tooltipCoord = geom.getLastCoordinate();
			}
			for (m=0;m<mappe.length;m++) {
				tooltipCoord = geom.getLastCoordinate();
				//tooltipCoord=mappe[m][0].getView().getCenter()
				helpTooltipElement[m].innerHTML = output
				helpTooltip[m].setPosition(tooltipCoord);
				helpTooltipElement[m].className='tooltipmeas' + (output == "" ? ' hidden' : '');
			}
		  });
		}, this);

	draw.on('drawend', function(evt) {
		var geom = evt.feature.getGeometry();
		$('#infoMeas'+(curMapTool.indexOf("mis")==0 ? '' : 'Ins')).addClass('hidden')
		$("#dropInsert,#dropMeas").removeClass("noroundright")
		if (Operazione=="misura") {
			if (geom instanceof ol.geom.Polygon) {
				meas = formatArea(geom,false)  + formatLength(geom,false);
				tooltipCoord=geom.getInteriorPoint().getCoordinates();
			} else if (geom instanceof ol.geom.LineString) {
				meas = formatLength(geom,false);
				tooltipCoord=geom.getLastCoordinate();
			}
			pulisci(false);
			var mod= creaModalMsg('Risultato misurazione',meas)
			$(mod).on('hidden.bs.modal',function() {
				for (m=0;m<mappe.length;m++) {
					mappe[m][0].removeLayer(vector);
				}
				$("#dropMeas").addClass("btn-default").removeClass("btn-warning")
				curMapTool='selFeat';
			})
			$(mod).modal('show')
		} else {
			curGeoReadWrite=geom
			document.removeEventListener("keydown",KeyCheck);  //or however you are calling your method
			var mod= creaModalInsertFeat("Inserisci nuovo oggetto",undefined,undefined,geom)
			$(mod).on('hidden.bs.modal',function() {
				pulisci(false);
				for (m=0;m<mappe.length;m++) {
					mappe[m][0].removeLayer(vector);
				}
				$("#dropInsert").addClass("btn-default").removeClass("btn-warning")
				curMapTool='selFeat';
				
			})
			$(mod).modal('show')
		}
		ol.Observable.unByKey(listener)
	}, this);
}

//FUNZIONI CON CHIAMATE PHP (INIZIO)
function ReadFeatsDB(layRW){
	revAggID++
	if (layRW==undefined) {layRW=curLayReadWrite}
	for (m=0;m<mappe.length;m++) {
		//Aggiorna layer principale
		var l = layerByName(layRW,mappe[m][0],false)
		l.getSource().getSource().clear()
		//Aggiorna layer ricerca
		var LayColl = TrovaInArray(LayerAttivi,1,layRW)[9]
		if (LayColl) {
			for (i=0;i<LayColl.length;i++) {
				var l1 = layerByName(LayColl[i][0],mappe[m][0],false)
				var l1sr=l1.getSource()
				if (l1sr instanceof ol.source.ImageVector) {
					l1sr=l1sr.getSource()
				}
				l1sr.clear()
			}
		}
	}
	$("#divLoading").removeClass('show')

}

function TrovaInArray(arr,idsrch,valsrch){
	var i
	for (i=0;i<arr.length;i++) {
		if (arr[i][idsrch]==valsrch) {
			return arr[i];
		}
	}
	return false;
}

function LayerCollegatoDiRW(NomeLay){
	if (layerByName(NomeLay,mappe[0][0],false).get('ReadWrite')=='RW') {
		return NomeLay;
	}
	for (j=0;j<LayerAttivi.length;j++) {
		var LayColl = LayerAttivi[j][9]
		if (LayColl != undefined) {
			for (i=0;i<LayColl.length;i++) {
				if(LayColl[i][0]==NomeLay && LayColl[i][1]) {
					return LayerAttivi[j][1];
				}
			}
		}
	}
}

function LayerCollegatoDiRWspec(NomeLay,LaySpec){
	if (layerByName(NomeLay,mappe[0][0],false).get('ReadWrite')=='RW') {
		return true;
	}
	for (j=0;j<LayerAttivi.length;j++) {
		if (LayerAttivi[j][1] == LaySpec) {
			var LayColl = LayerAttivi[j][9]
			if (LayColl != undefined) {
				for (i=0;i<LayColl.length;i++) {
					if(LayColl[i][0]==NomeLay && LayColl[i][1]) {
						return true;
					}
				}
			}
		}
	}
}

function LayerEditabile(NomeLay,Autore,Operazione){
	if (Autore==undefined || Autore!=
		'') {
		return false;
	}
	var nomelayrw=undefined
	if (layerByName(NomeLay,mappe[0][0],false).get('ReadWrite')=='RW') {
		nomelayrw=NomeLay
	}
	for (j=0;j<LayerAttivi.length;j++) {
		var LayColl = LayerAttivi[j][9]
		if (LayColl != undefined) {
			for (i=0;i<LayColl.length;i++) {
				if(LayColl[i][0]==NomeLay && LayColl[i][1]==true) {
					nomelayrw=LayerAttivi[j][1]
				}
			}
		}
	}
	if (nomelayrw != undefined) {
		var ArrLayRW=TrovaInArray(LayerAttivi,1, nomelayrw)
		if (ArrLayRW[10]==undefined) {
			if (Operazione == "Del" || Operazione == "Ins") {
				curLayReadWrite=nomelayrw;
				return true;
			} else {
				return false;
			}
		} else {
			if (ArrLayRW[10].indexOf(Operazione)>-1) {
				curLayReadWrite=nomelayrw;
				return true;
			} else {
				return false;
			}
		}
	}
}

function AggiornaTrovate(LayRW,ID,feat){
	if (layRic==undefined) {return}
	var ArrLayRW = TrovaInArray(LayerAttivi,1,LayRW)
	if (LayerCollegatoDiRWspec(layRic[0],LayRW)) {
		for (t=0;t<trovate.length;t++) {
			if (trovate[t].getProperties()[ArrLayRW[7]]==ID) {
				trovate[t] = feat
			}
		}
	}
}

function EliminaFeatDB(ID,selID,LayRW){
	$("#divLoadingText").html('Aggiornamento database...')
	$("#divLoading").addClass('show')
	var ArrLayRW = TrovaInArray(LayerAttivi,1,LayRW)
	var urldb = ArrLayRW[6].split('?')
	var postData = urldb[1]==undefined ? '' : urldb[1]+'&'
	postData += 'db_opr=DEL'+'&'+ArrLayRW[7]+'='+ID;
	$.ajax({
		url : urldb[0],
		type: "POST",
		data : postData,
		success: function(data,status, xhr)
		{
			//if success
			if (layRic != undefined) {
				if (LayerCollegatoDiRWspec(layRic[0],LayRW)) {
					for (t=0;t<trovate.length;t++) {
						if (trovate[t].getProperties()[ArrLayRW[7]]==ID) {
							trovate[t] = new ol.Feature({
								geometry: trovate[t].getGeometry(),
								workhtml: "<div class='btn btn-danger' style='width:100%'>OGGETTO ELIMINATO</div>"
							});
						}
					}
				}
			}
			ReadFeatsDB()
			FeatSelCur.splice(selID,1)
			//visualizzaOggettiSel()
			DeSelect()
			console.log('Success: ' + status + "(" + data + ")")
		},
		error: function (jqXHR, status, errorThrown)
		{
			//if fail
			console.log('Errore: ' + status)
		}
	})
}

function InsertFeatDB(crit,ID,LayRW){
	if ($('#insModal')) {$('#insModal').modal('hide')}
	document.getElementById("divLoadingText").innerHTML='Aggiornamento database...'
	$("#divLoading").addClass('show')
	if (LayRW==undefined){LayRW=curLayReadWrite}
	var ArrLayRW = TrovaInArray(LayerAttivi,1,LayRW)
	var GJ = new ol.format.GeoJSON()
	var postcrit=""
	if (crit!=undefined) {
		for (i=0;i<crit.length;i++) {
			postcrit+="&"+crit[i][0]+"="+crit[i][1]
		}
	}
	var urldb = ArrLayRW[6].split('?')
	var postData = urldb[1]==undefined ? '' : urldb[1]+'&'
	if (ID!=undefined) {
		if (crit!=undefined) {
			postData += 'db_opr=INS'+'&'+ArrLayRW[7]+'='+ID+postcrit;
		} else {
			postData += 'db_opr=INS'+'&'+ArrLayRW[7]+'='+ID+'&Geo='+GJ.writeGeometry(curGeoReadWrite);
		}
	} else {
		//GJ.writeGeometry(curGeoReadWrite)
		postData += 'db_opr=INS'+postcrit+'&Geo='+GJ.writeGeometry(curGeoReadWrite);
	}
	$.ajax({
		url : urldb[0],
		type: "POST",
		data : postData,
		success: function(data,status, xhr)
		{
			//if success
			if (ID!=undefined) {
				if (layRic != undefined) {
					if (LayerCollegatoDiRWspec(layRic[0],LayRW)) {
						for (t=0;t<trovate.length;t++) {
							if (trovate[t].getProperties()[ArrLayRW[7]]==ID) {
								if (crit==undefined) {
									trovate[t].setGeometry(curGeoReadWrite)
								} else {
									var arrprop=trovate[t].getProperties()
									for (p=0;p<crit.length;p++) {
										arrprop[crit[p][0]]=crit[p][1];
									}
									trovate[t].setProperties(arrprop);
								}
							}
						}
					}
				}
				if (crit==undefined) {
					FeatSelCur[curSelID][0].setGeometry(curGeoReadWrite)
				}
				DeSelect()
				//visualizzaOggettiSel()
			}
			ReadFeatsDB()
			console.log('Success: ' + status + "(" + data + ")")
		},
		error: function (jqXHR, status, errorThrown)
		{
			//if fail
			console.log('Errore: ' + status + "(" + errorThrown + ")")
		}
	})
}
//FUNZIONI CON CHIAMATE PHP (FINE)

function pulisci(ancheVect){
	measuring=false
	if(infomeas) {
		for (m=0;m<mappe.length;m++) {
			helpTooltipElement[m].className='tooltipmeas hidden';
		}
	}
	mappe[0][0].removeInteraction(draw);
	mappe[1][0].removeInteraction(draw);
	mappe[0][0].removeInteraction(draw2);
	mappe[1][0].removeInteraction(draw2);
	if (ancheVect){
		for (m=0;m<mappe.length;m++) {
			mappe[m][0].removeLayer(vector);
		}
	};
};

var selecting = false

for (m=0;m<mappe.length;m++) {
	mappe[m][0].on('click', function(evt) {
		Selezione(evt,this)
	})
}

var FeatSelCur = [] //feature, titolo layer, nome layer 

function ordinaGeometrie(a, b) {
    if (a[3] === b[3]) {
        return 0;
    }
    else {
        return (a[3] < b[3]) ? -1 : 1;
    }
}


function OrdinaVisFeatSel(evt) {
	for (i=0;i<FeatSelCur.length;i++) {
		var feature=FeatSelCur[i][0]
		var GT = feature.getGeometry().getType()
		if (GT == 'Point' || GT == 'MultiPoint') {
			if (layerByName(FeatSelCur[i][1],mappe[0][0],false).get('ReadWrite')=='RW') {
				FeatSelCur[i][3] = -1000000020
			} else {
				FeatSelCur[i][3] = 10
			}
		} else if (GT == 'LineString' || GT == 'MultiLineString') {
			if (layerByName(FeatSelCur[i][1],mappe[0][0],false).get('ReadWrite')=='RW') {
				FeatSelCur[i][3] = -1000000010
			} else {
				FeatSelCur[i][3] = 20
			}
		} else if (GT == 'Polygon' || GT == 'MultiPolygon') {
			if (layerByName(FeatSelCur[i][1],mappe[0][0],false).get('ReadWrite')=='RW') {
				FeatSelCur[i][3] = -feature.getGeometry().getArea()
			} else {
				FeatSelCur[i][3] = 20+feature.getGeometry().getArea()
			}
		} else {
			FeatSelCur[i][3] = 0
		}
	}
	FeatSelCur.sort(ordinaGeometrie)
	visualizzaOggettiSel()
	if (FeatSelCur.length==0) {
		DeSelect();
	} else {
		if ($("#linksync").hasClass("btn-warning")) {
			mappe[0][0].getView().animate({duration:500,center:evt.coordinate})
		}
	}
	selecting=false
}

function Selezione(evt,mappa) {
	if (curMapTool != "selFeat" || fuori || curModifGeo) {
        return;
    }
	selecting=true
	MarcaPuntoSelezioneOv(evt.coordinate)

	//***************************************
	var pixel = mappa.getEventPixel(evt.originalEvent);
	FeatSelCur=[]
	var reqphp = [], totreq = 0

	var maplay=mappa.getLayers().getArray()
	var dimext=mappa.getView().getResolution()*5
	var contaVectorTile=0
	ext=[evt.coordinate[0]-dimext,evt.coordinate[1]-dimext,evt.coordinate[0]+dimext,evt.coordinate[1]+dimext]
	for (l=0;l<maplay.length;l++) {
		if (maplay[l].get('visible') && maplay[l].get('selatpixel')!=true && maplay[l].get('title').indexOf('-cerca-')!=0 && maplay[l].get('title')!='PuntatoreLink' && maplay[l].get('type')!='base') {
			var sorlay = maplay[l].getSource()
			if (sorlay instanceof ol.source.VectorTile) {
				contaVectorTile++
			} else {
				if (sorlay instanceof ol.source.ImageVector) {
					sorlay = sorlay.getSource()
				}
				sorlay.forEachFeatureIntersectingExtent(ext,function(feature) {
					//ORDINA OGGETTI PER TIPOLOGIA GEOMETRICA E PER SUPERFICIE
					var layer = maplay[l]
					if (layer.get('baserif')+LayerBaseCorrente(mappa).get('dominio')!=layer.get('title')) {
						if (layer.get('phpgeo')==undefined) {
							FeatSelCur[FeatSelCur.length]=[feature,layer.get('title'),layer.get('name')]
						} else {
							var doppio=false
							for(v=0;v<reqphp.length;v++) {
								if (reqphp[v][0]==layer.get('phpgeo')+'?ID='+feature.get('ID') && reqphp[v][1]==layer.get('title') && reqphp[v][2]==layer.get('name')) {doppio = true}
							}
							if (!doppio) {
								reqphp.push([layer.get('phpgeo')+'?ID='+feature.get('ID'),layer.get('title'),layer.get('name')])
								totreq++
							}
						}
					}
				})
			}
		}
	}
	//***************************************
	
	//if (contaVectorTile>0) {
		mappa.forEachFeatureAtPixel(pixel, function(feature, layer) {
			//ORDINA OGGETTI PER TIPOLOGIA GEOMETRICA E PER SUPERFICIE
			if (layer.getSource() instanceof ol.source.VectorTile || layer.get('selatpixel')==true) {
				if (layer.get('baserif')+LayerBaseCorrente(mappa).get('dominio')!=layer.get('title')) {
					if (layer.get('phpgeo')==undefined) {
						FeatSelCur[FeatSelCur.length]=[feature,layer.get('title'),layer.get('name')]
					} else {
						var doppio=false
						for(v=0;v<reqphp.length;v++) {
							if (reqphp[v][0]==layer.get('phpgeo')+'?ID='+feature.get('ID') && reqphp[v][1]==layer.get('title') && reqphp[v][2]==layer.get('name')) {doppio = true}
						}
						if (!doppio) {
							reqphp.push([layer.get('phpgeo')+'?ID='+feature.get('ID'),layer.get('title'),layer.get('name')])
							totreq++
						}
					}
				}
			}
		})
	//}
	selecting=false
	if (reqphp.length==0) {
		OrdinaVisFeatSel(evt)
	} else {
		document.getElementById("divLoadingText").innerHTML='Caricamento dati...'
		$("#divLoading").addClass('show')
		for (i=0;i<reqphp.length;i++) {
			$.getScript(reqphp[i][0]+'&CUR='+i)
			.done(function(){
				FeatSelCur[FeatSelCur.length]=[
					featphp[0],
					reqphp[featphp[1]][1],
					reqphp[featphp[1]][2]
				]
				totreq--
				if (totreq == 0) {
					OrdinaVisFeatSel(evt)
					$("#divLoading").removeClass('show')
				}
			})
			.fail(function(){
				$("#divLoading").removeClass('show')
				console.log("errore",reqphp[i][0]+'&CUR='+i)
			})
		}
	}
};


jQuery.loadScript = function (url, arg1, arg2) {
  var cache = false, callback = null;
  //arg1 and arg2 can be interchangable
  if ($.isFunction(arg1)){
    callback = arg1;
    cache = arg2 || cache;
  } else {
    cache = arg1 || cache;
    callback = arg2 || callback;
  }
               
  var load = true;
  //check all existing script tags in the page for the url
  jQuery('script[type="text/javascript"]')
    .each(function () { 
      return load = (url != $(this).attr('src')); 
    });
  if (load){
    //didn't find it in the page, so load it
    jQuery.ajax({
      type: 'GET',
      url: url,
      success: callback,
      dataType: 'script',
      cache: cache
    });
  } else {
    //already loaded so just call the callback
    if (jQuery.isFunction(callback)) {
      callback.call(this);
    };
  };
};

function visualizzaOggettiSel() {
	var currentFeature;
    var currentFeatureKeys;
	var res=document.getElementById('result');

	while (res.hasChildNodes()) {
		res.removeChild(res.lastChild);
	}
	
	var label;
	var divlist;
	var ris=0
	for (k=0;k<FeatSelCur.length;k++) {
		ris=ris+1
		//CERCA E AGGIUNGE EVENTUALI CAMPI DINAMICI (PHP)
		var CampoUnico=""
		for (var j=0; j<campiPHP.length; j++) {
			if(campiPHP[j][0]==FeatSelCur[k][1]) {
				arrProp={}
				if (campiPHP[j][3]==true) {
					CampoUnico=campiPHP[j][1]
				}
				arrProp[campiPHP[j][1]]=campiPHP[j][2]
				FeatSelCur[k][0].setProperties(arrProp)
			}
		}
		currentFeature = FeatSelCur[k][0];
		currentFeatureKeys = currentFeature.getKeys();
		
		divgr = document.createElement('div');
		divgr.id=FeatSelCur[k][1]+'sel__'+ris;
		divgr.className = 'collapse'+(ris==1 ? ' in' :'');
		$(divgr).on('show.bs.collapse',function(e) {
			var ob = document.getElementById(this.id+"_iframe")
			if (ob) {
				ob.src=ob.src
				document.getElementById( this.id+"_iframe").style.display="block"
			}
			ids=this.id.split('sel__')
			$('#' + this.id + 'sel__edit').removeClass('hidden')
			$('#' + this.id + 'sel__mod').removeClass('hidden')
			$('#' + this.id + 'sel__geo').removeClass('hidden')
			e.stopPropagation();
		})
		$(divgr).on('hide.bs.collapse',function(e) {
			var ob = document.getElementById(this.id+"_iframe")
			if (ob) {
				ob.src=ob.src
				document.getElementById( this.id+"_iframe").style.display="none"
			}
			ids=this.id.split('sel__')
			$('#' + this.id + 'sel__edit').addClass('hidden')
			$('#' + this.id + 'sel__mod').addClass('hidden')
			$('#' + this.id + 'sel__geo').addClass('hidden')
			e.stopPropagation();
		})
		divlist = document.createElement('div');
		divlist.className = 'list-group-item list-group-item-info btnico btn-tog'+(ris==1 ? '' :' collapsed');
		divlist.dataset.parent="#"+res.id;
		divlist.dataset.toggle='collapse';
		divlist.dataset.target= "#"+divgr.id;
		divlist.id='featlist__'+(ris-1)
		divlist.onclick = function(e) {
			if (curModifGeo) {
				modifGeoWarn();
				e.stopPropagation()
				return;
			}
			ids=e.target.id.split('__')
			SelFeat(FeatSelCur[ids[1]][0],false);
		};
		$(divlist).html(FeatSelCur[k][2])
		//Se è la prima feature la evidenzia
		if(ris==1){SelFeat(currentFeature),false};
		if (FeatSelCur[k][1] != "RisultatiGeocode") {
			var divedit=undefined;
			//Aggiunge possibilità cancellazione
			if (LayerEditabile(FeatSelCur[k][1],FeatSelCur[ris-1][0].getProperties()['Autore'],"Del")) {
				var spdel= document.createElement('span')
				spdel.className="btn btn-xs btn-danger btnico btndel"+(ris==1 ? '' : ' hidden')
				spdel.id=divgr.id + "sel__edit"
				$(spdel).attr('data-original-title','Elimina oggetto selezionato')
				$(spdel).attr('data-placement','bottom')
				$(spdel).html(" elimina")
				$(spdel).tooltip({container:'body'});
				spdel.onclick = function(e) {
					ids=this.id.split('sel__')
					var ArrLayRW=TrovaInArray(LayerAttivi,1, LayerCollegatoDiRW(FeatSelCur[ids[1]-1][1]))
					var ID = FeatSelCur[ids[1]-1][0].getProperties()[ArrLayRW[7]]
					var mod=creaModalCancella(ID,ids[1]-1,ArrLayRW[1])
					$(mod).modal('show')
					e.stopPropagation()
				};
				if (!divedit) {divedit= document.createElement('div')};
				divedit.appendChild(spdel)
			}
			//Aggiunge possibilità modifica geometrica
			if (LayerEditabile(FeatSelCur[k][1],FeatSelCur[ris-1][0].getProperties()['Autore'],"Geo")) {
				var spgeo= document.createElement('span')
				spgeo.className="btn btn-xs btn-info btnico btngeo"+(ris==1 ? '' : ' hidden')
				spgeo.id=divgr.id + "sel__geo"
				$(spgeo).attr('data-original-title','Modifica geometria selezionata')
				$(spgeo).attr('data-placement','bottom')
				$(spgeo).html(" modifica geometria")
				$(spgeo).tooltip({container:'body'});
				spgeo.onclick = function(e) {
					ids=this.id.split('sel__')
					var ArrLayRW=TrovaInArray(LayerAttivi,1, LayerCollegatoDiRW(FeatSelCur[ids[1]-1][1]))
					var ID = FeatSelCur[ids[1]-1][0].getProperties()[ArrLayRW[7]]
					$("#"+this.id.replace("sel__geo","sel__edit")).tooltip('hide')
					$("#"+this.id.replace("sel__geo","sel__edit")).hide();
					$("#"+this.id.replace("sel__geo","sel__mod")).tooltip('hide')
					$("#"+this.id.replace("sel__geo","sel__mod")).hide();
					$("#"+this.id.replace("sel__geo","sel__geo")).tooltip('hide')
					$("#"+this.id.replace("sel__geo","sel__geo")).hide();
					$("#"+this.id.replace("sel__geo","sel__geoyeslab")).removeClass('hidden');
					$("#"+this.id.replace("sel__geo","sel__geoyes")).removeClass('hidden');
					$("#"+this.id.replace("sel__geo","sel__geono")).removeClass('hidden');
					curModifGeo=true
					savGeoModif=FeatSelCur[ids[1]-1][0].clone()
					modifyFeat(FeatSelCur[ids[1]-1][0])
					e.stopPropagation()
				};
				if (!divedit) {divedit= document.createElement('div')};
				divedit.appendChild(spgeo)
				//Aggiunge possibilità modifica geometrica (conferma)
				var spgeoyeslab= document.createElement('div')
				spgeoyeslab.className="list-group-item list-group-item-danger hidden"
				spgeoyeslab.id=divgr.id + "sel__geoyeslab"
				$(spgeoyeslab).html("modifica geometria ")
				var spgeoyes= document.createElement('span')
				spgeoyes.className="btn btn-xs btn-success btnico btngeoyes hidden"
				spgeoyes.id=divgr.id + "sel__geoyes"
				$(spgeoyes).attr('data-original-title','Conferma modifica geometria selezionata')
				$(spgeoyes).attr('data-placement','bottom')
				$(spgeoyes).tooltip({container:'body'});
				$(spgeoyes).html(" conferma")
				spgeoyes.onclick = function(e) {
					ids=this.id.split('sel__')
					var ArrLayRW=TrovaInArray(LayerAttivi,1, LayerCollegatoDiRW(FeatSelCur[ids[1]-1][1]))
					var ID = FeatSelCur[ids[1]-1][0].getProperties()[ArrLayRW[7]]
					curSelID=ids[1]-1
					InsertFeatDB(undefined,ID,ArrLayRW[1])
					pulisciModifGeo()
					e.stopPropagation()
				};
				//Aggiunge possibilità modifica geometrica (annulla)
				var spgeono= document.createElement('span')
				spgeono.className="btn btn-xs btn-danger btnico btngeono hidden"
				spgeono.id=divgr.id + "sel__geono"
				$(spgeono).attr('data-original-title','Annulla modifica geometria selezionata')
				$(spgeono).attr('data-placement','bottom')
				$(spgeono).tooltip({container:'body'});
				$(spgeono).html(" annulla")
				spgeono.onclick = function(e) {
					pulisciModifGeo()
					e.stopPropagation()
				};
				spgeoyeslab.appendChild(spgeoyes)
				spgeoyeslab.appendChild(spgeono)
				divedit.appendChild(spgeoyeslab)
			}
			//Aggiunge possibilità modifica dati
			if (LayerEditabile(FeatSelCur[k][1],FeatSelCur[ris-1][0].getProperties()['Autore'],"Mod")) {
				var spedit= document.createElement('span')
				spedit.className="btn btn-xs btn-warning btnico btnedit"+(ris==1 ? '' : ' hidden')
				spedit.id=divgr.id + "sel__mod"
				$(spedit).attr('data-original-title','Modifica dati oggetto selezionato')
				$(spedit).attr('data-placement','bottom')
				$(spedit).html(" modifica dati")
				$(spedit).tooltip({container:'body'});
				spedit.onclick = function(e) {
				ids=this.id.split('sel__')
				var ArrLayRW=TrovaInArray(LayerAttivi,1, LayerCollegatoDiRW(FeatSelCur[ids[1]-1][1]))
				var ID = FeatSelCur[ids[1]-1][0].getProperties()[ArrLayRW[7]]
				var mod= creaModalInsertFeat("Modifica dati oggetto selezionato",FeatSelCur[ids[1]-1][0],ArrLayRW[1])
					$(mod).on('hidden.bs.modal',function() {
					})
					$(mod).modal('show')
					e.stopPropagation()
				};
				if (!divedit) {divedit= document.createElement('div')};
				divedit.appendChild(spedit)
			}
			if (divedit) {divlist.appendChild(divedit)};
		}
		var spn1 = document.createElement('span');
		res.appendChild(divlist);
		var tabella=document.createElement('table')
		tabella.className="table table-bordered table-hover table-condensed table-striped"
		var tbody=document.createElement('tbody')
		var numrighe = 0
		for (var i=0; i<currentFeatureKeys.length; i++) {
			var riga=document.createElement('tr')
			//riga.className = 'list-group-item'
			//TESTO NOME CAMPO
			if (currentFeatureKeys[i] != 'geometry' && currentFeature.get(currentFeatureKeys[i]) != null && (CampoUnico == "" || CampoUnico == currentFeatureKeys[i])) {
				numrighe+=1
				var stringadato =String(currentFeature.get(currentFeatureKeys[i]))
				if (stringadato.indexOf('./') == 0) { //SE IL DATO E' UN PERCORSO
					if (stringadato.indexOf('./#ABS#') == 0) {
						stringadato=stringadato.replace("#ABS#","")
					} else {
						if (dircom != undefined) { //MODIFICA PERCORSO NEL CASO DI AREA RISERVATA
							stringadato=stringadato.replace("./","../" + dircom +  "/")
						}
					}
					//SE E' UNA PAGINA WEB (.php)
					if (stringadato.indexOf('.php') > -1) { 
						var postphp = "?frameid=" + divgr.id+"_iframe"
						for (var p=0; p<currentFeatureKeys.length; p++) {
							var campoft = currentFeatureKeys[p]
							var datoft = currentFeature.get(currentFeatureKeys[p])
							if (campoft!='geometry') {
								postphp+="&"+campoft+"="+datoft
							}
						}
						var datolab = document.createElement('td')
						$(datolab).css("padding","0px")
						if (stringadato.indexOf('.-ajax') > -1) {
							var datotxt=document.createElement("div");
							datotxt.id= divgr.id+"_dynphp"
							$(datotxt).load(stringadato.replace('.-ajax','')+postphp,function() {$("#divLoading").removeClass('show')})
						} else {
							var datotxt=document.createElement("iframe");
							datotxt.id= divgr.id+"_iframe"
							datotxt.src= stringadato+postphp
							datotxt.height = 5
							if (ris>1) {
								datotxt.style.display="none"
							} else {
								datotxt.style.display="block"
							}
							//datotxt.style = "border:0; marginWidth:0; marginHeight:0"
						}
						datolab.style = "padding:0 0 0 0"
						datolab.colSpan=2
						document.getElementById("divLoadingText").innerHTML='Caricamento dati...'
						$("#divLoading").addClass('show')
						datolab.appendChild(datotxt)
						riga.appendChild(datolab);
					//SE E' UN IMMAGINE (.jpg, .png)
					} else if (stringadato.indexOf('.jpg') > -1 || stringadato.indexOf('.png') > -1) { 
						$(riga).append($("<td colSpan=2><img width=300 src='"+stringadato+"'></td>"));
					} else { //SE E' UN ALTRO FILE
						var campotxt = document.createTextNode(currentFeatureKeys[i]);
						var campolab = document.createElement('td')
						campolab.className="h6";
						campolab.appendChild(campotxt);
						//TESTO DATO CAMPO
						var datolink = document.createElement('a')
						var datolab = document.createElement('td')
						var dwnlico = document.createElement('span')
						if (stringadato.slice(stringadato.length-4)==".pdf") {
							dwnlico.className = "btn-xs-primary btnico btnpdf"
							var datotxt=document.createTextNode(' scarica il documento pdf' );
						} else {
							dwnlico.className = "btn-xs-primary btnico btndwnl"
							var datotxt=document.createTextNode(' scarica il documento' );
						}
						datolink.href=stringadato
						datolink.target="_blank"
						datolink.appendChild(dwnlico)
						var bld = document.createElement('i')
						bld.appendChild(datotxt)
						datolink.appendChild(bld)
						datolab.className="h5 text-info";
						datolab.appendChild(datolink)
						riga.appendChild(campolab);
						riga.appendChild(datolab);
					}
				} else {
					if (currentFeatureKeys[i]=="workhtml") {
						$(riga).append($("<td class ='h6' colSpan=2></td>").append(stringadato));
					} else {
						$(riga).append("<td class='h6'>"+currentFeatureKeys[i]+"</td>");
						$(riga).append("<td class='h6 text-primary'>"+stringadato+"</td>");
					}
				}
				tbody.appendChild(riga);
			}
		}

		//MISURE AUTOCALCOLATE
		/*var curgeo=currentFeature.getGeometry()
		var curtype=curgeo.getType()
		var misure=""
		if (curtype.indexOf("Polygon") > -1 || curtype.indexOf("LineString") > -1) {
			numrighe++
			if (curtype.indexOf("Polygon") > -1) {
				misure = "area: " + turfArea(curgeo).toLocaleString('de-DE').replace(/\./g,' ')+ ' m<sup>2</sup> - perimetro: ' + turfLength(curgeo).toLocaleString('de-DE').replace(/\./g,' ') + ' m'
			} else {
				misure = 'lunghezza: ' + turfLength(curgeo).toLocaleString('de-DE').replace(/\./g,' ') + ' m'
			}
			var rigaauto=document.createElement('tr')
			$(rigaauto).append($("<td class ='h6 list-group-item-success text-center' colSpan=2></td>").append('misure calcolate automaticamente<BR>'+misure));
			tbody.appendChild(rigaauto);
		}
		//*****************
		*/
		if (numrighe>0) {
			tabella.appendChild(tbody)
			divgr.appendChild(tabella)
		} else {
			divlist.innerHTML+=" (nessun dato associato)"
			divlist.className=divlist.className.replace(" btn-tog"," btn-hidetog")
		}
		divpan = document.createElement('div');
		divpan.className = 'panel panel-accordion';
		divpan.appendChild(divgr);
		res.appendChild(divpan);
	};
	$("#contaSel").html("Risultati interrogazione (" + ris + ")");
	if (ris>0) {
		$('#sidBar2').show()
		$('#result').collapse("show")
		$('#result').show()
		if($('#testdrag3').css("z-index")<252) {$('#testdrag3').css("z-index","252")}
		//$('#'+FeatSelCur[0][1]+'sel__1').collapse("show")
		//$('#featlist__0').click()
	} else {
		DeSelect()
	}
};

var LayRastCorner
//Crea mappa e carica immagine statica (es:legenda tavola raster)
function caricaStaticImage(htmlEl) {
	var maxX=0
	var maxY=0
	var layRast = []
	for (i=0;i<LayerBase.length;i++) {
		if (LayerBase[i][9]!=undefined) {
			maxX= maxX >LayerBase[i][9][0] ? maxX : LayerBase[i][9][0]
			maxY= maxY >LayerBase[i][9][1] ? maxY : LayerBase[i][9][1]
		}
	}
	LayRastCorner = [0,maxY]
	
	var pixelProjection = new ol.proj.Projection({
		code: 'pixel',
		units: 'pixels',
		extent: [0, 0, maxX, maxY]
	});

	for (i=LayerBase.length-1;i>-1;i--) {
		if (LayerBase[i][9]!=undefined) {
			layRast[layRast.length] =	new ol.layer.Image({
				title: 'rast'+LayerBase[i][0],
				type: 'base',
				source: new ol.source.ImageStatic({
					url: (dircom == undefined ? '.' : '../'+ dircom)  + '/layers/' + LayerBase[i][0] + '/' + LayerBase[i][0] + '.png',
					imageSize: [LayerBase[i][9][0], LayerBase[i][9][1]],
					projection: pixelProjection,
					imageExtent: [0,maxY-LayerBase[i][9][1],LayerBase[i][9][0],maxY]
				})
			})
		layRast[layRast.length-1].setVisible(false)
		}
	}
	
	var viewRast = new ol.View({
        projection: pixelProjection,
		maxResolution: 4, minResolution: 1,
		resolution: 1
	})
	
	
	var mappa = new ol.Map({
	  layers: layRast,
	  target: document.getElementById(htmlEl),
	  controls: [],
	  view: viewRast
	});
	
	mappa.getView().setCenter([mappa.getSize()[0]/2,maxY-mappa.getSize()[1]/2])
	mappa.renderSync()

	return mappa
}

//CURSORE LINK GEOGRAFICO
var geoMarker = []
var vectorLayer = []
var stileGeoMarker = creaStile('rgb(0,0,0)',1,'rgba(255,255,255,0.5)',4)
for (i=0;i<2;i++) {
	geoMarker[i] = new ol.Feature({
		geometry: new ol.geom.Point([0,0])
	});
	vectorLayer[i] = new ol.layer.Vector({
		title: 'PuntatoreLink',
		baserif: '',
		source: new ol.source.Vector({
			features: [geoMarker[i]]
		}),
		style: null
	});
	mappe[i][0].addLayer(vectorLayer[i])
}
mappe[0][0].on('pointermove', function(evt) {
	vectorLayer[0].setStyle(null)
	vectorLayer[1].setStyle(stileGeoMarker)
	geoMarker[1].getGeometry().setCoordinates(evt.coordinate);
});
mappe[0][0].getViewport().addEventListener('mouseout', function() {
	vectorLayer[1].setStyle(null)
});
mappe[1][0].on('pointermove', function(evt) {
	vectorLayer[1].setStyle(null)
	vectorLayer[0].setStyle(stileGeoMarker)
	geoMarker[0].getGeometry().setCoordinates(evt.coordinate);
});
mappe[1][0].getViewport().addEventListener('mouseout', function() {
	vectorLayer[0].setStyle(null)
});

var selInt = [[null,null],[null,null]]

//********************************************************
var duration = 1500;
function flash(feature) {
	var start = new Date().getTime();
	var listenerKey;
	var listenerKey2;

	function animate(event) {
		var vectorContext = event.vectorContext;
		var frameState = event.frameState;
		var flashGeom = feature.getGeometry();
		var elapsed = frameState.time - start;
		var elapsedRatio = elapsed / duration;
		//radius will be 5 at start and 30 at end.
		var opacity2 = ol.easing.easeOut(elapsedRatio);
		var opacity = ol.easing.easeOut(1 - elapsedRatio);

		var style = creaStile('rgba(0,92,228,'+0.7*opacity2+')',9*opacity+3,'rgba(0,92,228,'+0.7*opacity+')',10,9*opacity+3);

		vectorContext.setStyle(style);
		vectorContext.drawGeometry(flashGeom);
		if (elapsed > duration) {
			ol.Observable.unByKey(listenerKey);
			ol.Observable.unByKey(listenerKey2);
			return;
		}
		// tell OL3 to continue postcompose animation
		mappe[0][0].render();
		mappe[1][0].render();
	}
	listenerKey = mappe[0][0].on('postcompose', animate);
	listenerKey2 = mappe[1][0].on('postcompose', animate);
}

//********************************************************
function SelFeat (feature,anima){
	for (m=0;m<mappe.length;m++) {
		for (s=0;s<2;s++) {
			
			//Seleziona ogggetto su mappa 1
			if (selInt[m][s] !== null) {
				selInt[m][s].getFeatures().clear()
				//mappe[m][s].removeInteraction(selInt[m][s])
			} else {
				if (s==1) {
					selInt[m][s] = new ol.interaction.Select({
						style: 
							creaStile('rgba(0,92,228,1)',3,'rgba(0,92,228,0.4)',10,3)
					})
				} else {
					selInt[m][s] = new ol.interaction.Select({
						style: 
							creaStile('rgba(0,92,228,1)',3,'rgba(0,92,228,0)',10,3)
					})
				}
				selInt[m][s].setActive(false);
				mappe[m][s].addInteraction(selInt[m][s])
			}
			selInt[m][s].getFeatures().push(feature);
		}
	}
	if (anima) {
		mappe[0][0].getView().fit(feature.getGeometry(), {duration:500,maxZoom:GlobMaxZoom});
		mappe[1][0].getView().fit(feature.getGeometry(), {duration:500,maxZoom:GlobMaxZoom});
	}
	flash(feature);
}

function DeSelect() {
	$('#sidBar2').hide()
	RimuoviMarcaSelezioneOv()
	for (m=0;m<mappe.length;m++) {
		for (s=0;s<2;s++) {
			//Deseleziona per mappa 1
			if (selInt[m][s] !== null) {
				selInt[m][s].getFeatures().clear()
				//mappe[m][s].removeInteraction(selInt[m][s])
			}
		}
	}
}
function LayerBaseCorrente(targetmap) {
	var res = false;
	for (var i=0;i<targetmap.getLayers().getLength();i++) {
		var lay=targetmap.getLayers().getArray()[i]
		if (lay.get('type') === 'base' && lay.getVisible()) {
			res = lay
		}
	}
	return res;
}
function maxZoomCorrente() {
	var mz1 = LayerBaseCorrente(mappe[0][0]).get('maxzoomlev')
	if ($("#map3").is(":visible")) {
		var mz2 = LayerBaseCorrente(mappe[1][0]).get('maxzoomlev')
	} else {
		var mz2 = 99
	}
	ControllaZoom()
	return Math.min(mz1,mz2)
}

///////////////////////////GESTIONE OVERVIEW

var ext
var riqOvw = []

mappe[0][0].on('moveend', function(evt) {
	ext=mappe[0][0].getView().calculateExtent(mappe[0][0].getSize())
	riqOvw[0].getGeometry().setCoordinates([[[ext[0],ext[1]],[ext[2],ext[1]],[ext[2],ext[3]],[ext[0],ext[3]],[ext[0],ext[1]]]]);
});

mappe[1][0].on('moveend', function(evt) {
	if (!$('#linksync').hasClass('btn-warning')) {
		ext=mappe[1][0].getView().calculateExtent(mappe[1][0].getSize())
	} else {
		ext=mappe[0][0].getView().calculateExtent(mappe[0][0].getSize())
	}
	riqOvw[1].getGeometry().setCoordinates([[[ext[0],ext[1]],[ext[2],ext[1]],[ext[2],ext[3]],[ext[0],ext[3]],[ext[0],ext[1]]]]);
});

for (m=0;m<mappe.length;m++) {
	riqOvw[m] = new ol.Feature({
	  geometry: new ol.geom.Polygon([[[0,0],[0,0],[0,0],[0,0]]])
	});
}
var vectorRiq = []

mappe[0][1].on('pointermove', function(evt) {
	if(evt.dragging) {
		mappe[0][0].getView().setCenter(evt.coordinate)
	}
});
mappe[0][1].on('singleclick', function(evt) {
	mappe[0][0].getView().setCenter(evt.coordinate)
})

mappe[1][1].on('pointermove', function(evt) {
	if(evt.dragging) {
		mappe[1][0].getView().setCenter(evt.coordinate)
	}
});
mappe[1][1].on('singleclick', function(evt) {
	mappe[1][0].getView().setCenter(evt.coordinate)
})

for (m=0;m<mappe.length;m++) {
	vectorRiq[m] = new ol.layer.Vector({
		title: 'RiquadroOvw',
		baserif: '',
		source: new ol.source.Vector({
			features: [riqOvw[m]]
		}),
		style: new ol.style.Style({
			fill: new ol.style.Fill({
				color: 'rgba(255, 0, 0, 0.2)'
			}),
			stroke: new ol.style.Stroke({
				color: 'rgba(255, 0, 0, 1)',
				width: 1
			}),
		})
	});

	mappe[m][1].addLayer(vectorRiq[m]);
}

//////////////////////////////////////////EXPORT PDF

function currentResolution(mappa) {
	var proj = mappa.getView().getProjection()
	var size = mappa.getSize();
	var extent = mappa.getView().calculateExtent(size);
	var p1 = ol.proj.transform([extent[0],extent[1]], proj, 'EPSG:4326');
	var p2 = ol.proj.transform([extent[2],extent[1]], proj, 'EPSG:4326');
	return wgs84Sphere.haversineDistance(p1, p2)/size[0]
}

var dims ={
a0: [1189, 841],
a1: [841, 594],
a2: [594, 420],
a3: [420, 297],
a4: [297, 210],
a5: [210, 148]
};



$('#export-pdf').on('click',function() {
	exportPDF()
});

$('#export-pdf').on('mousedown',function() {
	document.getElementById("divLoadingText").innerHTML='Generazione file pdf...'
	$("#divLoading").addClass('show')
});

$('#export-pdf').on('mouseout',function() {
	$("#divLoading").removeClass('show')
});

var JpegQual=0.9

var canvasImg
function exportPDF() {
	canvasImg = [[undefined,undefined,undefined],[undefined,undefined,undefined]]
	var mappeGenerabili=mappe.length*3
	//Primo ciclo per definire numero mappe da generare
	for (m=0;m<mappe.length;m++) {
		for (s=0;s<mappe[m].length;s++) {
			if ($("#"+mapHtml[m][s]).is(":visible")) {
			} else {
				mappeGenerabili-=1
			}
		}
	}
	//Secondo ciclo per generare mappe
	for (m=0;m<mappe.length;m++) {
		for (s=0;s<mappe[m].length;s++) {
			if ($("#"+mapHtml[m][s]).is(":visible")) {
				mappe[m][s].once('postcompose', function(event) {
					var cnv =document.createElement('canvas')
					cnv.width=event.context.canvas.width
					cnv.height=event.context.canvas.height
					var cnt=cnv.getContext('2d');
					cnt.fillStyle="rgb(255,255,255)"
					cnt.fillRect(0,0,cnv.width,cnv.height)
					cnt.drawImage(event.context.canvas,0,0)
					if (s==1) {
						canvasImg[m][s] = cnv.toDataURL('image/jpeg',JpegQual)
					} else {
						canvasImg[m][s] = cnv
					}
					mappeGenerabili-=1;
					if (mappeGenerabili==0) {
						impaginaPDF()
					}
				})
				mappe[m][s].renderSync()
			}
		}
	}
}

function impaginaPDF() {
	var format=['a4']
	var scala=[],wm=[],hm=[],wmm=[],hmm=[],pix2mm=[],intmap=['',''];
	var numfin= canvasImg[1][0] != undefined ? 2 : 1
	var wpmm = dims[format][0]
	var hpmm = dims[format][1]
	var marg=6 
	var margsup=5 
	var marginf=5 
	var wmp=(wpmm-marg*2)/numfin
	var hmp=hpmm-marg*2-margsup-marginf

	var Intesta = NomeComune 

	var pdf = new jsPDF('landscape', undefined, dims[format]);
	pdf.setLineWidth(0.15)
	pdf.setFillColor(255,255,255)

	
	for (i = 0; i<numfin; i++) {
		z = mappe[i][0].getView().getZoom()
		z = z < 10 ? 10 : (z > 20 ? 20 : z)
		scala[i]=zscale[z]
		wm[i] = mappe[i][0].getSize()[0]*currentResolution(mappe[i][0])
		hm[i] = mappe[i][0].getSize()[1]*currentResolution(mappe[i][0])
		wmm[i] = wm[i]/scala[i]*1000
		hmm[i] = hm[i]/scala[i]*1000
		pix2mm[i]=currentResolution(mappe[i][0])/scala[i]*1000
		

		var canvCrop=document.createElement('canvas');
		var ctx1=canvCrop.getContext('2d');
		if (wmm[i]>wmp || hmm[i]>hmp) {	//Crop
			canvCrop.width=Math.round(Math.min(wmp,wmm[i])/pix2mm[i]);
			canvCrop.height=Math.round(Math.min(hmp,hmm[i])/pix2mm[i]);
			var wmpcrp = canvCrop.width*pix2mm[i]
			var hmpcrp = canvCrop.height*pix2mm[i]
			ctx1.drawImage(canvasImg[i][0],Math.round((wmm[i]-wmpcrp)/pix2mm[i]/2),Math.round((hmm[i]-hmpcrp)/pix2mm[i]/2),canvCrop.width,canvCrop.height,0,0,canvCrop.width,canvCrop.height);
			wmm[i]=wmpcrp
			hmm[i]=hmpcrp
		} else {	//No crop
			canvCrop.width=canvasImg[i][0].width;
			canvCrop.height=canvasImg[i][0].height;
			ctx1.drawImage(canvasImg[i][0],0,0);
		}
		canvasImg[i][0] = canvCrop.toDataURL('image/jpeg',JpegQual)

		if (canvasImg[i==0 ? 1 : 0][2] == undefined) {
			if (LayerBaseCorrente(mappe[i][0]).get('gruppo')==LayerBaseCorrente(mappe[i][0]).get('name')) {
				intmap[i]=LayerBaseCorrente(mappe[i][0]).get('name')+" - scala 1:" + scala[i]
			} else {
				intmap[i]=LayerBaseCorrente(mappe[i][0]).get('gruppo') + ': ' + LayerBaseCorrente(mappe[i][0]).get('name')+" - scala 1:" + scala[i]
			}
			pdf.addImage(canvasImg[i][0], 'JPEG',marg+wmp*i+(wmp-wmm[i])/2, marg+margsup+(hmp-hmm[i])/2, wmm[i], hmm[i]);
		}

		if (canvasImg[i][2] != undefined) {
			pdf.rect(i==0 ? wpmm/2 : marg, marg+margsup, wpmm/2-marg, (hpmm-marg*2-margsup-marginf), 'F')
			var immres=Math.min((wpmm/2-marg)/canvasImg[i][2].width,(hpmm-marg*2-margsup-marginf)/canvasImg[i][2].height)
			var wimmleg = canvasImg[i][2].width*immres
			var himmleg = canvasImg[i][2].height*immres
			pdf.addImage(canvasImg[i][2], 'JPEG',(i==0 ? wpmm/2 : marg) + ((wpmm/2-marg)-wimmleg)/2,marg+margsup+ (hpmm-himmleg-marg*2-margsup-marginf)/2, wimmleg, himmleg);
		}

	if (canvasImg[i][1] != undefined) { //OVERVIEW
		var rovw =mappe[i][1].getSize()[0]/mappe[i][1].getSize()[1]
		var hovw = rovw>1 ? 40/rovw : 40
		var wovw = rovw>1 ? 40 : 40*rovw
		if (i==0) {
			pdf.addImage(canvasImg[i][1], 'JPEG',marg+2,marg+margsup+2,wovw,hovw);
			pdf.rect(marg+2,marg+margsup+2,wovw,hovw, 'S')
		} else {
			pdf.addImage(canvasImg[i][1], 'JPEG',wpmm-marg-wovw-2,marg+margsup+2,wovw,hovw);
			pdf.rect(wpmm-marg-wovw-2,marg+margsup+2,wovw,hovw, 'S')
		}
	}
}

	if (numfin>1 || canvasImg[0][2] != undefined) {
		pdf.line(wpmm/2,marg+margsup,wpmm/2,hpmm-marg-marginf)
	}
	pdf.line(marg,marg+margsup,marg,hpmm-marg-marginf)
	pdf.line(wpmm-marg,marg+margsup,wpmm-marg,hpmm-marg-marginf)
	pdf.setFontSize(10)

	pdf.rect(0, 0, wpmm, marg+margsup, 'F')
	pdf.line(marg,marg+margsup,wpmm-marg,marg+margsup)

	pdf.rect(0, hpmm-marg-marginf, wpmm, marg+marginf, 'F')
	pdf.line(marg,hpmm-marg-marginf,wpmm-marg,hpmm-marg-marginf)

	var immst=document.createElement('img')
	/*immst.src='./layers/stemma.png'
	stw=5*immst.width/immst.height
	pdf.addImage(immst, 'PNG',marg,marg+1,stw,5);

	var immmw=document.createElement('img')
	immmw.src='../_shared/resources/mappeweb.png'
	stw=5*immmw.width/immmw.height
	pdf.addImage(immmw, 'PNG',wpmm-marg-stw,marg+hmp-3,stw,5);*/

	pdf.setFontType("bold")
	pdf.text(marg+(immst==undefined ? 5 : 0),marg+margsup-2,Intesta)
	pdf.setTextColor(0,128,255)
	pdf.setFontType("italic")
	pdf.text(wpmm-marg-8.2,marg+margsup-2,"mappe","right")
	pdf.setTextColor(255,128,0)
	pdf.setFontType("bolditalic")
	pdf.text(wpmm-marg,marg+margsup-2,"WEB","right")
	pdf.setFontType("normal")
	pdf.setTextColor(0,0,0)
	pdf.text(marg,hpmm-marg-marginf+4,intmap[0])
	pdf.text(marg+wmp,hpmm-marg-marginf+4,intmap[1])

	pdf.save('estratto.pdf');
	$("#divLoading").removeClass('show')
}

//////////////////////////////RICERCA OGGETTI
var progRic=0
var trovate = []
var curRic = 0
var criteri = []
var layRic
var ordRic

function featDaLay(lay) {
	var sor=lay.getSource()
	if (sor instanceof ol.source.VectorTile) {
		return [];
	}
	if (sor instanceof ol.source.ImageVector) {
		sor=sor.getSource()
	}
	return sor.getFeatures()
	
}

// case insensitive, digits to number interpolation

function natSort(as, bs){
    var a, b, a1, b1, i= 0, L, rx=  /(\d+)|(\D+)/g, rd=  /\d/;
    if(isFinite(as) && isFinite(bs)) return as - bs;
    a= String(as).toLowerCase();
    b= String(bs).toLowerCase();
    if(a=== b) return 0;
    if(!(rd.test(a) && rd.test(b))) return a> b? 1: -1;
    a= a.match(rx);
    b= b.match(rx);
    L= a.length> b.length? b.length: a.length;
    while(i < L){
        a1= a[i];
        b1= b[i++];
        if(a1!== b1){
            if(isFinite(a1) && isFinite(b1)){
                if(a1.charAt(0)=== "0") a1= "." + a1;
                if(b1.charAt(0)=== "0") b1= "." + b1;
                return a1 - b1;
            }
            else return a1> b1? 1: -1;
        }
    }
    return a.length - b.length;
}

function creaModalSearch (titolo) {
//criteri: array [[campo1,valore1],[campo2,valore2]....]
	progRic+=1
	ricercaImpostata=false
	
	var divPrinc=$("<div/>",{'class':'modal fade','id':'searchModal','role':'dialog'})

	var divHeader=$("<div/>",{'class':'modal-header list-group-item active'})
	$(divHeader).append("<button type='button' class='btn btn-xs btn-danger pull-right' data-dismiss='modal'>X</button>").append("<h5 class='modal-title'>"+titolo+"</h5>")
	
	var divBody=$("<div/>",{'class':'modal-body'})
	
	var idfoc = ""
	for (i=0;i<criteri.length;i++) {
		criteri[i][1]=""
		$(divBody).append("<label id='"+progRic+"labinp"+i+"' class='h5 text-info'>"+criteri[i][0]+(criteri[i][4]==true ? " (obbligatorio)" : "")+"</label>")
		var inp=document.createElement('input')
		inp.type='text'
		inp.id=progRic+'input'+i
		if (i==0) {idfoc=inp.id}
		$(inp).keyup(function(event){
			if(event.keyCode == 13){
				var idcrit = $(this).attr('id').split("input")[1]
				criteri[idcrit][1]=$(this).val()
				$("#"+progRic+'submit').focus();
				$("#"+progRic+'submit').click();
			}
		});				
		inp.className="form-control"
		inp.placeholder='inserisci valore'  + (criteri[i][3] ? ' anche parziale' : ' esatto')
		if (criteri[i][2]==true) { //flag tendina
			var lista = []
			$(inp).autocomplete({
				source: lista,
				minLength: 0,
				change: function() {
					var idcrit = $(this).attr('id').split("input")[1]
					criteri[idcrit][1]=$(this).val()
				}
			})
			inp.onfocus=function() {
				$("#noOggetti").html("")
				var idcrit = $(this).attr('id').split("input")[1]
				$(this).autocomplete("option",{source: updateList(undefined,idcrit,true,true)})
			}
			inp.onclick=function() {
				if($(this).val()=="") {
					$(this).autocomplete("search","")
				}
			}
			var btdrop = document.createElement('span')
			btdrop.id=progRic+'selbtn'+i
			btdrop.className="btn input-group-addon closed"
			btdrop.onmousedown=function() {
				var aperto=$("#"+$(this).attr('id').replace("selbtn","input")).autocomplete("widget").is(":visible")
				if (aperto) {
					$(this).removeClass("closed")
				} else {
					$(this).addClass("closed")
				}
			}
			btdrop.onclick=function() {
				var idcrit = $(this).attr('id').split("selbtn")[1]
				if ($(this).hasClass("closed")) {
					$("#"+$(this).attr('id').replace("selbtn","input")).autocomplete("option",{source: updateList(undefined,idcrit,true,true)})
					$("#"+$(this).attr('id').replace("selbtn","input")).autocomplete("search","")
				} else {
					$("#"+$(this).attr('id').replace("selbtn","input")).autocomplete("close")
				}
			}
			$(divBody).append($("<div/>",{'class':'input-group'}).append(inp).append($(btdrop).append("<span class='caret'></span>")))
		} else {
			inp.onchange=function() {
				var idcrit = $(this).attr('id').split("input")[1]
				criteri[idcrit][1]=$(this).val()
			}
			inp.onfocus=function() {
				$("#noOggetti").html("")
			}
			$(divBody).append(inp)
		}

		if (i==0) {
			$(divPrinc).on('shown.bs.modal',function () {
				$('#'+idfoc).focus()
			})
		}
	}
	
	var divFooter=$("<div/>",{'class':'modal-footer'})
	
		var btnSearch=document.createElement('button')
		btnSearch.id=progRic+'submit'
		btnSearch.type="button"
		btnSearch.onclick=function() {
			var obbligatori = false
			$("#noOggetti").html("")
			for (i=0;i<criteri.length;i++) {
				if (String(criteri[i][1]).replace(null,"")=="" && criteri[i][4]==true) {
					obbligatori= true
				}
			}
			if (obbligatori) {
				$("#noOggetti").html("campi obbligatori non compilati")
			} else {
				lric=layerByName(layRic[0],mappe[0][0],false)
				if (featDaLay(lric).length>0 || LayerCollegatoDiRW(lric.get('title'))!=undefined) {
					cercaOggetti()
				} else {
					$("#divLoadingText").html('Caricamento ' + lric.get('name') + '...')
					$("#divLoading").addClass('show')
					lric.getSource().on('change', function(e) {
						$("#divLoading").removeClass('show')
						cercaOggetti()
						ol.Observable.unByKey(this)
					})
					lric.setVisible(true)
				}
			}
		}

		btnSearch.className="btn btn-primary"
		btnSearch.appendChild(document.createTextNode('cerca'))
		
	
	$(divFooter).append("<label id='noOggetti' class='h5 text-danger pull-left'></label>").append(btnSearch)
			
	
	$(divPrinc).append($("<div/>",{'class':'modal-dialog modal-sm'}).append($("<div/>",{'class':'modal-content'}).append(divHeader).append(divBody).append(divFooter))
	)
	$(divPrinc).on('hidden.bs.modal',function() {
		$(this).html('');
		$(this).data('bs.modal', null);
	})
	return divPrinc
}

var crit = []

function strutturaCrit(LayRW,feat,rif) {
	crit = []
	var arrLayRW=TrovaInArray(LayerAttivi,rif,LayRW)
	var attrRW=arrLayRW[8]
	for (i=0;i<attrRW.length;i++) {
		if (feat==undefined) {
			crit.push([attrRW[i][0],"",attrRW[i][1],attrRW[i][2]])
		} else {
			crit.push([attrRW[i][0],feat.getProperties()[attrRW[i][0]],attrRW[i][1],attrRW[i][2]])
		}
	}
}

function updateList (f,idcampo,addvuoti,percerca) {
	//var f=featDaLay(layerByName(curLayReadWrite,mappe[0][0],false))
	//crit[i][0])
	if (percerca) {
		cercaOgg(idcampo)
		f=trovate
		idcampo=criteri[idcampo][0]
	}
	var lista=[]
	var vuoti=false
	for (j=0;j<f.length;j++) {
		var inserito=false
		if (String(f[j].get(idcampo))=="null" || f[j].get(idcampo)=="") {
			inserito=true;
			vuoti=true;
		} else {
			for (k=0;k<lista.length;k++) {
				if (f[j].get(idcampo)==lista[k]) {
					inserito=true
				}
			}
		}
		if (!inserito) {
			if (lista.length>1000) {
				return ["---casistica troppo numerosa---"]
			}
			lista[lista.length]=f[j].get(idcampo)
		}
	}
	lista.sort(natSort)
	for (k=0;k<lista.length;k++) {
		lista[k]=String(lista[k])
	}
	if (vuoti && addvuoti) {lista.unshift("---vuoto---")}
	return lista
}

var idfoc = ""
function strutturaMaschera(feat,divBody,divPrinc) {
	idfoc = ""
	for (i=0;i<crit.length;i++) {
		$(divBody).append("<label id='"+progRic+"labinp"+i+"' class='h5 text-info'>"+crit[i][0]+(crit[i][3]==true ? " (obbligatorio)" : "")+"</label>")
		var inp=document.createElement('input')
		inp.type='text'
		inp.id=progRic+'input'+i
		if (i==0) {idfoc=inp.id}
		$(inp).keyup(function(event){
			if(event.keyCode == 13){
				var idcrit = $(this).attr('id').split("input")[1]
				crit[idcrit][1]=$(this).val()
				$("#"+'btnIns'+progRic).focus();
				$("#"+'btnIns'+progRic).click();
			}
		});				
		inp.className="form-control"
		inp.placeholder='inserisci valore'
		if (feat != undefined) {
			inp.value=crit[i][1]
		}
		if (crit[i][2]==true) { //flag tendina
			var lista = []
			var lric =layerByName(curLayReadWrite,mappe[0][0],false)
			var f=featDaLay(lric)
			lista=updateList(f,crit[i][0])
			$(inp).autocomplete({
				source: lista,
				minLength: 0,
				change: function() {
					var idcrit = $(this).attr('id').split("input")[1]
					crit[idcrit][1]=$(this).val()
				}
			})
			inp.onfocus=function() {
				$("#noOggetti").html("")
			}
			inp.onclick=function() {
				if($(this).val()=="") {
					$(this).autocomplete("search","")
				}
			}
			var btdrop = document.createElement('span')
			btdrop.id=progRic+'selbtn'+i
			btdrop.className="btn input-group-addon closed"
			btdrop.onmousedown=function() {
				var aperto=$("#"+$(this).attr('id').replace("selbtn","input")).autocomplete("widget").is(":visible")
				if (aperto) {
					$(this).removeClass("closed")
				} else {
					$(this).addClass("closed")
				}
			}
			btdrop.onclick=function() {
				var idcrit = $(this).attr('id').split("selbtn")[1]
				if ($(this).hasClass("closed")) {
					$("#"+$(this).attr('id').replace("selbtn","input")).autocomplete("search","")
				} else {
					$("#"+$(this).attr('id').replace("selbtn","input")).autocomplete("close")
				}
			}
			
			$(divBody).append($("<div/>",{'class':'input-group'}).append(inp).append($(btdrop).append("<span class='caret'></span>")))
		} else {
			inp.onchange=function() {
				var idcrit = $(this).attr('id').split("input")[1]
				crit[idcrit][1]=$(this).val()
			}
			inp.onfocus=function() {
				$("#noOggetti").html("")
			}
			$(divBody).append(inp)
		}
		if (i==0) {
			$(divPrinc).on('shown.bs.modal',function () {
				$('#'+idfoc).focus()
			})
		}
	}
}

function assegnaLivelloReg (dato,divPrinc,divBody,btnSearch,NomLayEl,anim,feat,idriflay) {
	if (feat==undefined) {
		curLayReadWrite=TrovaInArray(LayerAttivi,5,dato)[1]
	}
	var lric =layerByName(curLayReadWrite,mappe[0][0],false)
	var f=featDaLay(lric)
	//if (f.length>0) {
		assegnaLivelloRegInt (dato,divPrinc,divBody,btnSearch,NomLayEl,anim,feat,idriflay)
	/*} else {
		$("#divLoadingText").html('Caricamento ' + lric.get('name') + '...')
		$("#divLoading").addClass('show')
		lric.getSource().on('change', function(e) {
			console.log(lric.getSource().getSource().getState())
			$("#divLoading").removeClass('show')
			assegnaLivelloRegInt (dato,divPrinc,divBody,btnSearch,NomLayEl,anim,feat,idriflay)
			ol.Observable.unByKey(this)
		})
		lric.setVisible(true)
	}*/
}

function assegnaLivelloRegInt (dato,divPrinc,divBody,btnSearch,NomLayEl,anim,feat,idriflay) {
	$(divBody).hide()
	$(divBody).html("")
	$(NomLayEl).html("<B>"+ dato + "</B> ")
	//strutturaCrit(LayRW,feat,1,divBody)
	strutturaCrit(dato,feat,idriflay)
	strutturaMaschera(feat,divBody,divPrinc)
	$(divBody).show(anim ? 'slide':undefined)
	$(btnSearch).show(anim ? 'slide':undefined)
}

function creaModalInsertFeat (titolo,feat,LayRW,geom) {
	progRic+=1
	var divPrinc=$("<div/>",{'class':'modal fade','id':'insModal'+progRic,'role':'dialog','data-backdrop':'static'})

	var divHeader=$("<div/>",{'class':'modal-header list-group-item active','style':'margin-bottom:0px'})
	$(divHeader).append("<button type='button' class='btn btn-xs btn-danger pull-right' data-dismiss='modal'>X</button>").append("<h5 class='modal-title'>"+titolo+"</h5>")
	var divBody=$("<div/>",{'class':'modal-body','id':'insModalBody'+progRic})
	var divFooter=$("<div/>",{'class':'modal-footer','id':'insModalFooter'+progRic})
	var btnSearch=document.createElement('button')

	if (LayRW==undefined) {
		var divBodyHead=$("<div/>",{'class':'modal-body  list-group-item-info','style':'padding-top:0px;padding-bottom:5px'})
		$(divBody).hide()
		$(btnSearch).hide()

		var lista=[]
		var tipoGeo=geom.getType()
		for (i=LayerAttivi.length-1;i>=0;i--) {
			if (LayerAttivi[i][6] != undefined) {
				if (LayerAttivi[i][10] == undefined) {
					lista.push(LayerAttivi[i][5])
				} else {
					if (LayerAttivi[i][10].indexOf("Ins")>-1) {
						var geoAmm=LayerAttivi[i][11]
						if ((tipoGeo=="Polygon" && geoAmm.indexOf("A")>-1) || (tipoGeo=="LineString" && geoAmm.indexOf("L")>-1) || (tipoGeo=="Point" && geoAmm.indexOf("P")>-1)) {
							lista.push(LayerAttivi[i][5])
						}
					}
				}
			}
		}
		
		var stringaGeo =""
		if (tipoGeo=="Polygon") {
			stringaGeo="areale"
		} else if (tipoGeo=="LineString") {
			stringaGeo="lineare"
		} else if (tipoGeo=="Point") {
			stringaGeo="puntuale"
		}
			
		var NomLayEl=$("<span id='NomLay"+progRic+"' class='h5'></span>")
		var LabReg=$("<span class='h5'>Registra nuovo oggetto "+stringaGeo+" in <BR></span>")
		$(divBodyHead).append(LabReg)//.append(NomLayEl)
		lista.sort(natSort)
		if (lista.length==1) {
			$(LabReg).append(NomLayEl)
			assegnaLivelloReg(lista[0],divPrinc,divBody,btnSearch,NomLayEl,false,undefined,5)
		} else if (lista.length<=20) {
			var dropDestID=$("<span/>",{'class':'dropdown open','id':'dropDestID'}).append(NomLayEl)
			var dropDest=$("<span/>",{'class':'btn btn-xs btn-default dropdown-toggle','id':'dropDest','data-toggle':'dropdown'})
			var dropDestList=$("<select/>",{'class':'form-control','style':'min-width:100%','onchange':'$("#"+idfoc).focus();$(this).addClass("selLiv");assegnaLivelloReg($(this).val(),$("#insModal"+progRic),$("#insModalBody"+progRic),$("#btnIns"+progRic),undefined,true,undefined,5)'})
			$(dropDestList).append($("<option disabled value selected>-- seleziona livello --</option>"))
			for (l=0;l<lista.length;l++) {
				var li=$("<option/>")
				$(li).html(lista[l])
				$(dropDestList).append(li)
			}
			$(dropDestID).append(dropDestList)
			$(divBodyHead).append(dropDestID)
		} else {
			$(LabReg).append(NomLayEl)
			var inpdest=document.createElement('input')
			inpdest.type='text'
			inpdest.id=progRic+'inputDest'
			$(inpdest).keyup(function(event){
				if(event.keyCode == 13){
				}
			});
			inpdest.className="form-control"
			inpdest.placeholder='seleziona livello destinazione'
			$(inpdest).autocomplete({
				source: lista,
				minLength: 0,
				change: function() {
				},
				select: function(e,ui) {
					$(this).addClass("selLiv")
					assegnaLivelloReg(ui.item['value'],$("#insModal"+progRic),$("#insModalBody"+progRic),$("#btnIns"+progRic),undefined,true,undefined,5)
				}
			})
			var btdropdest = document.createElement('span')
			btdropdest.id=progRic+'selbtnDest'
			btdropdest.className="btn input-group-addon closed"
			btdropdest.onmousedown=function() {
				var aperto=$("#"+$(this).attr('id').replace("selbtn","input")).autocomplete("widget").is(":visible")
				if (aperto) {
					$(this).removeClass("closed")
				} else {
					$(this).addClass("closed")
				}
			}
			btdropdest.onclick=function() {
				var idcrit = $(this).attr('id').split("selbtn")[1]
				if ($(this).hasClass("closed")) {
					$("#"+$(this).attr('id').replace("selbtn","input")).autocomplete("search","")
				} else {
					$("#"+$(this).attr('id').replace("selbtn","input")).autocomplete("close")
				}
			}
			$(divBodyHead).append($("<div/>",{'class':'input-group'}).append(inpdest).append($(btdropdest).append("<span class='caret'></span>")))
		}
	} else {
		assegnaLivelloReg(LayRW,divPrinc,divBody,btnSearch,undefined,false,feat,1)
	}

	//footer
	btnSearch.type="button"
	btnSearch.id="btnIns"+progRic
	btnSearch.onclick=function() {
		var obbligatori = false
		$("#noOggetti").html("")
		for (i=0;i<crit.length;i++) {
			if (String(crit[i][1]).replace(null,"")=="" && crit[i][3]==true) {
				obbligatori= true
			}
		}
		if (obbligatori) {
			$("#noOggetti").html("campi obbligatori non compilati")
		} else {
			this.dataset.dismiss="modal"
			for (i=0;i<crit.length;i++) {
				//crit[i][1]=$("#"+progRic+"input"+crit[i][0]).val().replace(/"/g,"'").replace(/\\/g,"/")
				if (feat != undefined) {
					arrProp={}
					arrProp[crit[i][0]]=crit[i][1]
					feat.setProperties(arrProp)
				}
			}
			if (feat==undefined) {
				InsertFeatDB(crit,undefined)
			} else {
				var arrLayRW=TrovaInArray(LayerAttivi,1,LayRW)
				InsertFeatDB(crit,feat.getProperties()[arrLayRW[7]],LayRW)
			}
		}
	}

	btnSearch.className="btn btn-primary"
	btnSearch.appendChild(document.createTextNode(feat == undefined ? 'inserisci' : 'modifica'))
			
		
	$(divFooter).append("<label id='noOggetti' class='h5 text-danger pull-left'></label>").append(btnSearch)
			
	
	$(divPrinc).append($("<div/>",{'class':'modal-dialog modal-sm'}).append($("<div/>",{'class':'modal-content'}).append(divHeader).append(divBodyHead).append(divBody).append(divFooter))
	)
	$(divPrinc).on('hidden.bs.modal',function() {
		$(this).html('');
		$(this).data('bs.modal', null);
	})
	return divPrinc
}

function creaModalCancella (ID,selId,LayRW) {
	progRic+=1
	//EliminaFeatDB(ID,selId)
	divPrinc=document.createElement('div')
	divPrinc.className="modal fade"
	divPrinc.id="deleteModal"
	divPrinc.role="dialog"

	divDlg=document.createElement('div')
	divDlg.className="modal-dialog modal-sm"
	
		var divContent=document.createElement('div')
		divContent.className="modal-content"
			
			var divHeader=document.createElement('div')
			divHeader.className="modal-header list-group-item active"
			
				var btnClose=document.createElement('button')
				btnClose.type="button"
				btnClose.className='btn btn-xs btn-danger pull-right'
				btnClose.dataset.dismiss="modal"
				btnClose.appendChild(document.createTextNode('X'))
				
				var mdlTitle=document.createElement('h5')
				mdlTitle.className='modal-title'
				mdlTitle.appendChild(document.createTextNode("Eliminazione oggetto"))
			
			divHeader.appendChild(btnClose)
			divHeader.appendChild(mdlTitle)
			
			var divBody=document.createElement('div')
			divBody.className="modal-body"
			divBody.innerHTML="L'oggetto selezionato verrà definitivamente eliminato.<BR>Sei sicuro di voler procedere?"
			
			var divFooter=document.createElement('div')
			divFooter.className="modal-footer"
			

				var btnYes=document.createElement('button')
				btnYes.type="button"
				btnYes.id="buttonYes"
				btnYes.onclick=function() {
					EliminaFeatDB(ID,selId,LayRW)
				}
				btnYes.className="btn btn-primary"
				btnYes.dataset.dismiss="modal"
				btnYes.appendChild(document.createTextNode('Sì'))
				
				var btnNo=document.createElement('button')
				btnNo.type="button"
				btnNo.id="buttonNo"
				btnNo.className="btn btn-primary"
				btnNo.dataset.dismiss="modal"
				btnNo.appendChild(document.createTextNode('No'))
				
			
			divFooter.appendChild(btnNo)
			divFooter.appendChild(btnYes)
			
		divContent.appendChild(divHeader)
		divContent.appendChild(divBody)
		divContent.appendChild(divFooter)
		
	
	divDlg.appendChild(divContent)
	divPrinc.appendChild(divDlg)
	$(divPrinc).on('shown.bs.modal',function () {
		$('#buttonYes').focus()
	})
	$(divPrinc).on('hidden.bs.modal',function() {
		$(this).html('');
		$(this).data('bs.modal', null);
	})
	return divPrinc
}

//Ciclo per compilazione dropdown ricerca
for (var i=0;i<LayerCerca.length;i++) {
	var drdwn =document.getElementById('ricerche')
	var ellab = document.createElement('li')
	ellab.appendChild(document.createTextNode(LayerCerca[i][2]))
	ellab.id='ricerca'+i
	ellab.className="btn-xs btn-default lidrop"
	ellab.onclick=function(e) {
		cerca(e.target.id.replace('ricerca',''))
	}
	drdwn.appendChild(ellab)
	if (i<LayerCerca.length-1) {
		var eldiv = document.createElement('li')
		eldiv.className="divider"
		drdwn.appendChild(eldiv)
	}
}
//Ricerca geocode
var eldiv = document.createElement('li')
eldiv.className='divider'
drdwn.appendChild(eldiv)
var ellab = document.createElement('li')
ellab.appendChild(document.createTextNode('Cerca testo (Open Street Map)'))
ellab.id='ricercaGeoCode'
ellab.className='btn-xs btn-default lidrop'
ellab.onclick=function(e) {
	$('#searchModal').remove()
	var mod=creaModalGeocode()
	$(mod).modal('show')
}
drdwn.appendChild(ellab)

//Ricerca geocode
var eldiv = document.createElement('li')
eldiv.className='divider'
drdwn.appendChild(eldiv)
var ellab = document.createElement('li')
ellab.appendChild(document.createTextNode('Collegamento Google Maps'))
ellab.id='GoogleLink'
ellab.className='btn-xs btn-default lidrop'
ellab.onclick=function(e) {
	var sourceProj = mappe[0][0].getView().getProjection();
	var cw84 = ol.proj.transform(mappe[0][0].getView().getCenter(), sourceProj, 'EPSG:4326');
	var url='https://www.google.co.uk/maps/@'+cw84[1]+','+cw84[0]+','+mappe[0][0].getView().getZoom()+'z/data=!3m1!1e3'
	window.open(url)
}
drdwn.appendChild(ellab)

//Funzione ordinamento feature
function featSort(as, bs){
    for (i=0;i<ordRic.length;i++) {
		if (as.get(ordRic[i][0]) != bs.get(ordRic[i][0])) {
			return natSort(as.get(ordRic[i][0]),bs.get(ordRic[i][0]))*ordRic[i][1];
		}
	}
	return 0;
}

//Funzione ricerca eseguita da modal
function cercaOgg(saltaid) {
	if (saltaid==undefined) {saltaid=-1}
	trovate = []
	var f=featDaLay(layerByName(layRic[0],mappe[0][0],false))
	for (i=0;i<f.length;i++) {
		var trovato=true
		var cfr
		for (j=0;j<criteri.length;j++) {
			if (criteri[j][1]!="" && j!=saltaid) { //assenza valore equivale a disabilitare il campo
				cfr=String(f[i].get(criteri[j][0])).replace('null','').toLowerCase()
				if (cfr=="") {cfr = "---vuoto---"}
				if (criteri[j][3]==false) { //flag contiene
					if (cfr!==String(criteri[j][1]).toLowerCase()) {
						trovato=false
					} 
				}
				else {
					if (cfr.indexOf(String(criteri[j][1]).toLowerCase())==-1) {
						trovato=false
					} 
				}
			}
		}
		if (trovato) {
			trovate[trovate.length]=f[i]
		}
	}
}

function cercaOggetti() {
	cercaOgg()
	if (trovate.length==0) {
		$("#navric").hide()
		document.getElementById("noOggetti").innerHTML='nessun oggetto trovato'
	} else {
		curRic=1
		if (trovate.length>1) {
			if (ordRic != undefined) {
				trovate.sort(featSort)
			}
			$("#navric").show()
			$("#singric").hide()
			document.getElementById("ricprec").className="btn btn-disabled"
			document.getElementById("ricsucc").className="btn btn-info"
			document.getElementById("riccur").innerHTML=curRic+'/'+trovate.length
		}
		else {
			$("#navric").hide()
			$("#singric").show()
		}
		FeatSelCur=[[trovate[0],layRic[0],layRic[1]]]
		RimuoviMarcaSelezioneOv()
		visualizzaOggettiSel()
		SelFeat(trovate[0],true,false)
		$('#searchModal').modal('hide')
	}
}

//Funzione ricerca eseguita da dropdown
function cerca(idLayCerca) {
	var nomeLay ='-cerca-'+LayerCerca[idLayCerca][0]
	criteri =LayerCerca[idLayCerca][3]
	var titolo =LayerCerca[idLayCerca][2]
	$('#searchModal').remove()
	layRic=[nomeLay,layerByName(nomeLay,mappe[0][0],false).get('name')]
	ordRic=LayerCerca[idLayCerca][4]
	var mod=creaModalSearch(titolo)
	$(mod).modal('show')
}

function modifGeoWarn() {
	m=creaModalMsg("Modifica geometrica in corso","Confermare o annullare la modifica geometrica in corso prima di procedere");
	$(m).modal('show');
}

$(document).on("click", "#dropInsert", function(){
	if (curModifGeo) {
		modifGeoWarn()
		return;
	}
});

$(document).on("click", "#dropSearch", function(){
	if (curModifGeo) {
		modifGeoWarn()
		return;
	}
});

$(document).on("click", "#ricsucc", function(){
	if (curModifGeo) {
		modifGeoWarn()
		return;
	}
	if(curRic==trovate.length) {return}
	RimuoviMarcaSelezioneOv()
	curRic+=1
	document.getElementById("riccur").innerHTML=curRic+'/'+trovate.length
	if(curRic==trovate.length) {
		document.getElementById("ricsucc").className="btn btn-disabled"
	}
	document.getElementById("ricprec").className="btn btn-info"
	FeatSelCur=[[trovate[curRic-1],layRic[0],layRic[1]]]
	visualizzaOggettiSel()
	SelFeat(trovate[curRic-1],true)
});

$(document).on("click", "#ricprec", function(){
	if (curModifGeo) {
		modifGeoWarn()
		return;
	}
	if(curRic==1) {return}
	RimuoviMarcaSelezioneOv()
	curRic-=1
	document.getElementById("riccur").innerHTML=curRic+'/'+trovate.length
	if(curRic==1) {
		document.getElementById("ricprec").className="btn btn-disabled"
	}
	document.getElementById("ricsucc").className="btn btn-info"
	FeatSelCur=[[trovate[curRic-1],layRic[0],layRic[1]]]
	visualizzaOggettiSel()
	SelFeat(trovate[curRic-1],true)
});

$(document).on("click", "#riccur", function(){
	if (curModifGeo) {
		modifGeoWarn()
		return;
	}
	RimuoviMarcaSelezioneOv()
	FeatSelCur=[[trovate[curRic-1],layRic[0],layRic[1]]]
	visualizzaOggettiSel()
	SelFeat(trovate[curRic-1],true)
});

$(document).on("click", "#riccursing", function(){
	if (curModifGeo) {
		modifGeoWarn()
		return;
	}
	RimuoviMarcaSelezioneOv()
	FeatSelCur=[[trovate[curRic-1],layRic[0],layRic[1]]]
	visualizzaOggettiSel()
	SelFeat(trovate[curRic-1],true)
});

//////////////////////////////////////////
//////////TOOLTIP FUORI AREA

var helpTooltipElement= [];
var helpTooltip = [];
createHelpTooltip();
function createHelpTooltip() {
	for (m=0;m<mappe.length;m++) {
		if (helpTooltipElement[m]) {
			helpTooltipElement[m].parentNode.removeChild(helpTooltipElement[m]);
		}
		helpTooltipElement[m] = document.createElement('div');
		helpTooltipElement[m].className = 'tooltiphelp hidden';
		helpTooltip[m] = new ol.Overlay({
			element: helpTooltipElement[m],
			offset: [0, 0],
			positioning: 'bottom-center'
		});
		mappe[m][0].addOverlay(helpTooltip[m]);
	}
}

var fuori
mappe[0][0].on('pointermove', function(e) {ControllaCopertura(e,this)})
mappe[0][0].getViewport().addEventListener('mouseout', function() {
	helpTooltipElement[0].classList.add('hidden');
});

mappe[1][0].on('pointermove', function(e) {ControllaCopertura(e,this)})
mappe[1][0].getViewport().addEventListener('mouseout', function() {
	helpTooltipElement[1].classList.add('hidden');
});

// change mouse cursor when over marker
function ControllaCopertura(e,mappa){
	if ($(window).width()<768) {return} //EVITA CONTROLLA DOMINIO SU SMARTPHONE
	if (measuring) {return};
	mappa.getTarget().style.cursor = 'pointer';
	i=GetMapId(mappa)
	if (LayerBaseCorrente(mappa).get('dominio')=='' || LayerBaseCorrente(mappa).get('dominio')==undefined) {fuori=false;return}
	lay=layerByName(LayerBaseCorrente(mappa).get('title').replace('-grigio','')+LayerBaseCorrente(mappa).get('dominio'),mappa,false)
	var f=lay.getSource().getFeaturesAtCoordinate(e.coordinate)
	if (f.length>0) {
        helpTooltipElement[i].className='tooltiphelp hidden'
		fuori=false
	} else {
		mappa.getTarget().style.cursor = '';
        helpTooltipElement[i].innerHTML = 'AREA FUORI DOMINIO<BR><I>(non coperta dallo sfondo corrente)</I>'
		helpTooltip[i].setPosition(e.coordinate);

        helpTooltipElement[i].className='tooltiphelp'
		fuori=true
	}
}

//////////MARKER SEL
//////////////////////////////////////////

var selTooltipElement= [[null,null],[null,null]];
var selTooltip = [[null,null],[null,null]];
createselTooltip();
function createselTooltip() {
	for (m=0;m<mappe.length;m++) {
		for (s=0;s<2;s++) {
			if (selTooltipElement[m][s]) {
				selTooltipElement.parentNode.removeChild(selTooltipElement[m][s]);
			}
			selTooltipElement[m][s] = document.createElement('img');
			selTooltipElement[m][s].className = 'hidden';
			selTooltipElement[m][s].src='../_shared/resources/marker'+ (s==0 ? '' : '2') + '.png'
			selTooltip[m][s] = new ol.Overlay({
				element: selTooltipElement[m][s],
				stopEvent: false,
				offset: [0, 0],
				positioning: 'bottom-center'
			});
			mappe[m][s].addOverlay(selTooltip[m][s]);
		}
	}
}
function MarcaPuntoSelezioneOv(coord){
	for (m=0;m<mappe.length;m++) {
		for (s=0;s<2;s++) {
			selTooltip[m][s].setPosition(coord);
			$(selTooltipElement[m][s]).removeClass('hidden')
		}
	}
}

function RimuoviMarcaSelezioneOv(){
	for (m=0;m<mappe.length;m++) {
		for (s=0;s<2;s++) {
			$(selTooltipElement[m][s]).addClass('hidden')
		}
	}
}

////////////////////////////AVANZAMENTO
function layerCaricato(lay,canvasId) {
	if (lay.get('ReadWrite')=='RW') {
		if (document.getElementById(canvasId) != null) {
			aggiornaCanvas(canvasId,"Polygon",lay.getSource().getStyle())
		}
		return
	} else {
		if (featDaLay(lay).length>0) {
			if (document.getElementById(canvasId) != null) {
				aggiornaCanvas(canvasId,featDaLay(lay)[0].getGeometry().getType(),lay.getSource().getStyle())
			}
			return
		} else {
			document.getElementById("divLoadingText").innerHTML='Caricamento ' + lay.get('name') + '...'
			$("#divLoading").addClass('show')
			lay.getSource().on('change', function(e) {
				if (document.getElementById(canvasId) != null) {
					aggiornaCanvas(canvasId,featDaLay(lay)[0].getGeometry().getType(),lay.getSource().getStyle())
				}
				$("#divLoading").removeClass('show')
				ol.Observable.unByKey(this)
			})
		}
	}
}

////////////////////////////GEOCODER
function creaModalGeocode () {
	titolo = "Ricerca testo (Open Street Map)"
	ricercaImpostata=false
	divPrinc=document.createElement('div')
	divPrinc.className="modal fade"
	divPrinc.id="searchModal"
	divPrinc.role="dialog"

	divDlg=document.createElement('div')
	divDlg.className="modal-dialog modal-sm"
	
		var divContent=document.createElement('div')
		divContent.className="modal-content"
			
			var divHeader=document.createElement('div')
			divHeader.className="modal-header list-group-item active"
			
				var btnClose=document.createElement('button')
				btnClose.type="button"
				btnClose.className='btn btn-xs btn-danger pull-right'
				btnClose.dataset.dismiss="modal"
				btnClose.appendChild(document.createTextNode('X'))
				
				var mdlTitle=document.createElement('h5')
				mdlTitle.className='modal-title'
				mdlTitle.appendChild(document.createTextNode(titolo))
			
			divHeader.appendChild(btnClose)
			divHeader.appendChild(mdlTitle)
			
			var divBody=document.createElement('div')
			divBody.className="modal-body"
			
			
			var inp=document.createElement('input')
			inp.type='text'
			inp.id=progRic+'IndirizzoGeocode'
			$(inp).keyup(function(event){
				if(event.keyCode == 13){
					$('#'+'buttonGeocode').click();
				}
			});				
			inp.className="form-control"
			inp.placeholder='inserisci testo'
			var labinp=document.createElement('label')
			labinp.className="h5 text-info pull-left"
			labinp.appendChild(document.createTextNode("Testo"))
			divBody.appendChild(labinp)
			divBody.appendChild(inp)
			
			var divFooter=document.createElement('div')
			divFooter.className="modal-footer"
			
			var labNotFound=document.createElement('label')
			labNotFound.id="noOggetti"
			labNotFound.className="h5 text-danger pull-left"

			var btnSearch=document.createElement('button')
			btnSearch.type="button"
			btnSearch.id="buttonGeocode"
			btnSearch.onclick=function() {
				cercaOggettiGeocode($("#"+progRic+"IndirizzoGeocode").val())
				}
			btnSearch.className="btn btn-primary"
			//btnSearch.dataset.dismiss="modal"
			btnSearch.appendChild(document.createTextNode('cerca'))
				
			
			divFooter.appendChild(labNotFound)
			divFooter.appendChild(btnSearch)
			
		divContent.appendChild(divHeader)
		divContent.appendChild(divBody)
		divContent.appendChild(divFooter)
		
	
	divDlg.appendChild(divContent)
	divPrinc.appendChild(divDlg)
	$(divPrinc).on('shown.bs.modal',function () {
		$('#'+inp.id).focus()
	})
	$(divPrinc).on('hidden.bs.modal',function() {
		$(this).html('');
		$(this).data('bs.modal', null);
	})
	return divPrinc
}

//Funzione ricerca eseguita da modal
function cercaOggettiGeocode(indirizzo) {
	layRic = ["RisultatiGeocode","Ricerca testo (Open Street Map)"]
	trovate = []
	var address = indirizzo.replace(","," ");
	address =  $.trim(address).replace(" ","+");
	var city = GeocComune;
	var county = GeocProv;
	var country = "Italy";
	var query_string = address+","+city+","+county+","+country;
	query_string += "&format=json&limit=5&polygon=0&addressdetails=1";
	var geocodingAPI = "http://nominatim.openstreetmap.org/search?q=";
	geocodingAPI += query_string;
	$.getJSON(geocodingAPI, function (json) {
		if ($.isEmptyObject(json)) {
			$("#navric").hide()
			document.getElementById("noOggetti").innerHTML='testo non trovato'
		} else {
			var campi = ['lon','lat','display_name']
			var dati = []
			for (j=0;j<json.length;j++) {
				$.each(json[j], function(key, value) {
					for (i=0;i<campi.length;i++) {
						if (key == campi[i]) {
							dati[i]=value
						}
					}
				});
				var coord= ol.proj.transform([parseFloat(dati[0]), parseFloat(dati[1])],"EPSG:4326", mappe[0][0].getView().getProjection())
				trovate[trovate.length] = new ol.Feature({
					geometry: new ol.geom.Point(coord),
					Descrizione: dati[2]
				});
			}
			curRic=1
			if (trovate.length>1) {
				$("#navric").show()
				$("#singric").hide()
				document.getElementById("ricprec").className="btn btn-disabled"
				document.getElementById("ricsucc").className="btn btn-info"
				document.getElementById("riccur").innerHTML=curRic+'/'+trovate.length
			}
			else {
				$("#navric").hide()
				$("#singric").show()
			}
			for (i=0;i<trovate.length;i++) {
				FeatSelCur=[[trovate[0],layRic[0],layRic[1]]]
			}
			RimuoviMarcaSelezioneOv()
			visualizzaOggettiSel()
			SelFeat(trovate[0],true,false)
			$('#searchModal').modal('hide')
		}
	});	
	event.preventDefault();
}

////////////////////////////RICERCA COORDINATE
function creaModalCoord () {
	titolo = "Ricerca per coordinate geografiche (WGS84)"
	ricercaImpostata=false
	divPrinc=document.createElement('div')
	divPrinc.className="modal fade"
	divPrinc.id="searchModal"
	divPrinc.role="dialog"

	divDlg=document.createElement('div')
	divDlg.className="modal-dialog modal-sm"
	
		var divContent=document.createElement('div')
		divContent.className="modal-content"
			
			var divHeader=document.createElement('div')
			divHeader.className="modal-header list-group-item active"
			
				var btnClose=document.createElement('button')
				btnClose.type="button"
				btnClose.className='btn btn-xs btn-danger pull-right'
				btnClose.dataset.dismiss="modal"
				btnClose.appendChild(document.createTextNode('X'))
				
				var mdlTitle=document.createElement('h5')
				mdlTitle.className='modal-title'
				mdlTitle.appendChild(document.createTextNode(titolo))
			
			divHeader.appendChild(btnClose)
			divHeader.appendChild(mdlTitle)
			
			var divBody=document.createElement('div')
			divBody.className="modal-body"
			
			
			var inp=document.createElement('input')
			inp.type='text'
			inp.id=progRic+'Lon'
			$(inp).keyup(function(event){
				if(event.keyCode == 13){
					$('#'+'buttonCoord').click();
				}
			});				
			inp.className="form-control"
			inp.placeholder='inserisci valore (gradi con decimali)'
			var labinp=document.createElement('label')
			labinp.className="h5 text-info pull-left"
			labinp.appendChild(document.createTextNode("Longitudine"))
			divBody.appendChild(labinp)
			divBody.appendChild(inp)
			
			var inp2=document.createElement('input')
			inp2.type='text'
			inp2.id=progRic+'IndirizzoGeocode'
			$(inp2).keyup(function(event){
				if(event.keyCode == 13){
					$('#'+'buttonCoord').click();
				}
			});				
			inp2.className="form-control"
			inp2.placeholder='inserisci valore (gradi con decimali)'
			var labinp2=document.createElement('label')
			labinp2.className="h5 text-info pull-left"
			labinp2.appendChild(document.createTextNode("Latitudine"))
			divBody.appendChild(labinp2)
			divBody.appendChild(inp2)

			var divFooter=document.createElement('div')
			divFooter.className="modal-footer"
			
			var labNotFound=document.createElement('label')
			labNotFound.id="noOggetti"
			labNotFound.className="h5 text-danger pull-left"

			var btnSearch=document.createElement('button')
			btnSearch.type="button"
			btnSearch.id="buttonGeocode"
			btnSearch.onclick=function() {
				cercaOggettiCoordinate($("#"+progRic+"Lon").val(),$("#"+progRic+"Lat").val())
				}
			btnSearch.className="btn btn-primary"
			//btnSearch.dataset.dismiss="modal"
			btnSearch.appendChild(document.createTextNode('cerca'))
				
			
			divFooter.appendChild(labNotFound)
			divFooter.appendChild(btnSearch)
			
		divContent.appendChild(divHeader)
		divContent.appendChild(divBody)
		divContent.appendChild(divFooter)
		
	
	divDlg.appendChild(divContent)
	divPrinc.appendChild(divDlg)
	$(divPrinc).on('shown.bs.modal',function () {
		$('#'+inp.id).focus()
	})
	$(divPrinc).on('hidden.bs.modal',function() {
		$(this).html('');
		$(this).data('bs.modal', null);
	})
	return divPrinc
}

//Funzione ricerca eseguita da modal
function cercaOggettiCoordinate(Lon,Lat) {
	layRic = ["RisultatiCoord","Ricerca per coordinate geografiche"]
	trovate = []
	var coord= ol.proj.transform([parseFloat(Lon), parseFloat(Lat)],"EPSG:4326", mappe[0][0].getView().getProjection())
	if (1>2) { //Condizione va impostata confrontando con estensione overview
		$("#navric").hide()
		document.getElementById("noOggetti").innerHTML='coordinate non valide o esterne al territorio in esame'
	} else {
		trovate[trovate.length] = new ol.Feature({
			geometry: new ol.geom.Point(coord),
			Descrizione: dati[2]
		});
		curRic=1
		$("#navric").hide()
		$("#singric").show()
		for (i=0;i<trovate.length;i++) {
			FeatSelCur=[[trovate[0],layRic[0],layRic[1]]]
		}
		RimuoviMarcaSelezioneOv()
		visualizzaOggettiSel()
		SelFeat(trovate[0],true,false)
		$('#searchModal').modal('hide')
	}
	event.preventDefault();
}

function creaModalMsg (titolo,corpo) {
	divPrinc=document.createElement('div')
	divPrinc.className="modal fade"
	divPrinc.id="msgModal"
	divPrinc.role="dialog"

	divDlg=document.createElement('div')
	divDlg.className="modal-dialog modal-sm"
	
		var divContent=document.createElement('div')
		divContent.className="modal-content"
			
			var divHeader=document.createElement('div')
			divHeader.className="modal-header list-group-item active"
			
				var btnClose=document.createElement('button')
				btnClose.type="button"
				btnClose.className='btn btn-xs btn-danger pull-right'
				btnClose.dataset.dismiss="modal"
				btnClose.appendChild(document.createTextNode('X'))
				
				var mdlTitle=document.createElement('h5')
				mdlTitle.className='modal-title'
				mdlTitle.appendChild(document.createTextNode(titolo))
			
			divHeader.appendChild(btnClose)
			divHeader.appendChild(mdlTitle)
			
			var divBody=document.createElement('div')
			divBody.className="modal-body"
			divBody.innerHTML=corpo
			
			var divFooter=document.createElement('div')
			divFooter.className="modal-footer"
			
			var btnClose=document.createElement('button')
			btnClose.className="btn btn-primary"
			btnClose.type="button"
			btnClose.dataset.dismiss="modal"
			btnClose.appendChild(document.createTextNode('Chiudi'))
			
			divFooter.appendChild(btnClose)
			
		divContent.appendChild(divHeader)
		divContent.appendChild(divBody)
		divContent.appendChild(divFooter)
		
	
	divDlg.appendChild(divContent)
	divPrinc.appendChild(divDlg)
	$(divPrinc).on('hidden.bs.modal',function() {
		$(this).html('');
		$(this).data('bs.modal', null);
	})
	return divPrinc
}

/////////////////////ABOUT
$('#helpabout').on('click',function() {
	m=creaModalMsg("Informazioni",
	'<p><h6>'
	+'<img class="pull-left" src="../_shared/resources/mappeweb.png">'
	+'<div style="padding-top:4px; padding-left: 40px">'
	+'<strong>GESTIONE WEB<BR>CARTOGRAFIA TEMATICA</h6></strong>'
	+'</div>'
	+'<h6>sviluppato da:<BR>'
	+'<img class="pull-left" src="../_shared/resources/lzi.png">'
	+'<div style="padding-top:4px; padding-left: 30px">'
	+'<strong>STUDIO LUCA ZANELLA INGEGNERE<BR></strong>'
	+'<a href="http://www.lzi.it" target="_blank">www.lzi.it</a></h6></p>'
	+'</div>'
	+'<h6>utilizzando le librerie di terze parti:<BR>'
	+'<a href="http://openlayers.org/" target="_blank">Openlayers</a><BR>'
	+'<a href="http://getbootstrap.com/" target="_blank">Bootstrap</a><BR>'
	+'<a href="https://github.com/MrRio/jsPDF" target="_blank">jsPdf</a>'
	+'</h6></p>'
	)
	$(m).modal('show')
});

///////////////////////Style
//Variabili per parcheggio parametri stile corrente
var cl=[] //colori
var tr=[] //colore - trasparenza
var wi=[] //spessori

function estraiColore (colore) {
	var spl = colore.replace("rgba(","").replace("rgb(","").replace(")","").split(",")
	return 'rgb('+spl[0]+','+spl[1]+','+spl[2]+')'
}

function estraiTrasparenza (colore) {
	var spl = colore.replace("rgba(","").replace("rgb(","").replace(")","").split(",")
	spl[3]=Math.round(parseFloat(spl[3])*100/25)
	return trasparenze[spl[3]]
}

function creaModalStyle (canvas) {
	var mapId=parseInt(canvas.slice(0,1))-1
	var layname=canvas.replace('canvas','').slice(1)
	var lay=layerByName(layname,mappe[mapId][0])
	var style=lay.getSource().getStyle()
	if (lay.get('ReadWrite')=='RW') {
		var type="Polygon"
	} else {
		var type=lay.getSource().getSource().getFeatures()[0].getGeometry().getType()
	}
	divPrinc=document.createElement('div')
	divPrinc.className="modal fade"
	divPrinc.id="styleModal"
	divPrinc.role="dialog"

	divDlg=document.createElement('div')
	divDlg.className="modal-dialog modal-sm"
	
		var divContent=document.createElement('div')
		divContent.className="modal-content"
			
			var divHeader=document.createElement('div')
			divHeader.className="modal-header list-group-item active"
			
				var btnClose=document.createElement('button')
				btnClose.type="button"
				btnClose.className='btn btn-xs btn-danger pull-right'
				btnClose.dataset.dismiss="modal"
				btnClose.appendChild(document.createTextNode('X'))
				
				var mdlTitle=document.createElement('h5')
				mdlTitle.className='modal-title'
				mdlTitle.appendChild(document.createTextNode('Stile ' + lay.get('name')))
			
			divHeader.appendChild(btnClose)
			divHeader.appendChild(mdlTitle)
			
			var divBody=document.createElement('div')
			divBody.className="modal-body"

			cl[0]=estraiColore(style.getStroke().getColor())
			tr[0]=estraiTrasparenza(style.getStroke().getColor())
			wi[0]="spessore "+style.getStroke().getWidth()
			cl[1]=estraiColore(style.getFill().getColor())
			tr[1]=estraiTrasparenza(style.getFill().getColor())

			type.replace("Multi","")
			if (type == 'LineString') {
				var titStroke = document.createElement('div')
				titStroke.innerHTML=HTMLstile(0,"s",true,"Caratteristiche linea")
				divBody.appendChild(titStroke)
			}
			if (type == 'Polygon' || type == 'Point') {
				var titStroke = document.createElement('div')
				titStroke.innerHTML=HTMLstile(0,"s",true,"Caratteristiche bordo")
				divBody.appendChild(titStroke)
				var titFill = document.createElement('div')
				titFill.innerHTML=HTMLstile(1,"f",false,"Caratteristiche riempimento")
				divBody.appendChild(titFill)
			}
			
			var divFooter=document.createElement('div')
			divFooter.className="modal-footer"
			
			var btnClose=document.createElement('button')
			btnClose.className="btn btn-primary"
			btnClose.type="button"
			btnClose.onclick=function(){
				if (lay.get('ReadWrite')=='RW' || type == 'Point') {
					var StrCol = ricavaColore(cl[0],tr[0])
					var StrWidth = parseFloat(wi[0].replace("spessore ",""))
					var FillCol = ricavaColore(cl[1],tr[1])
					var radius = style.getImage().getRadius()
					lay.getSource().setStyle(creaStile(StrCol,StrWidth,FillCol,radius))
					layerCaricato(lay,canvas)
				} else {
					if (type == 'LineString' || type == 'Polygon') {
						style.getStroke().setWidth(parseFloat(wi[0].replace("spessore ","")))
						style.getStroke().setColor(ricavaColore(cl[0],tr[0]))
					}
					if (type == 'Polygon') {
						style.getFill().setColor(ricavaColore(cl[1],tr[1]))
					}
				}
				lay.getSource().changed()
			}
			btnClose.dataset.dismiss="modal"
			btnClose.appendChild(document.createTextNode('Conferma'))
			
			divFooter.appendChild(btnClose)
			
		divContent.appendChild(divHeader)
		divContent.appendChild(divBody)
		divContent.appendChild(divFooter)
		
	
	divDlg.appendChild(divContent)
	divPrinc.appendChild(divDlg)
	$(divPrinc).on('hidden.bs.modal',function() {
		$(this).html('');
		$(this).data('bs.modal', null);
	})
	return divPrinc
}

function aggiornaCanvas(canv,type,style) {
	if( typeof(style)=="function") {
		$("#"+canv).hide()
		return 
	}
	var cnv = document.getElementById(canv)
	var ctx = cnv.getContext("2d")
	var fc=style.getFill().getColor()
	var sc=style.getStroke().getColor()
	var sw=style.getStroke().getWidth()
	ctx.clearRect(0,0,cnv.width,cnv.height)
	if (type == "LineString") {
		ctx.beginPath()
		ctx.strokeStyle=sc
		ctx.lineWidth=sw
		ctx.moveTo(0,cnv.height/2)
		ctx.lineTo(cnv.width-sw/2,cnv.height/2)
		ctx.stroke()
		ctx.closePath()
	}
	else if (type == "Polygon") {
		ctx.beginPath();
		ctx.fillStyle=fc
		ctx.fillRect(0,0,cnv.width,cnv.height)
		ctx.strokeStyle=sc
		ctx.lineWidth=sw
		ctx.moveTo(0,sw/2)
		ctx.lineTo(cnv.width-sw/2,sw/2)
		ctx.lineTo(cnv.width-sw/2,cnv.height-sw/2)
		ctx.lineTo(sw/2,cnv.height-sw/2)
		ctx.lineTo(sw/2,sw/2)
		ctx.stroke()
		ctx.closePath()
	}
	else if (type == "Point") {
		var centerX = cnv.width / 2;
		var centerY = cnv.height / 2;
		var radius = 10-sw/2;
		ctx.beginPath();
		ctx.arc(centerX, centerY, radius, 0, 2 * Math.PI, false);
		ctx.fillStyle = fc;
		ctx.fill();
		ctx.lineWidth = sw;
		ctx.strokeStyle = sc;
		ctx.stroke();
		ctx.closePath()
	}
	$(cnv).show()
}

var colori = [
	'rgb(170,0,0)',
	'rgb(255,0,0)',
	'rgb(255,145,0)',
	'rgb(255,255,0)',
	'rgb(48,145,0)',
	'rgb(173,255,57)',
	'rgb(0,0,255)',
	'rgb(62,143,255)',
	'rgb(255,0,255)',
	'rgb(255,170,255)',
	'rgb(82,60,0)',
	'rgb(200,145,74)',
	'rgb(255,255,255)',
	'rgb(204,204,204)',
	'rgb(127,127,127)',
	'rgb(0,0,0)'
]
var trasparenze = [
		'trasparente',
		'trasparente al 25%',
		'trasparente al 50%',
		'trasparente al 75%',
		'coprente'
	]

var spessori = 6

function colore(idel,idcol) {
	htmlel = ["stile_sc","stile_fc"]
	cl[idel]=colori[idcol]
	document.getElementById(htmlel[idel]).style.backgroundColor=cl[idel]
}

function trasparenza(idel,idtras) {
	htmlel = ["stile_st","stile_ft"]
	tr[idel]=trasparenze[idtras]
	document.getElementById(htmlel[idel]).innerHTML=tr[idel]
}

function spessore(idel,idspes) {
	htmlel = ["stile_sw"]
	wi[idel]="spessore " + idspes
	document.getElementById(htmlel[idel]).innerHTML=wi[idel]
}

function ricavaColore(col,tra) {
	for (t=0;t<trasparenze.length;t++) {
		if (trasparenze[t]==tra) {
			return col.replace("rgb","rgba").replace(")","," + (t/(trasparenze.length-1))+")")
		}
	}
	return col.replace("rgb","rgba").replace(")","," + trasparenze[tra]+")")
}

function HTMLstile(id,lettera,spessore,intestazione) {
	html = ""
	+ '<div class= "list-group-item list-group-item-info">' + intestazione +'</div>'
		+ '<div class= "list-group-item">'
		+ '<ul class="list-inline">'
			+ '<li class="dropdown">'
				+ '<div class="btn-xs btn-default" data-toggle="dropdown">'
					+ '<span id="stile_'+ lettera +'c" class="btn-xs btncolore" style="background-color: '
					+ cl[id] +'"></span>'
					+ '<span class="caret"></span>'
				+ '</div>'
				+ '<ul class="dropdown-menu colordrop">'
					+ '<ul class="list-inline">'
						var linc=0
						for (c=0;c<colori.length;c++) {
							html = html
							+ '<li><span onclick="colore('+id+','+c+')" class="btn-xs btncolore" style="background-color: '+colori[c]+'"></span></li>'
							linc+=1
							if (linc==4 && c<colori.length-1) {
								linc=0
								html = html
								+ '</ul>'
								+ '<ul class="list-inline">'
							}
						}
					html = html
					+ '</ul>'
				+ '</ul>'
			+ '</li>'
			+ '<li class="dropdown">'
				+ '<div class="btn-xs btn-default" data-toggle="dropdown">'
					+ '<span id="stile_'+ lettera +'t">' + tr[id] + '</span>'
					+ '<span class="caret"></span>'
				+ '</div>'
				+ '<ul class="dropdown-menu">'
					for (c=0;c<trasparenze.length;c++) {
						html = html
						+ '<li onclick="trasparenza('+id+','+c+')" class="btn-xs btn-default lidrop">'+trasparenze[c]+'</li>'
					}
				html = html
				+ '</ul>'
			+ '</li>'
			if (spessore) {
				html = html
				+ '<li class="dropdown">'
					+ '<div class="btn-xs btn-default" data-toggle="dropdown">'
						+ '<span id="stile_'+ lettera +'w">' + wi[id] + '</span>'
						+ '<span class="caret"></span>'
					+ '</div>'
					+ '<ul class="dropdown-menu">'
					for (c=1;c<spessori+1;c++) {
						html = html
						+ '<li onclick="spessore('+id+','+c+')" class="btn-xs btn-default lidrop">spessore '+c+'</li>'
					}
					html = html
					+ '</ul>'
				+ '</li>'
			}
		html = html
		+ '</ul>'
	+ '</div>'
	return html
}