/*
var nav_bounds;
var map;
var zoom_min = 13;
var zoom_max = 18;
var marker;
var geocoder;
var poligonoOutside;
var poligonoInside;
var arrPoligoniInside = new Array();
var isDrag = false;
*/

function initialize() {
	
	if (!document.getElementById("map_canvas")) return;
	
	geocoder = new google.maps.Geocoder();
	//var latlng = new google.maps.LatLng(44.028124, 10.491257); (44.028124, 10.491257)
    var latlng = new google.maps.LatLng(42.114524,12.722168);
    var myOptions = {
      zoom: 6,
      center: latlng,
      mapTypeId: google.maps.MapTypeId.HYBRID,
	  mapTypeControl: true,
	  //mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU},
	  navigationControl: true,
	  scrollwheel: false,
	  navigationControlOptions: {style: google.maps.NavigationControlStyle.SMALL}
	};
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
	
	
	placeMarkers();
}


function placeMarkers(){
												//siteUrl è definita in clienti.php	
	var imagemarker = new google.maps.MarkerImage(
    siteUrl+'/marker-mappa.png',
    new google.maps.Size(25,28),
    new google.maps.Point(0,0),
    new google.maps.Point(13,28)
  );
	var shape = {
		coord: [17,0,19,1,20,2,21,3,22,4,23,5,23,6,24,7,24,8,24,9,24,10,24,11,24,12,24,13,24,14,24,15,23,16,23,17,22,18,22,19,21,20,19,21,18,22,15,23,13,24,13,25,12,26,10,27,8,27,7,26,6,25,7,24,7,23,7,22,5,21,4,20,3,19,2,18,2,17,1,16,1,15,0,14,0,13,0,12,0,11,0,10,0,9,0,8,1,7,1,6,2,5,2,4,3,3,4,2,6,1,8,0,17,0],
		type: 'poly'
	  };

	//for ( var i = 0; i < markArr.length; i++ ){
	for (var i in markArr){
		// Create the marker...
	 
		var latlng = new google.maps.LatLng(markArr[i].lat,markArr[i].lng);
		var marker = new google.maps.Marker({
			position: latlng,
			visible: true,
			clickable: true,
			icon: imagemarker, 
			map: map,
			shape: shape
		}); 
	 	
		
		markArr[i].marker = marker ;
		//markArr[i].html = "This is content for infoWindow " + i + " at " + markArr[i].lat + "," + markArr[i].lng ;
	 
		// Create the infoWindow...
		
		markArr[i].infoWindow = new google.maps.InfoWindow({
		 content: markArr[i].html,
		 disableAutoPan : true
		});
	 
		// Create the listener with a closure...
	 
		markArr[i].listener = makeClosure(i, markArr[i].marker) ;
		
		
		
		//google.maps.event.addListener(marker, "click", function(e) {
      	//var infoBox = new InfoBox({latlng: marker.getPosition(), map: map, html:markArr[i].html });
    	//});

		
   }
	
}

lastI = -1 ;

// Make a simple closure with the listener... 
function makeClosure( i, marker )
{
	
	var listener = google.maps.event.addListener(marker, 'click', function() {
		openInfoWindow(i) ;		// <-- this is the key to making it work
	
	});
	return listener ;
}


// Open the infoWindow - called from the closure...
function openInfoWindow(i)
{
	/*alert(typeof(lastI)+" -- "+typeof(markArr[lastI].infoWindow));
	if ( typeof(lastI) == 'number' && typeof(markArr[lastI].infoWindow) == 'object' )
	{ 
		markArr[lastI].infoWindow.close() ;
	}
	*/
	if (markArr && markArr[lastI] && markArr[lastI].infoWindow)
		markArr[lastI].infoWindow.close() ;
	
	lastI = i ;    
	markArr[i].infoWindow.open(map,markArr[i].marker) ;
	
	map.setCenter(new google.maps.LatLng(markArr[i].lat,markArr[i].lng));
}