var mapa_osm_lf = '';
var mapa_osm_layers = new Array();
var langOsm = '';
var markery_kat = [];


function mapa_osm(dane) {
	
	langOsm = dane.lang;
	
	this.xml = dane.xml;
	this.linki = dane.linki;
	this.grupy = dane.grupy;
	this.kml = dane.kml;
	this.div = dane.div;
	this.punkt = dane.punkt;
	this.divload = dane.divload;
	this.layers = dane.layers;
	
	var zoom = (dane.zoom) ? dane.zoom : 6;
	var maxzoom = (dane.maxzoom) ? dane.maxzoom : 18;
	var minzoom = (dane.minzoom) ? dane.minzoom : 0;
	
	mapa_osm_lf = L.map(this.div,{
		minZoom: minzoom,
		maxZoom: maxzoom	
	}).setView([52.237888, 21.01030], zoom);

	L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
	    attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
	}).addTo(mapa_osm_lf);
	
	if (this.xml) {
		mapa_osm_wczytajMarkery(this.xml,this.grupy,this.linki,this.divload,zoom);	
	}
	
	if (this.layers) {
		for (var klucz in dane.layers) {
			var ddane = dane.layers[klucz];
			if (ddane.type == 'kml') {
				mapa_osm_layers[klucz] = new L.KML(ddane.link, {async: true});
				mapa_osm_lf.addLayer(mapa_osm_layers[klucz]);
			} else if (ddane.type == 'xml') {
				mapa_osm_wczytajMarkery(ddane.link,false,this.linki,false,zoom);
			} else if (ddane.type == 'json') {
				mapa_osm_layers[klucz] = new L.GeoJSON.AJAX(ddane.link,{onEachFeature:mapa_osm_geo_popUp});
				mapa_osm_lf.addLayer(mapa_osm_layers[klucz]);
			}
		}
	}
	
	if (this.punkt) {
		mapa_osm_wczytajMarker(this.punkt,zoom);
	}
}

function mapa_osm_wczytajMarkery(xml_link,grupy,linki,divload,zoom) {
	var ox = 0;
	var oy = 0;

    jx.load(xml_link, function(xml) {
    	var markery = xml.getElementsByTagName("obiekt");
    	var startmap = xml.getElementsByTagName("wspolrzedne");

		for (var i = 0; i < startmap.length; i++) {
			var markerc = startmap[i].childNodes[0].nodeValue.split(',');
			ox = ox + parseFloat(markerc[0]);
			oy = oy + parseFloat(markerc[1]);

		}
		if (ox > 0) {  ox = ox / i;	} else {   ox = 52.237888;  }
		if (oy > 0) {  oy = oy / i;	} else {   oy = 21.010304;  }     

		mapa_osm_center(ox,oy,zoom);	
		
		for(var i=0; i<markery.length; i++) {
			var ico = '';
			var opis = '';
			var ikonka_id = '';
			var marker = markery[i].getElementsByTagName("wspolrzedne")[0].childNodes[0].nodeValue.split(',');
			var nazwa = markery[i].getElementsByTagName("nazwa")[0].childNodes[0].nodeValue;

			var kategoria = markery[i].attributes.getNamedItem('typ').value;
			var url = '';

			var foto = '';

			if (markery[i].getElementsByTagName("opis")[0].childNodes[1]) {
				var opis = markery[i].getElementsByTagName("opis")[0].childNodes[1].nodeValue;
			}
			if (markery[i].getElementsByTagName("url")[0].childNodes[0]) {
				var url = markery[i].getElementsByTagName("url")[0].childNodes[0].nodeValue;
			}
			if (linki) {
				var url = markery[i].getElementsByTagName("link")[0].childNodes[0].nodeValue;
			} 
			if (markery[i].getElementsByTagName("obrazek")[0].childNodes[0]) {
				var foto = markery[i].getElementsByTagName("obrazek")[0].childNodes[0].nodeValue;
			}

			if (markery[i].getElementsByTagName("ikonka_url")[0].childNodes[0]) {
				var ikonka_id = markery[i].getElementsByTagName("ikonka_id")[0].childNodes[0].nodeValue;
				var ikonka = markery[i].getElementsByTagName("ikonka_url")[0].childNodes[0].nodeValue;
				var ikonka_x = markery[i].getElementsByTagName("ikonka_x")[0].childNodes[0].nodeValue;
				var ikonka_y = markery[i].getElementsByTagName("ikonka_y")[0].childNodes[0].nodeValue;

				var ico = L.icon({
				    iconUrl: ikonka,
				    iconAnchor: [parseInt(ikonka_x), parseInt(ikonka_y)]
				});
			}
			var loaddiv = '';
			
			if (divload) {
				var myHtml = '';
				loaddiv = url;
			} else {
				var myHtml = '<div class="map-object">';
			 	if (foto) {
					myHtml += '<img src="'+foto+'" class="foto_left">';
			  	}
				myHtml += '<strong>'+nazwa+'<\/strong><p>'+opis+'</p>';
	
				if (url) {
					myHtml += '<p><a href="'+url+'" class="button">'+langOsm.wiecej+'<\/a><\/p>';
				}

				myHtml += '<\/div>';
			}

			mapa_osm_dodajpunkt(marker,nazwa,myHtml,kategoria,ico,ikonka_id,loaddiv,grupy);
    	}
    	if (grupy) {
    		mapa_osm_grupy(markery_kat,1);
    	}	
    },'xml','get');
}

function mapa_osm_wczytajMarker(punkt,zoom) {
   	var ox = 0;
	var oy = 0;
	if (punkt.ox > 0) {  ox = punkt.ox;	} else {   oy = 52.237888;  }
	if (punkt.oy > 0) {  oy = punkt.oy;	} else {   ox = 21.010304;  }     

	mapa_osm_center(oy,ox,zoom);

	var oxy = Array(punkt.oy,punkt.ox);
	
	var myHtml = '<div class="map-object"><strong>'+punkt.nazwa+'<\/strong><p>'+punkt.opis+'</p><\/div>';
	
	var ico = '';
	var ikonka = '';
	if (punkt.ikonka) {
		var ikonka_x = parseInt(punkt.ikonka_x);
		var ikonka_y = parseInt(punkt.ikonka_y);
		var ico = L.icon({
		    iconUrl: punkt.ikonka,
		    iconAnchor: [parseInt(punkt.ikonka_x), parseInt(punkt.ikonka_y)]
		});
	}
	mapa_osm_dodajpunkt(oxy,punkt.nazwa,myHtml,'',ico,'');
}

function mapa_osm_dodajpunkt(oxy,nazwa,dymek,kategoria,ikonka,ikonka_id,loaddiv,grupy) {
	
	var marker = L.marker([oxy[0], oxy[1]],{
		title: nazwa,
	}).bindPopup(dymek);
	
	if (ikonka) { marker.setIcon(ikonka); }
	
	if (!grupy) {
		marker.addTo(mapa_osm_lf);
	}

	marker.kategoria = kategoria;
	marker.ikonka = ikonka_id;
	markery_kat.push(marker);
	
	return marker;
}

function mapa_osm_pokaz_punkt(pokaz,co,kategoria) {
	var pokaz = pokaz.checked;

	for (var i=0; i<markery_kat.length; i++) {
		if (co == 'kategoria') {
			if (markery_kat[i].kategoria == kategoria) {
				if (pokaz) {
					markery_kat[i].addTo(mapa_osm_lf);
				} else {
					markery_kat[i].remove();
				}
			}
		} else if (co == 'ikonka') {
			if (markery_kat[i].ikonka == kategoria) {
				if (pokaz) {
					markery_kat[i].addTo(mapa_osm_lf);
				} else {
					markery_kat[i].remove();
				}
			}
		}
	}
}

function mapa_osm_pokaz_wszystkie(pokaz,kategoria,kml) {
	var pokazz = pokaz.checked;
	var kliki = document.getElementsByName(kategoria);
	for (var i=0; i < kliki.length; i++) {
       kliki[i].checked = pokazz;  
    }

	for (var i=0; i<markery_kat.length; i++) {
		if (pokazz) {
			markery_kat[i].addTo(mapa_osm_lf);
		} else {
			markery_kat[i].remove();
		}
	}
	//if (!kml) {
	//	return false;
	//}
	//var kliki1 = document.getElementsByName('kml');
	//for (var i=0; i<mapa_googla_obiekty.length; i++) {
	//	mapa_googla_pokaz_kml(pokaz,mapa_googla_obiekty[i]);
	//	kliki1[i].checked = pokazz;  
	//}
}

function mapa_osm_pokaz_warstwa(pokaz,mapa) {
	var pokaz = pokaz.checked;
	if (!mapa_osm_layers[mapa]) {
		return false;
	}
	if (pokaz) {
		mapa_osm_lf.addLayer(mapa_osm_layers[mapa]);
	} else {
		mapa_osm_lf.removeLayer(mapa_osm_layers[mapa]);
	}
}

function mapa_osm_grupy(markery) {	
	var markers = L.markerClusterGroup();	
	for (var i=0; i<markery_kat.length; i++) {
		markers.addLayer(markery_kat[i]);
	}
	mapa_osm_lf.addLayer(markers);	
}

function mapa_osm_center(x,y,zoom) {
	mapa_osm_lf.setView([x,y],zoom);
}

function mapa_osm_geo_popUp(f,l){
    var out = [];
    if (f.properties){
        for(key in f.properties){
            out.push(key+": "+f.properties[key]);
        }
 
        var html = '<div class="map-object">'+out.join("<br />")+'<\/div>';
        l.bindPopup(html);
    }
}