$(document).ready(function() {

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