<style>
.active{
color: #cc0000;
}
</style>
<script>
$('#b1').click(funcrtion(){
$('.t2').removeClass('active');
$('.t3').removeClass('active');
$('.t1').addClass('active');
});
$('#b2').click(funcrtion(){
$('.t1').removeClass('active');
$('.t3').removeClass('active');
$('.t2').addClass('active');
});
$('#b3').click(funcrtion(){
$('.t1').removeClass('active');
$('.t2').removeClass('active');
$('.t3').addClass('active');
});
</script>
function numberShorter(value, fixed, symbols) {
var schema = symbols || ['', 'k', 'M', 'G', 'T', 'P', 'E', 'Z', 'Y'];
var index = Math.floor(Math.log10(value) / 3);
return (value / Math.pow(10, 3 * index)).toFixed(fixed || 2) + (schema[index] === undefined ? ('e' + index * 3) : schema[index]);
}