var map = null;
var geocoder = null;
   
var iconGreen = new GIcon(); 
    iconGreen.image = 'http://www.uj-epitesu.hu/_img/grn-pushpin.png';
    // iconGreen.shadow = 'http://labs.google.com/ridefinder/images/mm_20_shadow.png';
     iconGreen.iconSize = new GSize(32, 32);
    // iconGreen.shadowSize = new GSize(22, 20);
    iconGreen.iconAnchor = new GPoint(0, 0);
    iconGreen.infoWindowAnchor = new GPoint(16, 5);


    var customIcons = [];
    customIcons["lakopark"] = iconGreen;


function load() {
      if (GBrowserIsCompatible()) {
	  
		geocoder = new GClientGeocoder();

        var map = new GMap2(document.getElementById("gmap"));
     // map.addControl(new GSmallMapControl());
     // map.addControl(new GMapTypeControl());
	 
        map.setCenter(new GLatLng(47.4984056, 19.0407578), 11);
	//	map.setUIToDefault();

var customUI = map.getDefaultUI();
customUI.zoom.scrollwheel = false;
map.setUI(customUI);


       	  GDownloadUrl("http://www.uj-epitesu.hu/xml/terkep.php", function(data) {
          var xml = GXml.parse(data);
          var markers = xml.documentElement.getElementsByTagName("marker");
          for (var i = 0; i < markers.length; i++) {
		  
          var name = markers[i].getAttribute("name");
		  
		 			
		  document.getElementById("sidebar_map").innerHTML += '<li><a class="gomb" href="javascript:click_sidebar(' + i + ')">' + name + '<\/a><\/li>';

			
           
			var nev = markers[i].getAttribute("name");
			
			var cim = markers[i].getAttribute("cim");
			
			 var web = markers[i].getAttribute("web")+'?utm_source=uj-epitesu-hu&utm_medium=katalogus-link&utm_campaign=uj-epitesu-hu-hirdetes';
			 
			 var lat = markers[i].getAttribute("lat");
			 var lng = markers[i].getAttribute("lng");
           
		
            var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
                                    parseFloat(markers[i].getAttribute("lng")));
			
			 var type = markers[i].getAttribute("type");

			
            var marker = createMarker(nev, cim, web, point, lat, lng, type);
            map.addOverlay(marker);
          }
        });
      }
    }
	
	// linkekhez tömb
	var markers = new Array();

    function createMarker(nev, cim, web, point, lat, lng, type) {
      var marker = new GMarker(point, customIcons[type]);
	  
	  // tömb feltöltése
	  markers.push(marker);
	  
      var sz1 = '<h2>' + nev + '</h2>';

	 
	  var sz2 = '<p><strong>' + cim + '</strong><br /><br />'
	  
	  var sz3 = '<strong>Lat: </strong>' + lat + '<br />'
	  var sz4 = '<strong>Long: </strong>' + lng + '<br /><br />'
	  
	  
	  var sz5 = '<a href="' + web + '" target="_blank" title="Az új építésű ingatlan weboldala">Az új építésű ingatlan weboldala &raquo;</a></p>';
		  

	  var html = sz1 + sz2 + sz3 + sz4 + sz5;
      GEvent.addListener(marker, 'click', function() {
        marker.openInfoWindowHtml(html);
      });
      return marker;
    }


// klikk a linken
function click_sidebar(idx) {
 GEvent.trigger(markers[idx], "click");
}