$(document).ready(function(){

	function datiTabella(that){
        
        $('.menu-tabella').removeClass('active');
        $(that).addClass('active');

		$('#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>';
			
		$('#tabella').html('<i class="fa fa-refresh fa-spin"></i>');

		$.getJSON('/grafici/tabella.php', 'c=29&lang=', function(data, textStatus, jqxhr){
        
            var anno = $('.menu-tabella.active').attr('id');
            
			$.each(data, function(i, obj){
            
                if(obj.anno == anno || anno == 'all'){
                
                    html += '<tr>';
                    html += '<td>' + obj.data + '</td>';
                    html += '<td>' + (obj.valore? obj.valore: '') + '</td>';
                    //html += '<td>' + (obj.andp? obj.andp: '') + '</td>';
                    html += '</tr>';
                }
            });

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

	function menuAnni(){
		var anno;
		var html = '';
        
		$('#tabellaMenu').empty();
		
		$.getJSON('/grafici/tabella.php', 'c=29&lang=&a=5', 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="menu-tabella' + (first ? ' active' : '') + '">' + obj.anno + '</a>';
					anno = obj.anno;
                    first = false;
				}
			});

			$('#tabellaMenu').html(html).append('<a class="menu-tabella" href="#" id="all">Tutti</a>');
            
			$('.menu-tabella').on('click', function(e){
            
            	return datiTabella(this);
            });
            datiTabella($('.menu-tabella.active'));
		});
	}
	
    menuAnni();
});