var POISZER = false;
        var lon = 19.49;
        var lat = 47.17;
		var popupk = new OpenLayers.Popup(); //POISZER
        var zoom = 7;
      var map, plink;
        function init() {
  plink = new OpenLayers.Control.Permalink('helylink',null,
                {'createParams': helylink});
            var options = {
           controls:[
                    plink,
                    new OpenLayers.Control.PanZoomBar(),
		    new OpenLayers.Control.LayerSwitcher(),
                    new OpenLayers.Control.Permalink(),
                    new OpenLayers.Control.Permalink('markerlink','plinkpop.html'),
 		    new OpenLayers.Control.Permalink('editlink', 'http://www.openstreetmap.org/edit.html'),
 		    new OpenLayers.Control.Permalink('editlink1', 'http://www.openstreetmap.org/edit?editor=potlatch&lat=&lon=&zoom='),
 		    new OpenLayers.Control.Permalink('editlink2', 'http://www.openstreetmap.org/edit?editor=potlatch2&lat=&lon=&zoom='),
 		    new OpenLayers.Control.Permalink('editlink3', 'http://www.openstreetmap.org/edit?editor=remote&lat=&lon=&zoom='),
                    new OpenLayers.Control.ScaleLine(),
                    new OpenLayers.Control.Scale(),
                    new OpenLayers.Control.MousePosition(),
                    new OpenLayers.Control.KeyboardDefaults({slideFactor:0}),
               	    new OpenLayers.Control.Navigation({documentDrag: true,mouseWheelOptions: {interval: 10}}),
                    new OpenLayers.Control.Attribution()],
                projection: new OpenLayers.Projection("EPSG:900913"),
                displayProjection: new OpenLayers.Projection("EPSG:4326"),
                units: "m",
                resolutions : [156543.03390000001, 78271.516950000005, 39135.758475000002, 19567.879237500001, 9783.9396187500006, 4891.9698093750003, 2445.9849046875001, 1222.9924523437501, 611.49622617187504, 305.74811308593752, 152.87405654296876, 76.43702827148438, 38.21851413574219, 19.109257067871095, 9.5546285339355475, 4.7773142669677737, 2.3886571334838869, 1.1943285667419434, 0.59716428337097172, 0.29858214168548586],
                maxResolution: 156543.0339,
                maxExtent: new OpenLayers.Bounds(-20037508.34, -20037508.34,
                                                 20037508.34, 20037508.34)
            };

            map = new OpenLayers.Map('map', options);
            var mapnik = new OpenLayers.Layer.OSM.Mapnik("Mapnik");
	    var osm = new OpenLayers.Layer.OSM.Osmarender("Osmarender");
	    var bringa = new OpenLayers.Layer.OSM.CycleMap("CycleMap");
            var dom = new OpenLayers.Layer.OSM.DMap("Turistatérkép");
            var mapq = new OpenLayers.Layer.OSM.Mpq("Mapquest");

          wmshungarian = new OpenLayers.Layer.WMS("Magyar nevek (Európa)","http://suncobalt.homeip.net:82/cgi-bin/tilecache.cgi?", {
                          layers: 'hungarian',
		          isBaselayer:true,
                          projection:new OpenLayers.Projection("EPSG:900913"),
                          format: 'aggpng24'
                  	  },
			  {'attribution': 'Térkép adatok <a href="http://openstreetmap.org/">OpenStreetMap</a><a href="hhttp://creativecommons.org/">CC-BY-SA</a>'}	
			);


            map.addLayers([mapnik, osm, bringa, mapq, dom, wmshungarian]);


		if(POISZER) {
           var layer = new OpenLayers.Layer.Vector("POI", {
                projection: map.displayProjection,
                strategies: [new OpenLayers.Strategy.Fixed()],
                    protocol: new OpenLayers.Protocol.HTTP({
                        url: "poitxt.php",
                        format: new OpenLayers.Format.Text()
                    })
                });
//layer.events.register("loadend", this, my_setExtent);
//  function my_setExtent() {
//  map.zoomToExtent(layer.getDataExtent());
//  };
			}


var ls = map.getControlsByClass('OpenLayers.Control.LayerSwitcher')[0];
ls.maximizeControl();

if(POISZER) {


	document.getElementById('map').oncontextmenu = function(e){
	 e = e?e:window.event;
	 if (e.preventDefault) e.preventDefault(); 
	 else return false; 
	};



	OpenLayers.Control.Click = OpenLayers.Class(OpenLayers.Control, {                

	defaultHandlerOptions: {
	'single': true,
	'double': false,
	'pixelTolerance': 0,
	'stopSingle': false,
	'stopDouble': false
	},
	handleRightClicks:true,
	initialize: function(options) {
	this.handlerOptions = OpenLayers.Util.extend(
	{}, this.defaultHandlerOptions
	);
	OpenLayers.Control.prototype.initialize.apply(
	this, arguments
	); 
	this.handler = new OpenLayers.Handler.Click(
	this, this.eventMethods, this.handlerOptions
	);
	},
	CLASS_NAME: "OpenLayers.Control.Click"

	});

	var oClick = new OpenLayers.Control.Click({eventMethods:{
	'rightclick': function(e) {
	  var pixel = new OpenLayers.Pixel(e.xy.x,e.xy.y);







						var lonlat = map.getLonLatFromPixel(pixel);
	lonlatGCS = lonlat.transform(
		new OpenLayers.Projection("EPSG:900913"),
		new OpenLayers.Projection("EPSG:4326")
	  );  

				popupk.destroy();
	 popupk = new OpenLayers.Popup.AnchoredBubble("utv", 
											 lonlat.clone().transform(map.displayProjection, map.projection),
											 new OpenLayers.Size(185,70),
				
											 "<div  style=\"width:100%;color:black;height:100%;text-align:center;\"><div id=\"szh1\" style=\"width:100%;\"></div> <div id=\"szh\" style=\"width:100%;\"></div><div id=\"szh1\" style=\"width:100%;\"></div><input type=\"button\" onclick=\"innen(this.szh),innen(this.szh1),apont()\" value=\"POI ide\"></div>",
	null,
											 true);
				popupk.closeOnMove = true;
							popupk.setBackgroundColor("white");
				map.addPopup(popupk);

		document.getElementById('szh').innerHTML = lonlat.lon.toPrecision(7);
	 document.getElementById('szh1').innerHTML = lonlat.lat.toPrecision(7);
					}

	}});
	map.addControl(oClick);
	oClick.activate();


}

            var lonLat = new OpenLayers.LonLat(lon, lat).transform(map.displayProjection, map.projection);

	    if (!map.getCenter()) { map.setCenter(lonLat, zoom) }

if(POISZER) {
		
              selectControl = new OpenLayers.Control.SelectFeature(layer);
                map.addControl(selectControl);
                selectControl.activate();
                layer.events.on({
                    'featureselected': onFeatureSelect,
                    'featureunselected': onFeatureUnselect
                });
            
             
            function onPopupClose(evt) {
                selectControl.unselect(this.feature);
            }
            function onFeatureSelect(evt) {
                feature = evt.feature;
                popup = new OpenLayers.Popup.FramedCloud("featurePopup",
                                         feature.geometry.getBounds().getCenterLonLat(),
                                         new OpenLayers.Size(100,100),
                                         "<h3>"+feature.attributes.title + "</h3>" +
                                         feature.attributes.description,
                                         null, true, onPopupClose);
                feature.popup = popup;
                popup.feature = feature;
                map.addPopup(popup);
            }
            function onFeatureUnselect(evt) {
                feature = evt.feature;
                if (feature.popup) {
                    popup.feature = null;
                    map.removePopup(feature.popup);
                    feature.popup.destroy();
                    feature.popup = null;
                }		

		}

}

       function helylink() {

            var args =
                OpenLayers.Control.Permalink.prototype.createParams.apply(
                    this, arguments
                );
                    args['plat'] = OpenLayers.Util.getElement('plat').innerHTML;
                    args['plon'] = OpenLayers.Util.getElement('plon').innerHTML;
                 


            return args;
        }


         var args = OpenLayers.Util.getParameters();

            if (args['plat']) {

                OpenLayers.Util.getElement('plat').innerHTML = args['plat'];
                OpenLayers.Util.getElement('plon').innerHTML = args['plon'];
        


	felug();

	}

if(!POISZER) {
			poilista();
}
        }
	
		function addScript(url) {
			var script = document.createElement('script');
			script.type = 'text/javascript';
			script.src = url;
			document.getElementsByTagName('head')[0].appendChild(script);
		}

//kereső		
		function kereses(response) {
var num = map.getNumLayers(); 
  for (var j=6; j<num; j++) {
   map.removeLayer( map.layers[6] );
  } 

 var vectorLayer = new OpenLayers.Layer.Vector("Keresés");


		var t = response
		for(i=0;i<t.length;i++){

		var keres = "<p><hr>";

				for (var obj in t){

var minlat = t[0].boundingbox[0];
var maxlat = t[0].boundingbox[1];
var minlon = t[0].boundingbox[2];
var maxlon = t[0].boundingbox[3];
map.zoomToExtent(new OpenLayers.Bounds(minlon,minlat,maxlon,maxlat).transform(map.displayProjection, map.projection));

					var f = t[obj++];
					if(!f.icon) { f.icon = "kepek/osm20x20.png"; }
					keres += "<a onclick=\"kozepre(" + f.lat +", "+ f.lon +", " + f.boundingbox + ");\" title=\"Középre\" style=\"cursor:pointer;\"><img src=\"" + f.icon + "\" alt=\"✖\" > " + f.display_name + "<br>" + f.type + "</a><hr>";	



    var feature = new OpenLayers.Feature.Vector(
            new OpenLayers.Geometry.Point( f.lon, f.lat ).transform(map.displayProjection, map.projection),
            {description:f.display_name,tip:f.type},
            {externalGraphic: 'img/marker-green.png', graphicHeight: 25, graphicWidth: 21, graphicXOffset:-12, graphicYOffset:-25  }

        );    
    vectorLayer.addFeatures(feature);   
    map.addLayer(vectorLayer);


		} 

 		keres += "<hr>" + f.licence + "</p>" ; 

    function createPopup(feature) {
var str= feature.attributes.description;
var ed = str.indexOf(",");
var neve = str.substring(0,ed)
      feature.popup = new OpenLayers.Popup.FramedCloud("pop",
          feature.geometry.getBounds().getCenterLonLat(),
          null,
          '<div style="margin-left:10px;">'+neve+'<br>' + feature.attributes.tip + ' </div>',
          null,
          true,
          function() { controls['selector'].unselectAll(); }
      );
      //feature.popup.closeOnMove = true;
      map.addPopup(feature.popup);
    }

    function destroyPopup(feature) {
      feature.popup.destroy();
      feature.popup = null;
    }
      var controls = {
      selector: new OpenLayers.Control.SelectFeature(vectorLayer,{onSelect: createPopup, onUnselect: destroyPopup })
    };
    map.addControl(controls['selector']);
    controls['selector'].activate();
    
	}
   	 document.getElementById('kpanel').innerHTML = keres;
  	var el = document.getElementById("kpanel");  

	if(t.length == 0) {
	  	el.innerHTML = el.innerHTML.replace(/undefined/g, "Nincs találat"); 
		
		} 

	}
	
				 function geo(){
		var query = document.getElementById("ker").value;
		var bb = document.getElementById('box').value;
		addScript('http://nominatim.openstreetmap.org/search?q=' + encodeURIComponent(query) + bb + '&format=json&json_callback=kereses&addressdetails=0&email=info@openstreetmap.hu&accept-language=hu');
		}

	function kozepre(lat,lon,minlat,maxlat,minlon,maxlon) {
			lonlat = new OpenLayers.LonLat(lon, lat);
                        map.zoomToExtent(new OpenLayers.Bounds(minlon,minlat,maxlon,maxlat).transform(map.displayProjection, map.projection));
                    
		}
//kereső vége


// POISZER
	function apont() {

var num = map.getNumLayers(); 
  for (var j=7; j<num; j++) {
   map.removeLayer( map.layers[7] );
  } 

var s =  document.getElementById('lon').value;
var s1 =  document.getElementById('lat').value;

                var from = new OpenLayers.LonLat(s,s1);

 var size = new OpenLayers.Size(23,28);
		var markera = new OpenLayers.Layer.Markers("A pont",  {'displayInLayerSwitcher':false});
		map.addLayer(markera);
            		var size = new OpenLayers.Size(21,25);
           	var offset = new OpenLayers.Pixel(-10,-25);
		var icona = new OpenLayers.Icon('img/marker-blue.png',size,offset);
		markera.addMarker(new OpenLayers.Marker(
				from.clone().transform(map.displayProjection, map.projection),icona));
popupk.hide();
}

function innen () {
    ind =document.getElementById('szh').innerHTML;
 ind1 =document.getElementById('szh1').innerHTML;
    document.getElementById('lon').value =ind;
    document.getElementById('lat').value =ind1;
}

// POISZER vege


function felug() {


var sh = document.getElementById('plon').innerHTML;
var sh1 = document.getElementById('plat').innerHTML;
var ll1 = new OpenLayers.LonLat(sh,sh1).transform(map.displayProjection, map.projection);
map.setCenter(new OpenLayers.LonLat(sh,sh1).transform(map.displayProjection, map.projection));			
var markeru1 = new OpenLayers.Layer.Markers("Marker", {'displayInLayerSwitcher':false});
map.addLayer(markeru1);
var size1 = new OpenLayers.Size(21,25);
var offset1 = new OpenLayers.Pixel(-11,-25);
var iconu1 = new OpenLayers.Icon('img/marker.png',size1,offset1);
markeru1.addMarker(new OpenLayers.Marker(ll1,iconu1));


 	
}

function bbox() {


var box = map.getExtent();
 bbb = box.transform(map.projection,map.displayProjection);
document.getElementById('box').value = '&viewboxlbrt=' + bbb + '&bounded=1';
}
function bbox1() {
document.getElementById('box').value = '';


}
// Az térkép oldal display váltzói
	//Kereső

  		function kerr() {
			document.getElementById("oldal").style.display = "block";
			document.getElementById("abal").style.display = "none";
			document.getElementById("kersz").style.display = "none";
			$("#helyek ul").toggle(false);

		}
		function bezar() {
			document.getElementById("oldal").style.display = "none";
			document.getElementById("abal").style.display = "block";
			document.getElementById("kersz").style.display = "block";

		}
	//Térkép

	    function nn() {

			document.getElementById("jobb").style.right = "0";
			document.getElementById("jobb").style.left = "0";
			document.getElementById("jobb").style.top = "0";
			document.getElementById("jobb").style.bottom = "0";
			document.getElementById("nagy").style.display = "none";
			document.getElementById("kicsi").style.display = "block";
} 
         function kk() {

			document.getElementById("jobb").style.right = "0";
			document.getElementById("jobb").style.left = "262px";
			document.getElementById("jobb").style.top = "31px";
			document.getElementById("jobb").style.bottom = "0";
			document.getElementById("nagy").style.display = "block";
			document.getElementById("kicsi").style.display = "none";

}