$(document).ready(function(){
	function requisitaJson(that){
        
        $('.registros').removeClass('selected');
        $(that).addClass('selected');

		$('#tabella').empty();
        
		var html = '<table><thead><tr>';
		html += '<th>Mese</th>';
		html += '<th>Valore quota (&euro;)</th>';
        //html += '<th>Patrimonio (&euro;)</th>';
		html += '</tr></thead>';
		html += '<tbody>';
			
		var rand = Math.floor(Math.random() * 1000);
        
		$('#tabella').html('<i class="fa fa-refresh fa-spin"></i>');

		$.getJSON('/grafici/tabella.php?c=331&' + rand, function(data, textStatus, jqxhr){
        
            var numeroRegistros = $('.registros.selected').attr('id');
            
			$.each(data, function (i, obj) {
                if(obj.anno == numeroRegistros || numeroRegistros == 'all'){
                    html += '<tr>';
                    html += '<td>' + obj.data + '</td>';
                    html += '<td>' + obj.valore + '</td>';
                    //html += '<td>' + obj.andp + '</td>';
                    html += '</tr>';
                }
            });

			html += '</tbody>';
			html += '</table>';
            
			$('#tabella').html(html);
		});
        
        return false;
	}

	function menuAnni(){
		var anno;
		var html = '';
        
		$('#tabellaMenu').empty();
		
		var rand = Math.floor(Math.random() * 1000);

		$.getJSON('/grafici/tabella.php?c=331&a=10&' + rand, function(data, textStatus, jqxhr){
			
            var first = true;
            
            $.each(data, function (i, obj) {
				if(obj.anno != anno && obj.anno > 1){
					html += '<a href="#" id="' + obj.anno + '" class="registros' + (first ? ' selected' : '') + '">' + obj.anno + '</a> ';
					anno = obj.anno;
                    first = false;
				}
			});

			$('#tabellaMenu').html(html).append('<a class="registros" href="#" id="all">Tutti</a>');
            
			$('.registros').click(function(e){
            	return requisitaJson(this);
            });
            requisitaJson($('.registros.selected'));
		});
	}
	
    menuAnni();
});