Scroll Infinito y PHP

[deioseayo]

Hola a todos. Les explico. Estoy tratando de hacer un scroll infinito (esos de que cuando bajas el scroll trae nuevos registros de una BD).

Pues bien, aqui tengo mi codigo JS

Código Javascript:

$("#datosCargados").load("data.php")
$(window).scroll(function () {  
    
    var id      =   $("#datosCargados li:last").attr("id");
    
   if ($(window).scrollTop() >= $(document).height() - $(window).height() - 10) {
       var catA =   $("#catActual").val()
       
      $.get("data.php", { ultimo: id },
       function(data) {
         $("#datosCargados").append(data)
       });
        
   }
});
 

Lo que trato de hacer es, cargar en un div una web externa en php con una lista de productos (cada producto tiene un id) ubico el ultimo LI y obtengo su id para luego enviarlo a mi php por get, asi este me devuelve mas datos a partir de este ultimo ID


Aqui tengo el php, que ya le di mil vueltas y al parecer esta bien, pero lo pongo por las dudas:

Código PHP:

include("dbcon.php");
$total_resultados = 6;
$ultimo = $_GET['ultimo'];
 
if(isset($ultimo)){
        
        $sql = mysql_query("SELECT * FROM productos ORDER BY id ASC LIMIT $ultimo,$total_resultados") or die(mysql_error());
    while($rows = mysql_fetch_array($sql)){
        echo $ultimo;
        echo "<a href='phpThumb.php?src=img/productos/".$rows['foto']."&w=6000&h=600'><li data-medidas='".$rows['medidas']."' data-categoria='".$rows['categoria']."' class='Product' id='".$rows['id']."'><img src='phpThumb.php?src=img/productos/".$rows['foto']."&w=170&h=182' /></li></a>";
    }
    
 
}else{
 
    $sql = mysql_query("SELECT * FROM productos ORDER BY id ASC LIMIT 0,$total_resultados") or die(mysql_error());
    while($rows = mysql_fetch_array($sql)){
        echo "<a href='phpThumb.php?src=img/productos/".$rows['foto']."&w=6000&h=600'><li data-medidas='".$rows['medidas']."' data-categoria='".$rows['categoria']."' class='Product' id='".$rows['id']."'><img src='phpThumb.php?src=img/productos/".$rows['foto']."&w=170&h=182' /></li></a>";
    }   
 
}
 

Solo espera la ultima id para hacer una busqueda.

Ahora, no se que es lo que falla ya que simplemente no carga, ni se repite, ni tira error. solo no funciona, firebug dice que envia correctamente la variable y e visto con alerts y echos que el id esta pasando. Pero! siempre es el mismo.

Creo que mi javascript no esta leyendo los LI correctamente y solo rescata el mismo ultimo ID.


Subi el avance del sitio aquí: http://davidsalcedo.com/labs/trofeos/

Me gustaria que me ayuden y si es posible facilitarme un plugin o mejor codigo si es que estoy errado en mi forma de trabajar.

Gracias!