/**
 * @author: 		m1chu
 * @copyright: 		m1chu (http://m1chu.eu)
 * @version: 		1.0
 * @email:			m1chu@m1chu.eu
 * @description:	elementy dynamiczne mapy Google
 */

var icon = new google.maps.MarkerImage(
              
	'logo_mapa/1.png',
	new google.maps.Size(43, 60),
	new google.maps.Point(0,0),
	new google.maps.Point(0, 60)

);
var shape = {
   coord: [1, 1, 1, 62, 62, 62, 62, 1],
   type: 'poly'
};

var map = null;

function attachMessage(marker, coords, description, address)
{

      var infowindow = new google.maps.InfoWindow({
	content: '<p><strong>' + address + '<\/strong></p><p>' + description + '</p>',
                    size: new google.maps.Size(100, 50)
      });
	
      google.maps.event.addListener(marker, 'click', function()
      {
          map.setCenter(coords);
          map.setZoom(13);
          infowindow.open(map, marker);
      });
      
}

$(document).ready(function() {
	var options = {
      	zoom: 6,
      	center: new google.maps.LatLng(52.02, 19.20),
      	mapTypeId: google.maps.MapTypeId.ROADMAP,
	key: '',
	navigationControl:true,
    	navigationControlOptions: { style: google.maps.NavigationControlStyle.ZOOM_PAN },
	mapTypeControl: true,
    	mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR},
	sensor: true
    };
    map = new google.maps.Map(document.getElementById('googlemap'), options);
    $.ajax({
       type: 'get',
       url: 'coords.php',
       dataType: 'xml',
       data: 'province=' + $('#province_id').val() + '&user=' + $('#user_id').val(),
       success: function(xml) {
            var marker = null;
            var coords = null;

            var markers = xml.documentElement.getElementsByTagName('marker');
            for (var i = 0; i < markers.length; ++i) {
                 coords = new google.maps.LatLng(parseFloat(markers[i].getAttribute('latitude')), parseFloat(markers[i].getAttribute('longitude')));
                 marker = new google.maps.Marker({
                 position: coords,
                 map: map,
                 icon: icon,
                 title: markers[i].getAttribute('description'),
                 shape: shape
                  });
               attachMessage(marker, coords, markers[i].getAttribute('description'), markers[i].getAttribute('address'));
            }
       }
      });
});
