/**
 * @file map_poi.js
 * @version 20170906 ms
 * @type JS
 * @use map.js, internet.js
 * 
 * Erweiterung für map.js zur Darstellung von "POI"-Overlays
 * benötigt: map.js, internet.js
 */

/**
 * @extends class KMap in map.js 
 */
KMap.prototype.PoiMode=2;	// 1 normal, 2 raster, 3 cluster
KMap.prototype.PoiSize=16;
KMap.prototype.PoiDist=18;
KMap.prototype.PoiSnapDist=24;
KMap.prototype.PoiSymbol={};
KMap.prototype.pois=[];

KMap.prototype.PoiClusterRadius=24;
KMap.prototype.PoiClusterColor="rgba(241,149,59,.8)";
KMap.prototype.PoiClusterSymSize=24;
KMap.prototype.PoiClusterFont="normal bold 14px sans-serif";
KMap.prototype.PoiClusterFontColor="rgb(255,255,255)";
KMap.prototype.PoiMaxTipNum=50;

KMap.prototype.PoiTileSize=512;
KMap.prototype.PoiTileSizeOverflow=0;
KMap.prototype.PoiTiles=[];
KMap.prototype.PoiV=[];
KMap.prototype.PoiClusters=[];
KMap.prototype.PoiStaticShapes=[];
KMap.prototype.PoiFilterShapes=[];

KMap.prototype.PoiPlane=null;
//KMap.prototype.PoiNumImgPlanes=0;
KMap.prototype.PoiCanvas=null;
KMap.prototype.PoiCtx=null;

/*
Required tags of one poi record: id,x,y,prior,type,symbol
Optional tags of one poi record: fix,text,shp
*/
KMap.prototype.PoiPutTile=function(id,recs){
	this.PoiTileRemove(id);
	this.pois.push({"id":id,"recs":recs});
	if(!this.Dragging) this.PoiDrawPois();
}

KMap.PoiSort=function(a,b){
	return b.prior-a.prior;
}
KMap.prototype.PoiPlaceInRaster=function(tt){
	for(var a=0;a<tt.length;a++){
		var t=tt[a];
		var yes=true,xx=t.mx,yy=t.my;
		if(t.fix){
			for(var b=0;b<this.PoiV.length;b++)
				if(Math.abs(t.mx-this.PoiV[b].xx)<this.PoiDist && Math.abs(t.my-this.PoiV[b].yy)<this.PoiDist){yes=false;break;}
		}else{
			var dmin=Number.MAX_VALUE,anchor=null;
			for(var b=0;b<this.PoiV.length;b++){
				var dx=Math.abs(t.mx-this.PoiV[b].xx);var dy=Math.abs(t.my-this.PoiV[b].yy);
				if(dx<this.PoiSnapDist && dy<this.PoiSnapDist){
					var d=Math.sqrt(dx*dx+dy*dy);
					if(d<dmin){dmin=d;anchor=this.PoiV[b];}
				}
			}
			if(anchor){
				var b=0;yes=false;
				dmin=Number.MAX_VALUE;
				while(b<8){
					var x=anchor.xx,y=anchor.yy;
					switch(b){
					case 0:x+=this.PoiDist;break;
					case 1:x-=this.PoiDist;break;
					case 2:y+=this.PoiDist;break;
					case 3:y-=this.PoiDist;break;
					case 4:x+=this.PoiDist;y+=this.PoiDist;break;
					case 5:x-=this.PoiDist;y+=this.PoiDist;break;
					case 6:x-=this.PoiDist;y-=this.PoiDist;break;
					case 7:x+=this.PoiDist;y-=this.PoiDist;
					}
					var dx=Math.abs(t.mx-x),dy=Math.abs(t.my-y);
					var no=false;
					for(var c=0;c<this.PoiV.length;c++)
						if(Math.abs(x-this.PoiV[c].xx)<this.PoiDist && Math.abs(y-this.PoiV[c].yy)<this.PoiDist){no=true;break;}
					if(!no){
						yes=true;
						var d=Math.sqrt(dx*dx+dy*dy);if(d<dmin){dmin=d;xx=x;yy=y;}
					}
					b++;
				}
			}
		}
		if(yes){t.xx=xx;t.yy=yy;this.PoiV.push(t);}
	}
}
KMap.prototype.PoiPlaceInCluster=function(t){
	var dmin=this.PoiClusterRadius,i=-1;
	for(var a=0;a<this.PoiClusters.length;a++){
		var c=this.PoiClusters[a];
		var dx=c.pois[0].xx-t.xx;var dy=c.pois[0].yy-t.yy;var d=Math.sqrt(dx*dx+dy*dy);
		if(d<dmin){dmin=d;i=a;}
	}
	if(i>-1){
		c=this.PoiClusters[i];
		c.pois.push(t);
		c.sx+=t.xx;c.sy+=t.yy;
		c.x=c.sx/c.pois.length;c.y=c.sy/c.pois.length;
	}else
		this.PoiClusters.push({pois:[t],x:t.xx,y:t.yy,sx:t.xx,sy:t.yy});
}
KMap.prototype.PoiDissolveClusters=function(){
	for(var a=this.PoiClusters.length-1;a>0;a--){
		var c1=this.PoiClusters[a];
		var dmin=this.PoiClusterRadius,i=-1;
		for(var b=0;b<a;b++){
			var r=this.PoiClusters[b];
			var dx=c1.x-r.x,dy=c1.y-r.y;var d=Math.sqrt(dx*dx+dy*dy);
			if(d<dmin){dmin=d;i=b;}
		}
		if(i>-1){ //merge clusters
			var r=this.PoiClusters[i];
			r.pois=r.pois.concat(c1.pois);
			r.sx+=c1.sx;r.sy+=c1.sy;
			r.x=r.sx/r.pois.length;r.y=r.sy/r.pois.length;
			this.PoiClusters.splice(a,1);
		}
	}
	for(a=this.PoiClusters.length-1;a>=0;a--) if(this.PoiClusters[a].pois.length==1){this.PoiV.push(this.PoiClusters[a].pois[0]);this.PoiClusters.splice(a,1);}
}
KMap.prototype.PoiDrawPois=function(){
	this.PoiV=[];this.PoiClusters=[];var poiShapes=[];var PoiIDs={};var tt=[];
	
	var PoiShapesAdd = function(shp) {
		if(shp.sym) {
			for(var a = 0; a < shp.sym.length; a++) {
				var s = {type: shp.type, pts: shp.pts};
				for(var key in shp.sym[a]) s[key] = shp.sym[a][key];
				if(!s.z) s.z = 0;
				poiShapes.push(s);
			}
		} else
			poiShapes.push(shp);
	};

	for(var a=0;a<this.pois.length;a++){
		for(var b=0;b<this.pois[a].recs.length;b++){
			var t=this.pois[a].recs[b];
			if(!t.id || !PoiIDs[t.type+t.id]){
				if(t.id) PoiIDs[t.type+t.id]=true;
				if(t.sym){
					switch(this.PoiMode){
						case 1:
							t.xx=Math.round((t.x-this.xmin)/this.mpp);t.yy=Math.round((this.ymax-t.y)/this.mpp);
							if(t.xx>=0 && t.yy>=0 && t.xx<this.mapw && t.yy<this.maph) this.PoiV.push(t);
							break;
						case 2:
							t.mx=Math.round((t.x-this.xmin)/this.mpp);t.my=Math.round((this.ymax-t.y)/this.mpp);
							if(t.mx>=0 && t.my>=0 && t.mx<this.mapw && t.my<this.maph) tt.push(t);	//this.PoiPlaceInRaster(t);
							break;
						case 3:
							t.xx=Math.round((t.x-this.xmin)/this.mpp);t.yy=Math.round((this.ymax-t.y)/this.mpp);
							if(t.xx>=-this.PoiSnapDist && t.yy>=-this.PoiSnapDist && t.xx<this.mapw+this.PoiSnapDist && t.yy<this.maph+this.PoiSnapDist) this.PoiPlaceInCluster(t);
							break;
					}
				}
				if(t.shp){
					if(Array.isArray(t.shp))
						for(var c=0;c<t.shp.length;c++) PoiShapesAdd(t.shp[c]);
					else
						PoiShapesAdd(t.shp);
				}
			}
		}
	}
	if(this.PoiMode==2){
		tt.sort(KMap.PoiSort);
		this.PoiPlaceInRaster(tt);
	}else if(this.PoiMode==3)
		this.PoiDissolveClusters();
	this.PoiCanvasClear();
	if(this.PoiPlane) this.mapback.removeChild(this.PoiPlane);
	this.PoiPlane=document.createElement("div");
	var st=this.PoiPlane.style;st.position="absolute";st.zIndex="1003";st.width=this.mapw+"px";st.height=this.maph+"px";
	this.PoiCanvas.width=this.mapw;this.PoiCanvas.height=this.maph;
	this.mapback.appendChild(this.PoiPlane);
	for(a=0;a<this.PoiV.length;a++){
		if(this.PoiV[a].sym){
			var i=document.createElement("img");
			var sym=this.PoiSymbol[this.PoiV[a].type];
			if(sym.symbols){
				i.src=sym.symbols[this.PoiV[a].sym.id][this.PoiV[a].sym.style];
			}else{
				i.src=sym["src"].replace(/{sym}/g,encodeURIComponent(this.PoiV[a].sym).replace(/%2F/g,"/")).replace(/{size}/g,sym["size"] ? sym["size"]:this.PoiSize);
			}
			if(sym["size"]){
				i.style.position="absolute";i.style.left=(this.PoiV[a].xx-sym["size"]/2)+"px";i.style.top=(this.PoiV[a].yy-sym["size"]/2)+"px";i.style.width=i.style.height=sym["size"]+"px";
			}else{
				i.style.position="absolute";i.style.left=(this.PoiV[a].xx-this.PoiSize/2)+"px";i.style.top=(this.PoiV[a].yy-this.PoiSize/2)+"px";i.style.width=i.style.height=this.PoiSize+"px";
			}
			if(this.PoiV[a].opacity) i.style.opacity=this.PoiV[a].opacity;
			this.PoiPlane.appendChild(i);
			if(this.PoiV[a].movable) this.PoiV[a].o=i;
		}
		if(this.PoiV[a].label) this.PoiDrawLabel(this.PoiV[a].xx,this.PoiV[a].yy,this.PoiV[a].label);
	}

	for(var a = 0; a < this.PoiStaticShapes.length; a++) PoiShapesAdd(this.PoiStaticShapes[a]);
	this.PoiCtx.lineCap="round";
	this.PoiCtx.lineJoin="round";
	poiShapes.sort(KMap.PoiShpSort);
	for(var a=0;a<poiShapes.length;a++) this.PoiDrawShp(poiShapes[a]);

	if(this.PoiMode==3){
		for(var a=0;a<this.PoiClusters.length;a++){
			var c=this.PoiClusters[a];
			this.PoiCtx.beginPath();
			this.PoiCtx.arc(c.x,c.y,this.PoiClusterSymSize/2*1.5,0,2*Math.PI);
			this.PoiCtx.fillStyle="rgba(255,255,255,0.5)";
			this.PoiCtx.fill();
		}
		for(var a=0;a<this.PoiClusters.length;a++){
			c=this.PoiClusters[a];
			this.PoiCtx.beginPath();
			this.PoiCtx.arc(c.x,c.y,this.PoiClusterSymSize/2,0,2*Math.PI);
			this.PoiCtx.fillStyle=this.PoiClusterColor;
			this.PoiCtx.fill();
		}
		this.PoiCtx.textAlign="center";
		this.PoiCtx.textBaseline="middle";
		this.PoiCtx.font=this.PoiClusterFont;
		this.PoiCtx.fillStyle=this.PoiClusterFontColor;
		for(var a=0;a<this.PoiClusters.length;a++){
			c=this.PoiClusters[a];
			this.PoiCtx.fillText(c.pois.length,c.x,c.y);
		}
	}

	for(var a= 0; a < this.PoiFilterShapes.length; a++) this.PoiDrawShp(this.PoiFilterShapes[a]);
}
KMap.prototype.PoiDrawLabel=function(x,y,label){
	var t="<font style='font-size:"+(label.size?label.size:"11")+"px;font-weight:bold;font-style:italic;color:rgba("+label.color+")'>"+label.text+"</font>";
	var l=document.createElement("div");
	l.innerHTML=t;
	this.PoiPlane.appendChild(l);
	l.style.position="absolute";
	//l.style.left=(x-l.offsetWidth/2)+"px";
	l.style.left=(x+this.PoiSize/2+1)+"px";
	l.style.top=(y-l.offsetHeight/2)+"px";
}

KMap.PoiShpSort=function(a,b){
	return a.z-b.z;
}
KMap.prototype.PoiDrawShp=function(shp){
	if(shp.view && shp.view!="web") return;
	if(shp.type>1){
		this.PoiCtx.beginPath();
		for(var a=0;a<shp.pts.length;a++){
			if(shp.pts[a].length){
				for(var b=0;b<shp.pts[a].length;b++){var xy=this.Geo2Px(shp.pts[a][b]);if(b) this.PoiCtx.lineTo(xy[0],xy[1]); else this.PoiCtx.moveTo(xy[0],xy[1]);}
				if(shp.type==3) this.PoiCtx.closePath();
			}
		}
		if(shp.type == 3) {
			if(shp.fillColor) {
				this.PoiCtx.fillStyle = "rgba("+shp.fillColor+")";
				this.PoiCtx.fill();
			}
			if(shp.hatchColor || shp.hatchWidth) {
				this.PoiCtx.fillStyle = this.PoiCreateHatch(shp);
				this.PoiCtx.fill();
			}
		}
		if(shp.penColor || shp.penWidth) {
			this.PoiCtx.strokeStyle = typeof shp.penColor !== 'undefined'? "rgba("+shp.penColor+")" : "black";
			this.PoiCtx.lineWidth = typeof shp.penWidth !== 'undefined'? shp.penWidth : 1;
			this.PoiCtx.setLineDash(typeof shp.penDash !== 'undefined'? shp.penDash : []);
			this.PoiCtx.stroke();
		} 
	}
}
KMap.prototype.PoiCreateHatch=function(sym){
	var gap = sym.hatchGap || 10;
	var canvas = document.createElement("canvas");
	canvas.width = canvas.height = gap;
	var ctx = canvas.getContext("2d");
	ctx.beginPath();
	ctx.moveTo(0, gap/2); ctx.lineTo(gap/2, 0);
	ctx.moveTo(gap/2, gap); ctx.lineTo(gap, gap/2);
	ctx.strokeStyle = "rgba("+sym.hatchColor+")" || 'black';
	ctx.lineWidth = sym.hatchWidth || 1.5;
	ctx.lineCap = "round";
	ctx.stroke();
	return this.PoiCtx.createPattern(canvas, "repeat");
}
KMap.prototype.PoiCanvasClear=function(){
	this.PoiCtx.clearRect(0,0,this.PoiCanvas.width,this.PoiCanvas.height);
}

KMap.prototype.PoiStaticShapesClear=function(){
	this.PoiStaticShapes=[];
}
KMap.prototype.PoiStaticShapesAdd=function(shp){
	this.PoiStaticShapes.push(shp);
}
KMap.prototype.PoiStaticShapesSet=function(shps){
	this.PoiStaticShapes=shps;
}

KMap.prototype.PoiFilterShapesSet=function(shps){
	this.PoiFilterShapes=[];
	for(var a = 0; a < shps.length; a++)
		this.PoiFilterShapes.push({type: shps[a].type, pts: shps[a].pts, penColor: "255,0,128,0.8", penWidth: 3, penDash: [10, 10]});
	this.LoadSoon();
}

KMap.prototype.PoiFind=function(x,y){
	var m=this,objs=[],pois=[];
	// search arranged POIs:
	for(var a=0;a<m.PoiV.length;a++){
		var dx=m.PoiV[a].xx-x,dy=m.PoiV[a].yy-y;
		var d=Math.sqrt(dx*dx+dy*dy);
		if(d<m.PoiSize/2){objs.push([m.PoiV[a],d]);}
	}
	objs.sort(function(a,b){
		return a[1]-b[1];
	});
	for(a=0;a<objs.length;a++) pois.push(objs[a][0]);
	if(pois.length>0) return pois;
	// search clusters:
	for(a=0;a<m.PoiClusters.length;a++){
		var c=m.PoiClusters[a];
		var dx=x-c.x,dy=y-c.y;var d=Math.sqrt(dx*dx+dy*dy);if(d<=m.PoiClusterSymSize/2) return c.pois;
	}
	// search shapes:
	var fr=[],ids={};
	var dmax=m.PoiSize/4*m.mpp;
	var pt=new KPoint(m.xmin+x*m.mpp,m.ymax-y*m.mpp);
	for(var a=0;a<m.pois.length;a++){
		for(var b=0;b<m.pois[a].recs.length;b++){
			var t=m.pois[a].recs[b];
			if(t.shp && !ids[t.type+t.id]){
				ids[t.type+t.id]=true;
				var shps=Array.isArray(t.shp)?t.shp:[t.shp],dmin=dmax,area=9007199254740991;
				for(var c=0;c<shps.length;c++){
					var shp=KShape.createFromKShp(shps[c]);
					if(shp){
						var d=shp.distanceToPoint(pt);
						if(d<dmin){
							dmin=d;
							area=Math.min(area,shp.type==KShape.stPolygon?shp.area():0);
						}
					}
				}
				if(dmin<dmax) fr.push({poi:t,dist:area==0?dmin:9007199254740991,area:area});
			}
		}
	}
	fr.sort(function(a,b){
		if(a.area==b.area)
			return a.dist-b.dist;
		else
			return a.area-b.area;
	});
	if(fr.length){
		fr=fr.splice(0,m.PoiMaxTipNum);
		for(var a=0;a<fr.length;a++) pois.push(fr[a].poi);
		return pois;
	}
	return [];
}

KMap.prototype.PoiTileGet=function(kx,ky){
	for(var i=0;i<this.PoiTiles.length;i++) if(this.PoiTiles[i].kx==kx && this.PoiTiles[i].ky==ky) return this.PoiTiles[i];
	return null;
}

KMap.prototype.PoiTileRemove=function(id){
	for(var i=0;i<this.pois.length;i++) if(this.pois[i].id==id){this.pois.splice(i,1);return}
}

KMap.prototype.PoiTileLoad=function(kx,ky){
	var t=this.PoiTileGet(kx,ky);
	if(!t){
		t={kx:kx,ky:ky,xmin:kx*this.PoiTileSize*this.mpp,xmax:(kx+1)*this.PoiTileSize*this.mpp,ymin:ky*this.PoiTileSize*this.mpp,ymax:(ky+1)*this.PoiTileSize*this.mpp}
/*
		if(this.PoiNumImgPlanes){
			t.d=document.createElement("div");var st=t.d.style;st.zIndex="1002";st.position="absolute";st.width=this.PoiTileSize+"px";st.height=this.PoiTileSize+"px";st.overflow="hidden";
			this.mapback.appendChild(t.d);
			t.o=[];
			for(var a=0;a<this.s;a++){
				t.o[a]=document.createElement("img");
				st=t.o[a].style;st.zIndex="1002";st.position="absolute";st.left=(-this.PoiTileSizeOverflow)+"px";st.top=(-this.PoiTileSizeOverflow)+"px";st.width=(this.PoiTileSize+this.PoiTileSizeOverflow*2)+"px";st.height=(this.PoiTileSize+this.PoiTileSizeOverflow*2)+"px";st.display="none";
				t.o[a].src=KUrl+"map_dummy.png";
				t.o[a].onload=function(){if(this.src.indexOf("dummy")==-1) this.style.display=""};
				t.d.appendChild(t.o[a]);
			}
		}
*/
		this.PoiTiles.push(t);
	}
	var bbox=[t.xmin-this.PoiTileSizeOverflow*this.mpp,t.ymin-this.PoiTileSizeOverflow*this.mpp,t.xmax+this.PoiTileSizeOverflow*this.mpp,t.ymax+this.PoiTileSizeOverflow*this.mpp];
	var w=this.PoiTileSize+this.PoiTileSizeOverflow*2;
	var h=this.PoiTileSize+this.PoiTileSizeOverflow*2;
	this.PoiTileAcquire(t,bbox,w,h);
}

KMap.prototype.PoiTileAcquire=function(t,bbox,w,h){
	var m=this,kx=t.kx,ky=t.ky,url=this.PoiTileURL();
	if(url){
		url+="&REQUEST=GetMap&FORMAT=poi&BBOX="+t.xmin+","+t.ymin+","+t.xmax+","+t.ymax+"&WIDTH="+m.PoiTileSize+"&HEIGHT="+m.PoiTileSize;
		var h=KMap.Hash(url);
		if(t.n!=h){
			t.n=h;
			var mpp=m.mpp;
			KInternet.HTTPRequest(url,function(r,json){
				m.PoiQueueDo();
				if(mpp==m.mpp){
					if(json) m.PoiPutTile(kx+"_"+ky,json);
					else alert(r);
				}
			});
		}else m.PoiQueueDo();
	}
/*
	for(var a=0;a<m.PoiNumImgPlanes;a++){
		iUrl=m.PoiTileImgURL(a);
		if(iUrl){
			iUrl+="&REQUEST=GetMap&EXCEPTIONS=application/vnd.ogc.se_inimage&TRANSPARENT=true&BBOX="+bbox.join(",")+"&WIDTH="+w+"&HEIGHT="+h;
			if(t.o[a].src!=iUrl) t.o[a].src=iUrl;
		}
	}
*/
	if(!url) m.PoiQueueDo();
}

KMap.prototype.PoiTileURL=function(){
	return false;
}
KMap.prototype.PoiTileImgURL=function(index){
	return false;
}
KMap.prototype.PoiQueryURL=function(){
	return false;
}
KMap.prototype.PoiTipURL=function(){
	return false;
}

KMap.prototype.MapTipRequest=function(){
	if(this.timerID){clearTimeout(this.timerID);this.timerID=0;}
	var m=this,types=[],ids=[],url;
	var pois=m.PoiFind(m.ex,m.ey);
	for(var a=0;a<pois.length;a++) if(!pois[a].unqueryable){types.push(pois[a].type);ids.push(pois[a].id);if(ids.length==m.PoiMaxTipNum) break;}
	m.ReqID++;var MyID=m.ReqID;
	m.Immediately=false;
	if(ids.length && m.PoiTipURL())
		url=m.PoiTipURL().replace(/{type}/g,types.join(",")).replace(/{id}/g,ids.join(","));
	else if(m.PoiQueryURL())
		url=m.PoiQueryURL()+"&REQUEST=getfeatureinfo&FORMAT=poi&I="+m.ex+"&J="+m.ey+"&WIDTH="+m.mapw+"&HEIGHT="+m.maph+"&BBOX="+m.xmin+","+m.ymin+","+m.xmax+","+m.ymax;
	else
		return;
	KInternet.HTTPRequest(url,function(r,json){
		if(MyID==m.ReqID && !m.Digitizer){
			if(json){
				if(json.length) m.MapTipShow(json);else m.BasemapTipRequest();
			}else
				m.BasemapTipRequest();
		}
	});
}

KMap.prototype.OverlayClean=function(sameMPP){
	if(!sameMPP){
		this.PoiQueue=[];
		//if(this.PoiNumImgPlanes) for(a=0;a<this.PoiTiles.length;a++) this.mapback.removeChild(this.PoiTiles[a].d);
		this.PoiTiles=[];this.pois=[];this.PoiDrawPois();
		this.PoiCanvasClear();
	}
}

KMap.prototype.OverlayPlace=function(noHistory){
/*
	if(this.PoiNumImgPlanes){
		for(i=0;i<this.PoiTiles.length;i++){
			var t=this.PoiTiles[i];
			t.d.style.left=((t.xmin-this.xmin)/this.mpp)+"px";
			t.d.style.top=((this.ymax-t.ymax)/this.mpp)+"px";
		}
	}
*/
	var l=Math.round((this.lx-this.xmin)/this.mpp);
	var t=Math.round((this.ymax-this.ly)/this.mpp);
	if(this.PoiPlane){var st=this.PoiPlane.style;st.left=l+"px";st.top=t+"px";}
	if(this.PoiCanvas){var st=this.PoiCanvas.style;st.left=l+"px";st.top=t+"px";}
}

KMap.prototype.OverlayLoad=function(){
	if(this.PoiLastMpp!=this.mpp){
		this.PoiLastMpp=this.mpp;
		this.OverlayClean();
	} else
		this.PoiQueue=[];
	for(var i=this.PoiTiles.length-1;i>=0;i--){
		var t=this.PoiTiles[i];
		if(!KMap.ExtentsOverlap({xmin:t.kx*this.PoiTileSize*this.mpp,ymin:t.ky*this.PoiTileSize*this.mpp,xmax:(t.kx+1)*this.PoiTileSize*this.mpp,ymax:(t.ky+1)*this.PoiTileSize*this.mpp},this)){
			//for(var b=0;b<this.PoiNumImgPlanes;b++) t.o[b].src=KUrl+"map_dummy.png";
			if(t.d) this.mapback.removeChild(t.d);
			this.PoiTileRemove(t.kx+"_"+t.ky);
			this.PoiTiles.splice(i,1);
		}
	}
	for(var kx=Math.floor(this.xmin/this.mpp/this.PoiTileSize);kx<=Math.floor(this.xmax/this.mpp/this.PoiTileSize);kx++)
		for(var ky=Math.floor(this.ymin/this.mpp/this.PoiTileSize);ky<=Math.floor(this.ymax/this.mpp/this.PoiTileSize);ky++) this.PoiQueueAdd(kx,ky);
	this.PoiQueue.sort(KMap.PoiQueueSort);
	this.PoiQueue.sort(function(a,b){
		return b.area-a.area;
	});
	this.PoiQueueDo();
	this.PoiDrawPois();
}
KMap.prototype.PoiLastMpp=0;
KMap.prototype.PoiQueue=[];
KMap.prototype.PoiQueueAdd=function(kx,ky){
	this.PoiQueue.push({kx:kx,ky:ky,area:KMap.ExtentsOverlapArea(this,{xmin:kx*this.PoiTileSize*this.mpp,ymin:ky*this.PoiTileSize*this.mpp,xmax:(kx+1)*this.PoiTileSize*this.mpp,ymax:(ky+1)*this.PoiTileSize*this.mpp})});
}
KMap.prototype.PoiQueueDo=function(){
	if(this.PoiQueue.length){
		var t=this.PoiQueue.shift()
		this.PoiTileLoad(t.kx,t.ky);
	}
}

KMap.prototype.PoiPForm;
KMap.prototype.Printout=function(){
	if(this.PoiPForm) document.body.removeChild(this.PoiPForm);
	this.PoiPForm=document.createElement("form");
	this.PoiPForm.target="Printout";
	this.PoiPForm.method="POST";
	this.PoiPForm.action=KUrl+"map_poi-wms.php?FORMAT=image/png;mode=24bit&WIDTH=1000&HEIGHT="+Math.floor(this.maph*1000/this.mapw)+"&CRS="+this.Prj.crs+"&BBOX="+this.xmin+","+this.ymin+","+this.xmax+","+this.ymax;
	this.PoiPForm.style.display="none";
	document.body.appendChild(this.PoiPForm);

	var iWMS=document.createElement("input");
	iWMS.type="text";
	iWMS.name="poi";
	iWMS.value=this.PoiPackPrintout();
	this.PoiPForm.appendChild(iWMS);

	if(window.open("","Printout","dependent=yes"))
		this.PoiPForm.submit();
	else
		alert("You must allow popups!");
}
KMap.prototype.PoiPackPrintout=function(){
	var o={"url":this.PoiTileURL()};
	o.Bg=this.Basemap;if(o.Bg.printout) o.Bg=o.Bg.printout;
	o.PoiSize=this.PoiSize;
	o.PoiDist=this.PoiDist;
	o.PoiSnapDist=this.PoiSnapDist;
	o.PoiSymbol=this.PoiSymbol;
	//o.NumImgPlanes=this.PoiNumImgPlanes;
	o.StaticShapes=this.PoiStaticShapes;
	o.OverlayShapes=this.PoiFilterShapes;
	return unescape(encodeURIComponent(JSON.stringify(o)));	// stringify and encode UTF-8
}

KMap.prototype.PoiMouseMove=function(){
	if(this.MouseKey && !this.Dragging && !this.Rectangling && !this.PoiDragging && this.PoiDragPoi && (Math.abs(this.mx-this.ex)>9 || Math.abs(this.my-this.ey)>9)) this.PoiDragging=true;
	if(this.PoiDragging){
		//if(this.PoiDragPoi){
			this.PoiMoveTo(this.PoiDragPoi,this.ex,this.ey);
			this.mapal.style.cursor="pointer";
		//}else this.PoiDragging=false;	//POI frame has been reloaded meanwhile
	}
	return this.PoiDragPoi?true:false;
}
KMap.prototype.PoiMouseDown=function(e){
	var pois=this.PoiFind(this.ex,this.ey);
	if(pois.length==1 && pois[0].movable) this.PoiDragPoi=pois[0];
}
KMap.prototype.PoiMouseUp=function(e){
	if(this.PoiDragging){
		this.PoiDragging=false;
		var nx=this.xmin+this.ex*this.mpp;
		var ny=this.ymax-this.ey*this.mpp;
		if(this.PoiMoved(this.PoiDragPoi.id,nx,ny)){
			for(var a=0;a<this.pois.length;a++) for(var b=0;b<this.pois[a].recs.length;b++) if(this.pois[a].recs[b].id==this.PoiDragPoi.id){var st=this.pois[a].recs[b];st.x=nx;st.y=ny};
			this.PoiDragPoi.xx=this.ex;
			this.PoiDragPoi.yy=this.ey;
		}else
			this.PoiMoveTo(this.PoiDragPoi,this.PoiDragPoi.xx,this.PoiDragPoi.yy);
		this.PoiDragPoi=null;
		if(e) e.preventDefault();
		return true;
	}
	this.PoiDragPoi=null;
	return false;
}
KMap.prototype.PoiMoveTo=function(poi,x,y){
	var d=this.PoiSize/2;
	var sym=this.PoiSymbol[poi.type];
	if(sym.size) d=sym.size/2;
	poi.o.style.left=(x-d)+"px";
	poi.o.style.top=(y-d)+"px";
}

KMap.prototype.PoiMoved=function(id,x,y){
	return true;	// to be overwritten
}

function PoiWrapNew(){
	KMap.prototype.PoiOldNew=KMap.prototype.AfterConstruct;
	KMap.prototype.AfterConstruct=function(){
		var m=this;

		m.PoiOldNew();
		m.PoiCanvas=document.createElement("canvas");
		if(m.PoiCanvas.getContext){
			var st=m.PoiCanvas.style;st.position="absolute";st.left="0";st.top="0";st.zIndex="1003";
			m.mapback.appendChild(m.PoiCanvas);
			m.PoiCtx=m.PoiCanvas.getContext("2d");
		}else
			alert("No canvas");

		m.PoiOldMouseMoveDo=m.MouseMoveDo;
		m.MouseMoveDo=function(){
			if(!m.PoiMouseMove()) m.PoiOldMouseMoveDo();
		}

		m.PoiOldMouseDown=m.MouseDown;
		m.MouseDown=function(e){
			m.PoiOldMouseDown(e);
			m.PoiMouseDown(e);
		}

		m.PoiOldMouseUp=m.MouseUp;
		m.MouseUp=function(e){
			if(m.PoiMouseUp(e)) m.MouseKey=0; else m.PoiOldMouseUp(e);
		}

		m.PoiOldCMenuPrepare=m.CMenuPrepare;
		m.CMenuPrepare=function(){
			var pois=m.PoiFind(m.ex,m.ey),isAbovePoi=false;
			for(var a=0;a<pois.length;a++) if(!pois[a].unqueryable){isAbovePoi=true;break;}
			if(isAbovePoi) return false;else return m.PoiOldCMenuPrepare();
		};
	}
}
PoiWrapNew();