$(document).ready(function() {
  $('#bof').hide().addClass('inactive');
  $('#cote').hide().addClass('inactive');
  $('#es_small').hide().addClass('active_small');
  $('#es').addClass('active');

$("#bof_small").click(function () {
      $('.active').hide().removeClass('active').addClass('inactive');
      $("#bof_small").hide().removeClass('inactive');
      $('.active_small').fadeIn(1000).removeClass('active_small').addClass('inactive');   
      $("#bof").fadeIn(1000).removeClass('inactive').addClass('active');
      $('#bof_small').addClass('active_small');

      return false;
    }); 

$("#es_small").click(function () {
      $('.active').hide().removeClass('active').addClass('inactive');
      $("#es_small").hide().removeClass('inactive');
      $('.active_small').fadeIn(1000).removeClass('active_small').addClass('inactive');   
      $("#es").fadeIn(1000).removeClass('inactive').addClass('active');
      $('#es_small').addClass('active_small');

      return false;
    }); 

$("#cote_small").click(function () {
      $('.active').hide().removeClass('active').addClass('inactive');
      $("#cote_small").hide().removeClass('inactive');
      $('.active_small').fadeIn(1000).removeClass('active_small').addClass('inactive');   
      $("#cote").fadeIn(1000).removeClass('inactive').addClass('active');
      $('#cote_small').addClass('active_small');

      return false;
    }); 

});