var map;
 var obszar;
 var markery = new Array();
 var iconBlue = new GIcon();  
    iconBlue.image = 'http://labs.google.com/ridefinder/images/mm_20_blue.png'; 
    iconBlue.shadow = 'http://labs.google.com/ridefinder/images/mm_20_shadow.png'; 
    iconBlue.iconSize = new GSize(12, 20); 
    iconBlue.shadowSize = new GSize(22, 20); 
    iconBlue.iconAnchor = new GPoint(6, 20); 
    iconBlue.infoWindowAnchor = new GPoint(5, 1); 
 
    var iconRed = new GIcon();  
    iconRed.image = 'http://labs.google.com/ridefinder/images/mm_20_red.png'; 
    iconRed.shadow = 'http://labs.google.com/ridefinder/images/mm_20_shadow.png'; 
    iconRed.iconSize = new GSize(12, 20); 
    iconRed.shadowSize = new GSize(22, 20); 
    iconRed.iconAnchor = new GPoint(6, 20); 
    iconRed.infoWindowAnchor = new GPoint(5, 1); 
    
    var ikona = new GIcon();     
ikona.image = "http://maps.google.com/mapfiles/kml/pal2/icon10.png";     
ikona.iconAnchor = new GPoint(16, 16);   
ikona.shadow = "";     
ikona.infoWindowAnchor = new GPoint(16,16);     
ikona.iconSize = new GSize(32, 32);    
    
 
    var customIcons = []; 
    customIcons["restaurant"] = iconBlue; 
    customIcons["bar"] = iconRed; 
 
    function load(pif) {
     
      
      if (GBrowserIsCompatible()) { 
        map = new GMap2(document.getElementById("map_canvas")); 
        map.addControl(new GSmallMapControl()); 
        map.addControl(new GMapTypeControl()); 
        map.setMapType(G_NORMAL_MAP );
        map.setCenter(new GLatLng(52.2296756, 21.0122287), 8); 
        map.setCenter(new GLatLng(0, 0)); 
        obszar = new GLatLngBounds();   
        
        GDownloadUrl("fk_src/fk_gmaps_data.php?pif="+pif, 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"); 
            var address = markers[i].getAttribute("address"); 
            var kod = markers[i].getAttribute("kod"); 
            var telefony = markers[i].getAttribute("telefony"); 
            var type = markers[i].getAttribute("type"); 
            var lat = parseFloat(markers[i].getAttribute("lat"));
            var lng = parseFloat(markers[i].getAttribute("lng"));
            var point = new GLatLng(lat, lng ); 
            
            var marker = createMarker(point, name, address, kod,telefony, type); 
            map.addOverlay(marker); 
            markery.push(marker);
            obszar.extend(point);  

          } 
      
          
				var nowyZoom = map.getBoundsZoomLevel(obszar) - 1;
				
				// wyciągamy środek obszaru
				var nowyPunkt = obszar.getCenter();
				if (nowyZoom > 12){ nowyZoom=12; }
				// centrujemy do tego punktu na poziomu zoom
				map.setCenter(nowyPunkt,nowyZoom);
               GEvent.trigger(markery[0],'click');  
				
				
				
				
          
        }); 
       
        
        
      } 
    } 
 
    function createMarker(point, name, address, kod,telefony,type) { 
      var marker = new GMarker(point, customIcons[type]); 
      var html = "<p class=\"dhead fs11\"><b>" + name + "</b></p>  <br/><p class=\"przypis\">" + address +"<br/>" + kod+ "<br/>" + telefony +"</p>"; 
      GEvent.addListener(marker, 'click', function() { 
        marker.openInfoWindowHtml(html); 
      }); 
      return marker; 
    }