//<![CDATA[

   function pokazdrogi(kategoriadrog) {
      for (var a=0; a<gpolylines.length; a++) {
          if (gpolylines[a].mycategory == kategoriadrog) {
            gpolylines[a].show();
		      };
        }
        document.getElementById(kategoriadrog+"box").checked = true;
      }
      
      function ukryjdrogi(kategoriadrog) {
              for (var a=0; a<gpolylines.length; a++) {
          if (gpolylines[a].mycategory == kategoriadrog) {
            gpolylines[a].hide();
		      };
        }
        document.getElementById(kategoriadrog+"box").checked = false;
      }
      

      // == shows all markers of a particular category, and ensures the checkbox is checked ==
      function show(category) {
        for (var i=0; i<gmarkers.length; i++) {
          if (gmarkers[i].mycategory == category) {
            gmarkers[i].show();
          }
        }
        // == check the checkbox ==
        document.getElementById(category+"box").checked = true;
      }

      // == hides all markers of a particular category, and ensures the checkbox is cleared ==
      function hide(category) {
        for (var i=0; i<gmarkers.length; i++) {
          if (gmarkers[i].mycategory == category) {
            gmarkers[i].hide();
          }
        }
        // == clear the checkbox ==
        document.getElementById(category+"box").checked = false;
        // == close the info window, in case its open on a marker that we just hid
        map.closeInfoWindow();
      }
              
      // == a checkbox has been clicked ==
      function boxclick(box,category) {
        if (box.checked) {
          show(category);
        } else {
          hide(category);
        }
        // == rebuild the side bar
       makeSidebar();
      }
      
      function sprwadzdrogi(box2,kategoriadrog) {
        if (box2.checked) {
          pokazdrogi(kategoriadrog);
        } else {
          ukryjdrogi(kategoriadrog);
        }}
    
      function myclick(i) {
        GEvent.trigger(gmarkers[i],"click");
      }
   
   
    if (GBrowserIsCompatible()) {
      var gmarkers = [];
      var gicons = [];
      var drogi = [];
      var gpolylines = [];
      var kmldrogi = [];
      var geoxmlszlak = [];
			var baseIcon = new GIcon(G_DEFAULT_ICON);
      baseIcon.iconAnchor = new GPoint(16,37);
      baseIcon.iconSize = new GSize(32,37);
      baseIcon.infoWindowAnchor = new GPoint(10,10);

      gicons["sklep"] = new GIcon(baseIcon,"mapicons/tools.png");
      gicons["stojak"] = new GIcon(baseIcon,"mapicons/bicycleparking.png");
      gicons["przeszkoda"] = new GIcon(baseIcon,"mapicons/przeszkoda.png");
      gicons["uwaga"] = new GIcon(baseIcon,"mapicons/uwaga.png");

      // A function to create the marker and set up the event window
      function createMarker(point,name,opis,zdjecie,category) {
        var marker = new GMarker(point,gicons[category]);
        // === Store the category and name info as a marker properties ===
        marker.mycategory = category;                                 
        marker.myname = name;
        GEvent.addListener(marker, "click", function() {
          marker.openInfoWindowTabsHtml([opis,zdjecie]);
        });
        gmarkers.push(marker);
        return marker;
      }

      


      // == rebuilds the sidebar to match the markers currently displayed ==
      function makeSidebar() {
        var html = "";
        for (var i=0; i<gmarkers.length; i++) {
          if (!gmarkers[i].isHidden()) {html += '<li><a href="javascript:myclick(' + i + ')">' + gmarkers[i].myname + '<\/a> ('+ gmarkers[i].mycategory +')</li>'};
        };
        document.getElementById("lista").innerHTML = '<ul>' + html + '</ul>'};
                                         
      geoXml = new GGeoXml('http://picasaweb.google.com/data/feed/base/user/104476086374659078724/albumid/5498313777175261601?alt=kml&kind=photo&hl=pl');
      function wyswietlzdjecia(){
      if (document.getElementById('zdjeciabox').checked) {
      map.addOverlay(geoXml);
      }
      else {
      map.removeOverlay(geoXml);
     }}
     
     // wyswietla szlaki zaleznie od przeslanego linku
           
      function wyswietlszlak(statuscheckbox, adresszlaku) {
      if (statuscheckbox.checked) {
      geoxmlszlak[statuscheckbox.value] = new GGeoXml(adresszlaku);
      map.addOverlay(geoxmlszlak[statuscheckbox.value]);
      myclick(geoxmlszlak[statuscheckbox.value]);
      }
      else {
      map.removeOverlay(geoxmlszlak[statuscheckbox.value])
      }
      };
      
      kmldrogi = new GGeoXml('http://maps.google.pl/maps/ms?ie=UTF8&hl=pl&msa=0&msid=113639883895042851299.00048c8d2d4169027ab27&z=12&output=kml');
      function wyswietldrogi(){
      if (document.getElementById('drogibox').checked) map.addOverlay(kmldrogi);
      else map.removeOverlay(kmldrogi);
     };
      // create the map
      var copyOSM = new GCopyrightCollection("<a href=\"http://www.openstreetmap.org/\">OpenStreetMap</a>");
      copyOSM.addCopyright(new GCopyright(1, new GLatLngBounds(new GLatLng(-90,-180), new GLatLng(90,180)), 0, " "));
      var copyumpcpl = new GCopyrightCollection("<a href=\"http://ump.waw.pl/\">UMP-PcPL</a>");
      copyumpcpl.addCopyright(new GCopyright(1, new GLatLngBounds(new GLatLng(-90,-180), new GLatLng(90,180)), 0, " "));
      var copytrail = new GCopyrightCollection('Dane: <a target="_blank" href="http://www.openstreetmap.org/">OpenStreetMap</a> Hosting <a target="_blank" href="http://trail.pl">trail.pl</a> i <a target="_blank" href="http://centuria.pl">centuria.pl</a>');
      copytrail.addCopyright(new GCopyright(1, new GLatLngBounds(new GLatLng(-90,-180), new GLatLng(90,180)), 0, " "));

      var tilesMapnik     = new GTileLayer(copyOSM, 1, 17, {tileUrlTemplate: 'http://tile.openstreetmap.org/{Z}/{X}/{Y}.png'});
      var tilesOsmarender = new GTileLayer(copyOSM, 1, 14, {tileUrlTemplate: ' http://b.andy.sandbox.cloudmade.com/tiles/cycle/{Z}/{X}/{Y}.png'});
      var tilesumpcpl     = new GTileLayer(copyumpcpl, 1, 18, {tileUrlTemplate: 'http://tiles.ump.waw.pl/ump_tiles/{Z}/{X}/{Y}.png'});
      var tilestrail     = new GTileLayer(copytrail, 1, 18, {tileUrlTemplate: 'http://osm.trail.pl/{Z}/{X}/{Y}.png'});
      var mapMapnik     = new GMapType([tilesMapnik],     G_NORMAL_MAP.getProjection(), "OSM");
      var mapOsmarender = new GMapType([tilesOsmarender], G_NORMAL_MAP.getProjection(), "OSM Cycle");
      var mapTrail = new GMapType([tilestrail], G_NORMAL_MAP.getProjection(), "Trail.pl");
      var mapumpcpl = new GMapType([tilesumpcpl], G_NORMAL_MAP.getProjection(), "UMP-pcPL");
      var map = new GMap2(document.getElementById("map"), { mapTypes: [mapMapnik, mapOsmarender, mapumpcpl, mapTrail] });
      map.setMapType(G_NORMAL_MAP);
      map.setUIToDefault();   
      map.setCenter(new GLatLng(53.1363,18.0375), 12);
      var wskaznik = new GMarker(map.getCenter(), {draggable: true});	
      map.addOverlay(wskaznik);



      // Read the data
      GDownloadUrl("php/generatorXML.php", function(doc) {
        var xmlDoc = GXml.parse(doc);
        var markers = xmlDoc.documentElement.getElementsByTagName("punkt");
          
        for (var i = 0; i < markers.length; i++) {
          // obtain the attribues of each marker
          var lat = parseFloat(markers[i].getAttribute("lat"));
          var lng = parseFloat(markers[i].getAttribute("lng"));
          var point = new GLatLng(lat,lng);
          var opis = markers[i].getAttribute("opis");
          var tytul = markers[i].getAttribute("tytul");
          var htmlopis = new GInfoWindowTab('Opis','<div class="tab"><b>'+tytul+'<\/b><p>'+opis+'</p></div>');
          var zdjecie = markers[i].getAttribute("zdjecie");
          var htmlzdjecie = new GInfoWindowTab('Zdjęcie','<center><img src="'+zdjecie+'" width="300px" height="200px"></center>');
          var category = markers[i].getAttribute("kategoria");
          // create the marker
          var marker = createMarker(point,tytul,htmlopis,htmlzdjecie,category);
          map.addOverlay(marker);
            hide('sklep');
    hide('stojak');
    hide('przeszkoda');
    hide('uwaga');
        };});  

        $(document).ready(function(){
        document.getElementById('drogibox').checked = true;
        $('#forumularzdrogi input[type=checkbox]:eq(0)').checkBox('changeCheckStatus', true);
        wyswietldrogi();
        });
            
    przelaczmenu('listaszlakow','menuszlaki');
    przelaczmenu('listaszlakowrower','menuszlakirower');
    przelaczmenu('dodajpunkt','formularzdodajpunkt');       
    makeSidebar();
      }                               
    else {
      alert("Sorry, the Google Maps API is not compatible with this browser");
    }
    
 
//      document.getElementById('szlakibox').checked = false;  
//      document.getElementById('szlakirowerbox').checked = false; 
        podmienprzyciski();
        przelaczmenu('menu','menu');
    // This Javascript is based on code provided by the
    // Community Church Javascript Team
    // http://www.bisphamchurch.org.uk/   
    // http://econym.org.uk/gmap/

    //]]>
        function podmienprzyciski(){
				$(document).ready(function(){
				document.getElementById("menu").style.visibility = "visible";  
			});
			};
		
	function dodajpunkt(){
  wskaznik.setLatLng(map.getCenter());
  wskaznik.show();
  GEvent.addListener(wskaznik, "dragend", function() {
    coord = wskaznik.getPoint();
    x = Math.ceil(coord.x*100000)/100000;
    y = Math.ceil(coord.y*100000)/100000;
    document.getElementById("lng").value = x;
    document.getElementById("lat").value = y;
  });
      };
  function usunwskaznik() {
  wskaznik.hide();
  };
  
      $(function() {
        $("#facebook").hover(function(){
			$("#facebook").stop(true, false).animate({right:"0px"},"medium");
		},function(){
			$("#facebook").stop(true, false).animate({right:"-240px"},"medium");
		},500);

      })