$(document).ready(function(){

    //Esta funcion se lanza despues de agregar posts para ver si mantengo o no el boton "ver mas"
     //Numero de la categoria para buscar items, esto podria variar segun nombre del archivo
    function revisarItemsDisponibles(){

         //Vuelvo a contar los post impresos
          var itemsImpresos = $('tr.item').length;
          // Esto es un alias del metodo $.Ajax, solo que preconfigurado.
          // evnvio por Get, la cantidad de post impresos y "activo" el modo revision
          $.get("w_mas_post.php", { inicio: itemsImpresos, rev: "si",  tipo: tipo_num }, function(data){
              // Si me devuelve "false" -no hay mas post que los vistos" quito el boton "ver mas", queda mejor =)
              if ( data == "false"){ $('#ver_mas_items').hide(); }
          } );
      }
    
    var $containerPost = $('#container_items');
    // Reviso que exista ese div. 
    // Para evitar errores. En caso de que este el script en otras partes del site
    if( $containerPost.length ){ 
        // Cuando comienze la actividad Ajax oculto el "ver mas" y muestro la barra de loading
        $('#ver_mas_items').ajaxStart(function(){ 
            $(this).hide();
            $('#items_loading').show();
        });
       
       
      //Cuando hacen click en "ver mas" se desencadena esto
       $('#ver_mas_items').click(function(event){
           var postImpresos = $('tr.item').length; 
           $.ajax({
               url: "w_mas_post.php",             // archivo de consulta
               type: "GET",                     // consulta GET
               data: {inicio: postImpresos, tipo: tipo_num},    // Se envia un dato por GET, la cantidad de post ya impresos
               dataType: "html",                // Formato de los datos
               contentType: "text/html",
               // Si la respuesta es exitosa:
               success: function(html){         //html es el codigo devuelto

                   if( html == "vacio"){
                       // Si devuelve una cadena con el valor "vacio" es que no hay mas que mostrar
                       // Esto no deberia pasar nunca por que la funcion revisarPostDisponibles() 
                       // quita el boton "ver mas" si comprueba que no haya ninguno, pero por las dudas
                       return false;
                   }
                   
                   //Si no devuelve "vacio" es que hay items para mostrar
                   var items = $(this);
                   var $ultimoItem = $containerPost.find('tr.item:last');//Busco el <tr> del ultimo item agregado
    
                   $ultimoItem.after(html); // Agrego el bloqueo justo despues del ultimo item con .after();
               },
               complete: function(){
                   // Cuando se complete -sin errores- oculto el "loading" y muestro de nuevo el link "ver mas"
                   $('#items_loading').hide();
                   $('#ver_mas_items').show(); 

                   // Funcion para verificar si hay mas items (otra consulta ajax)
                   revisarItemsDisponibles();
               }
           }); // Final llamadaajax de mostrar mas post

       event.preventDefault(); // evito el evento click, asi no lleva la pagina al top.
       }); // Final del metodo Ajax para Ver mas post
       
    } // Final condicional IF por si no existe el container
    

});// Final ready();