var page = 2;
var enableScroll = true;
var $container = $('.main-panel');
$container.scroll(function(e) {
  if (enableScroll === true && $container.scrollTop() === $container.prop('scrollHeight') - $container.height()) {
    $.get("/usuario/conversacion/mensajes-next/?pagina=" + page + "&con=" + $("#id_conversacion").val()).done(function(data){
        if(data == ''){
            enableScroll = false;
        }else{
            $('.timeline li:last').after(data);
            page = page + 1;
        }
    }).fail(function(xhr){
        showPop("Se ha producido un error al cargar las agresiones. Por favor, inténtelo de nuevo", "error");
    });
  }
})