var d0Ant=];

var limUAnt=[[0,1.],[-1,1.]];
var limLAnt=[[0,-1.],[-1,-1.]];
var FechaAnt =[[4,"05"],[9,"10"],[14,"15<br> Diciembre 2023"],[19,"20"],[24,"25"],[29,"30"],[35,"05"],[40,"10"],[45,"15<br> Enero 2024"],[50,"20"],[55,"25"],[60,"30"],[66,"05"],[71,"10"],[76,"15<br> Febrero 2024"],[81,"20"],[86,"25"]];
$(function() {
$.plot("#placeSISAnt", [
		{
		data: limUAnt,
		lines: {  show: true, fill: false, },
		shadowSize: 1,
		color: '#00ff00'
	},
		{
		data: limLAnt,
		lines: {  show: true, fill: false, },
		shadowSize: 1,
		color: '#ffff00'
	},
	{
			data: d0Ant,		
			lines: {  show: true, fill: false},
			color: '#000000'
		},	
		{
			data: d0Ant,
			
			points: { show: true, radius: 2,symbol: 'circle' }  ,
			color: '#000000'
		},
		
		
		
		
		],
		
        {
        xaxis: {
                ticks: FechaAnt,
                 font: { 
                        size: 8,   family: 'verdana',style :'normal', color : 'black'
                         },
                     
                    
                },
        yaxis: {
                min:-3,
                max: 3,
                ticks: ['-3','-2','-1','0','1','2','3'],
                font: { 
                        size: 8,   family: 'verdana',style :'normal', color : 'black'
                      }  
               } ,
        grid: {
    			hoverable: true,
    			clickable: true ,
    			autoHighlight: true,  
             }       
        
        }
		
		);
	 
	});
	$('#placeSISAnt').bind('plothover', function (event, pos, item) {
        //alert('entre aca');
            if (item) {
                if (previousPoint != item.datapoint) {
                    previousPoint = item.datapoint;

                    $('#tooltip').remove();
                    var x = item.datapoint[0].toFixed(0),
                        y = item.datapoint[1].toFixed(2);
                        sis=d0Ant[x];
                        
                        showTooltip(item.pageX, item.pageY,
                                 'sis= '+sis[1]+' std');
                }
            }
            else {
                $('#tooltip').remove();
                previousPoint = null;
            }
        
    });   
    var data1Ant;
    $(function() {
    //  URL para recuperar la estacion 
        var dataurlAnt = 'get_json.php?NEst=87097&FechaI=2023-12-01&FechaF=2024-02-28' ;
        console.log(dataurlAnt);
        // recuperamos la serie con jQuery
        function onDataReceivedAnt(serie) {
          console.log('entre en Ant');
           data1Ant=serie.data;
           //alert(est[1].id);
           i=197;
           $('#TituloPPAnt').html( 'Precipitaci&oacute;n (mm) <br> Est: '+est[i].id +' - "' + est[i].nom + '" / lat: '+est[i].lat+ ' / lon: '+est[i].lng+ ' / alt: '+est[i].alt +' m');
            
            $.plot($('#preholderAnt'), [{data: serie.data,color:'blue'}],
             {
             bars: { show: true,
                     align: 'center'
                   },
             crosshair: { 
                     mode: 'x'
                   },       
     		xaxis: {
                ticks: FechaAnt,
                 font: { 
                        size: 8,   family: 'verdana',style :'normal', color : 'black'
                         },
                     
                    
                },             
             yaxis: {
                min:0,
                max: 125,
                ticks : [0,25,50,75,100,125],
                font: { 
                        size: 8,   family: 'verdana',style :'normal', color : 'black'
                      }  
               }  ,
            grid: {
    				hoverable: true,
    				clickable: true ,
    				autoHighlight: true,  
             }
             
             });
        };
    
        $.ajax({
            url: dataurlAnt,
            method: 'GET',
            async: false,
            dataType: 'json',
            success: onDataReceivedAnt,
            error: function (request, status, error) {
        		//Muestra el error en caso de problemas
        		alert(error)
   			 }
        });
        
      $('#preholderAnt').bind('plothover', function (event, pos, item) {
        
            if (item) {
                if (previousPoint != item.datapoint) {
                    previousPoint = item.datapoint;

                    $('#tooltip').remove();
                    var x = item.datapoint[0].toFixed(0),
                        y = item.datapoint[1].toFixed(2);
                        pr=data1Ant[x];
						console.log('pre '+pr[1]);                        
                        showTooltip(item.pageX, item.pageY,
                                 'pp= '+pr[1]+' mm');
                }
            }
            else {
                $('#tooltip').remove();
                previousPoint = null;
            }
        
       });        
        
   });