var markersArray = [];
var map;

function dibujar_poligono(cordenadas)
{
	var aCordenadas=[];
	var sCordenadas=cordenadas.split(" ")
	//alert(is_add);
	var i=0;
	$.each(sCordenadas, function(key, value) { 
		var sValores=value.split(",");						 
		var myLatLng =  new google.maps.LatLng(sValores[1], sValores[0]);
		aCordenadas.push(myLatLng); 
	});

	var marker = new google.maps.Polygon({
		paths: aCordenadas,
		strokeColor: '#FF0000',
		strokeOpacity: 1,
		strokeWeight: 1,
		fillColor: '#FF0000',
		fillOpacity: 0.10
	  });	

	marker.setMap(map);
	
}
function reset_puntos(lat,lon,z)
{
  if (markersArray) {
    for (i in markersArray) {
      markersArray[i].setMap(null);
    }
    markersArray.length = 0;
    var myLatlng = new google.maps.LatLng(lat,lon);
	map.setCenter(myLatlng);
	map.setZoom(z);
  }	
}


function mostrar_mapa(lat,lon,z) {
  var myLatlng = new google.maps.LatLng(lat,lon);
  var myOptions = {
	zoom: z,
	center: myLatlng,
    mapTypeControl: true,
    mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU},
	mapTypeId: google.maps.MapTypeId.HYBRID
  }
  map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
}

function centrar_mapa(lat,lon)
{
  var myLatLng = new google.maps.LatLng(lat,lon);
  map.panTo(myLatLng);
}

function mostrar_punto_detalle(lat,lon,id_syspubl01) {
  var myLatLng = new google.maps.LatLng(lat,lon);
  var beachMarker = new google.maps.Marker({
	  position: myLatLng,
	  map: map,
	  icon: 'modulos/mapas/media/amarillo.png'
  });
	//map.panTo(myLatLng);
	google.maps.event.addListener(beachMarker, 'click', function(event) 
	{
		    $.blockUI();
			$.ajax({
			  url: "modulos/estaciones/php/ver_estacion_preview_detalle.php?rela_syspubl01="+id_syspubl01,
			  success: function(data) {
				var infowindow = new google.maps.InfoWindow({
					content: data
				});
				infowindow.open(map,beachMarker);
				$.unblockUI();
			  }
			});	
		
	});
	$.ajax({
	  url: "modulos/estaciones/php/ver_estacion_preview_detalle.php?rela_syspubl01="+id_syspubl01,
	  async: false,
	  success: function(data) {
		var infowindow = new google.maps.InfoWindow({
			content: data
		});
		infowindow.open(map,beachMarker);
	  }
	});	

    beachMarker.setMap(map);
	markersArray[id_syspubl01]=beachMarker;
}

function mostrar_puntos(lat,lon,id_syspubl01) 
{

  var myLatLng = new google.maps.LatLng(lat,lon);
  var beachMarker = new google.maps.Marker({
	  position: myLatLng,
	  map: map,
	  icon: 'modulos/mapas/media/amarillo.png'
  });

	google.maps.event.addListener(beachMarker, 'click', function(event) 
	{
		$.blockUI();
		$.ajax({
		  url: "modulos/estaciones/php/ver_estacion_preview_detalle.php?rela_syspubl01="+id_syspubl01,
		  success: function(data) {
			var infowindow = new google.maps.InfoWindow({
				content: data
			});
			infowindow.open(map,beachMarker);
			$.unblockUI();
		  }
		});	
		
	});

    beachMarker.setMap(map);
	markersArray[id_syspubl01]=beachMarker;
}

//funciones para el mapa crecida
var markersArrayCrecida = [];
var infowindowArrayCrecida = [];

var map_crecida;
var punter_crecida=0;
var punter_actual=0;
var ciclos=3;
var ciclo_actual=0;
function reset_puntos_crecida()
{
  punter_crecida=0;	
  if (markersArrayCrecida) {
    for (i in markersArrayCrecida) {
      markersArrayCrecida[i].setMap(null);
    }
  }
    markersArrayCrecida.length = 0;
    infowindowArrayCrecida.length = 0;
	
}

function mostrar_mapa_crecida(lat,lon,z) {
  var myLatlng = new google.maps.LatLng(lat,lon);
  var myOptions = {
	zoom: z,
	center: myLatlng,
    mapTypeControl: true,
    mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU},
	mapTypeId: google.maps.MapTypeId.HYBRID
  }
  map_crecida = new google.maps.Map(document.getElementById("map_crecida"), myOptions);
}

function cM_crecida(lat,lon,icono,contenido,id_syspubl01)
{
 		
  var myLatLng = new google.maps.LatLng(lat,lon);
  var Marker = new google.maps.Marker({
	  position: myLatLng,
	  map: map,
	  icon: icono
  });
	//map.panTo(myLatLng);
	google.maps.event.addListener(Marker, 'click', function(event) 
	{
		var infowindow = new google.maps.InfoWindow({
			content: contenido,
			maxWidth: 200
		});
		infowindow.open(map_crecida,Marker);
		
	});
	var infowindow;
	infowindow = new google.maps.InfoWindow({
		content: contenido,
		maxWidth: 200
	});

	if (punter_crecida==0)
	{
		infowindow.open(map_crecida,Marker);
		punter_actual=0;
	}
	
    Marker.setMap(map_crecida);
	markersArrayCrecida[punter_crecida]=Marker;
	infowindowArrayCrecida[punter_crecida]=infowindow;
	punter_crecida=punter_crecida+1;

}

function mostrarPopupCrecida()
{
		
	tamano=infowindowArrayCrecida.length-1;
	//alert(tamano);
	infowindowArrayCrecida[punter_actual].close();
	if (punter_actual!=tamano)
	{
		punter_actual=punter_actual+1;
	}
	else
	{
		punter_actual=0;		
		ciclo_actual++;
		if (ciclo_actual==ciclos)
			clearInterval(t);

	}
	if (ciclo_actual!=ciclos)
		infowindowArrayCrecida[punter_actual].open(map_crecida,markersArrayCrecida[punter_actual]);

}

function dibujar_poligono_crecida(cordenadas)
{
	var aCordenadas=[];
	var sCordenadas=cordenadas.split(" ")
	//alert(is_add);
	var i=0;
	$.each(sCordenadas, function(key, value) { 
		var sValores=value.split(",");						 
		var myLatLng =  new google.maps.LatLng(sValores[1], sValores[0]);
		aCordenadas.push(myLatLng); 
	});

	var marker = new google.maps.Polygon({
		paths: aCordenadas,
		strokeColor: '#FF0000',
		strokeOpacity: 1,
		strokeWeight: 1,
		fillColor: '#FF0000',
		fillOpacity: 0.10
	  });	

	marker.setMap(map_crecida);
	
}

//calidad de aguas
function mostrar_punto_detalle_calidad_aguas(lat,lon,id_syscali01) {
  var myLatLng = new google.maps.LatLng(lat,lon);
  var beachMarker = new google.maps.Marker({
	  position: myLatLng,
	  map: map,
	  icon: 'modulos/mapas/media/amarillo.png'
  });
	//map.panTo(myLatLng);
	google.maps.event.addListener(beachMarker, 'click', function(event) 
	{
		    $.blockUI();
			$.ajax({
			  url: "modulos/reportes/calidad_aguas/php/ver_calidad_agua_reporte.php?id_syscali01="+id_syscali01,
			  success: function(data) {
				var infowindow = new google.maps.InfoWindow({
					content: data
				});
				infowindow.open(map,beachMarker);
				$.unblockUI();
			  }
			});	
		
	});
	$.ajax({
	  url: "modulos/reportes/calidad_aguas/php/ver_calidad_agua_reporte.php?id_syscali01="+id_syscali01,
	  async: false,
	  success: function(data) {
		var infowindow = new google.maps.InfoWindow({
			content: data
		});
		infowindow.open(map,beachMarker);
	  }
	});	

    beachMarker.setMap(map);
	markersArray[id_syscali01]=beachMarker;
}


function mostrar_puntos_calidad_aguas(lat,lon,id_syscali01) 
{

  var myLatLng = new google.maps.LatLng(lat,lon);
  var beachMarker = new google.maps.Marker({
	  position: myLatLng,
	  map: map,
	  icon: 'modulos/mapas/media/amarillo.png'
  });

	google.maps.event.addListener(beachMarker, 'click', function(event) 
	{
		$.blockUI();
		$.ajax({
		  url: "modulos/reportes/calidad_aguas/php/ver_calidad_agua_reporte.php?id_syscali01="+id_syscali01,
		  success: function(data) {
			var infowindow = new google.maps.InfoWindow({
				content: data
			});
			infowindow.open(map,beachMarker);
			$.unblockUI();
		  }
		});	
		
	});

    beachMarker.setMap(map);
	markersArray[id_syscali01]=beachMarker;
}


