function showHide(id,show){
    if (show){
        document.getElementById(`${id}_v`).style.display = 'inline'
        document.getElementById(`${id}_h`).style.display = 'none'    
        
    }else{
        document.getElementById(`${id}_h`).style.display = 'inline'
        document.getElementById(`${id}_v`).style.display = 'none'    
    
    }   
    
    
    var cc = document.getElementById(`${id}_c`)
    if (cc){
        if (show){
            document.getElementById(`${id}_c`).style.display = 'inline'    
        }else{
            document.getElementById(`${id}_c`).style.display = 'none'    
        }
    }

}





function _load(){


if (map.mydata){
	_clear(); 
}
	

var d= select_value('dist');
var q= select_value('query');
var dm= select_value('dateMaj');
var pma= select_value('pma');
var pmi= select_value('pmi');
var sma= select_value('sma');
var smi= select_value('smi');
var stma= select_value('stma');
var stmi= select_value('stmi');



var c = crech.getLatLng(); 
ocenter = [ c.lat , c.lng ]; 

var xmlhttp = new XMLHttpRequest();
var url = `/~admin/arduino/map_json.php?lat=${ocenter[0]}&lng=${ocenter[1]}&q=${q}&d=${d}&dm=${dm}&pma=${pma}&pmi=${pmi}&sma=${sma}&smi=${smi}&stma=${stma}&stmi=${stmi}`; 

if(window.location.hash) {
	var url = `/~admin/arduino/map_json.php?${window.location.hash.replace('#','')}`; 
} 

if (map.rayon != null){
	map.rayon.remove();
}

if (Number.isInteger(parseInt(d))) {
	map.rayon = L.circle(ocenter, {
			color: "blue",		
			fillOpacity: 0,
			opacity: 1,
			radius: 1000*d
		}).addTo(map)	
}



var popup = L.popup()
	.setLatLng(ocenter)
	.setContent('<blink>loading Data ... </blink>')
	.openOn(map);


xmlhttp.onreadystatechange = function() {
	if (this.readyState == 4 && this.status == 200) {

		try{

		
			var data = JSON.parse(this.responseText);
			map.mydata = data
			_table();


			if (Object.keys(data).length==0){
				document.getElementById("info").innerHTML = "nothing" ; 
				//alert("nothing"); 			
			}else{
				document.getElementById("info").innerHTML = "found "+ Object.keys(data).length; 
			}


			var m0  = "";
			var i = 0 ; 
			for( m in data ){

				console.log(m); 
				if (m0==""){
					m0 =m 
					//_detail(m0);				
					ocenter = [data[m0]['geoloc'][1], data[m0]['geoloc'][0]]; 
				}

				_draw(m);

				if (Object.keys(data).length==1){
					//_detail(m)
					_openPopup(m,null)
				}

				/*
				var url = "map_detail.php?_id="+m;
				console.log(url);
				const response = await fetch(url);
	*/
	/*
				const m2 = m ; 
				setTimeout(() => {  _detail(m2); }, i*2000);
				i+=1 ; 
	*/


			}

		}catch(error){
			document.getElementById("info").innerHTML = "error" ; 
			console.log(error);
		}

		//map.closePopup();
		popup.remove();
		if (map.rayon != null){
			map.rayon.remove();
		}
		//map.setView(ocenter, 8);
		

}
}
        

xmlhttp.open("POST", url, true);
s_form_change()
xmlhttp.setRequestHeader("X-User", document.gmail);
xmlhttp.send(JSON.stringify(document.form_d));

}// _load()

function _clear(){

	for( m in map.mydata ){

		if (map.mydata[m].marker)map.mydata[m].marker.remove();
		if (map.mydata[m].circle)map.mydata[m].circle.remove();
	}

}