$(document).ready(function() {

  $("#loadBccrTcLink").click(function () {
    $("#status").html('Cargando...');
    $.get('tcbccr', function(data) {
      $('#callbackDiv').html(data);
      $("#status").html(' ');
    });
    return false;
  });

  $("#loadGasLink").click(function () {
    $("#status").html('Cargando...');
    $.get('recope', function(data) {
      $('#callbackDiv').html(data);
      $("#status").html(' ');
    });
    return false;
  });

  $("#loadOilLink").click(function () {
    // we need to use innerHTML directly here
    // because somehow the script overrides ALL the page content
    document.getElementById('callbackDiv').innerHTML =
        $('#oilDataDiv').html();
    return false;
  });

  $("#loadEuroTcLink").click(function () {
    $('#callbackDiv').html(
        $('#euroDiv').html()
        );
    return false;
  });

  $("#loadCalcLink").click(function() {
    $("#status").html('Cargando...');
    $.get('calc', function(data) {
      $('#callbackDiv').html(data);
      $("#status").html(' ');
    });
    return false;
  });

});