$(document).ready(function(){

    function graficoMenu(){
        
        var categoria = $('#grafico').attr('data-categoria');
        
        // menu grafici
        var htmlMenu = '';
        htmlMenu += '<a class="menu-chart selected" href="#" data-categoria="' + categoria + '" data-query="m=12">1 anno</a> ';
        htmlMenu += '<a class="menu-chart" href="#" data-categoria="' + categoria + '" data-query="m=24">2 anni</a> ';
        htmlMenu += '<a class="menu-chart" href="#" data-categoria="' + categoria + '" data-query="m=36">3 anni</a> ';
        htmlMenu += '<a class="menu-chart" href="#" data-categoria="' + categoria + '" data-query="m=60">5 anni</a> ';
        $('#graficoMenu').html(htmlMenu);
        
        // click menu
        $('.menu-chart').click(function () { 
            
            var query = $(this).attr('data-query');
            var categoria = $(this).attr('data-categoria');
            var that = this;
            
            $('#grafico').html('<i class="fa fa-refresh fa-spin"></i>');
            
            $.getScript('/grafici/grafico.js.php?c=' + categoria + '&' + query, function(data, textStatus, jqxhr){
            
                $('.menu-chart').removeClass('selected');
                $(that).addClass('selected');
                $('.equalcolumns').matchHeight();
                
            });
            
            return false;
        });
    	
        $('.menu-chart.selected').trigger('click');
    }
    
    graficoMenu();
});