$(document).ready(function(){
    
    monthNames = [
    	"Gen", 
        "Feb", 
        "Mar", 
        "Apr", 
        "Mag", 
        "Giu", 
        "Lug", 
        "Ago", 
        "Set", 
        "Ott", 
        "Nov", 
        "Dic"
    ];
    
    var mese = $('#graficoSlider').data('reloadMese');
    var anno = $('#graficoSlider').data('reloadAnno');
    var categoria = $('#graficoSlider').data('reloadCategoria');
    var lingua = $('#graficoSlider').data('reloadLingua');
    
    var value, min, max, start, num;
    
    value = $('#graficoSlider').data('sliderValue');
    min = value[0];
    max = value[1];
    
    if(max < min){

        start = max;
        num = min - max + 1;
    } else if(max == min){

        start = min;
        num = 1;
    } else{

        start = min;
        num = max - min + 1;
    }

    $('#graficoSlider').slider({
        formatter: function(value){
        
            if(typeof value == 'number'){
            
                var dt = new Date(anno, mese - 1, 1).calcFullMonths(-1 * (60 - value));
                return monthNames[dt.getMonth()] + ' ' + dt.getFullYear();
            }
        }
    });
    
    $('#graficoSlider').on('slideStop', function(slideEvt){
    
    	console.log(slideEvt.value);
    
        min = 60 - slideEvt.value[0];
        max = 60 - slideEvt.value[1];
        
        if(max < min){
    
            start = max;
            num = min - max + 1;
        } else if(max == min){
    
            start = min;
            num = 1;
        } else{
    
            start = min;
            num = max - min + 1;
        }
    
        $('#grafico').html('<i class="fa fa-refresh fa-spin"></i>');
        
        $.getScript('/grafici/grafico-slider.js.php?c=' + categoria + '&lang=' + lingua + '&start=' + start + '&num=' + num, function(data, textStatus, jqxhr){
        
            $('.menu-chart').removeClass('active');
            //$(that).addClass('active');
        });
        
        return false;
    });
    
    $('#grafico').html('<i class="fa fa-refresh fa-spin"></i>');
    $.getScript('/grafici/grafico-slider.js.php?c=' + categoria + '&lang=' + lingua + '&start=' + start + '&num=' + num);
});

Date.prototype.calcFullMonths = function(monthOffset) {

    //copy the date
    var dt = new Date(this);
    dt.setMonth(dt.getMonth() + monthOffset);
    return dt;
};