Hola, tengo una función hecha en javascript para lograr un efecto de scroll infinito que me gustaría traducir a jQuery, debido a que (aunque está funcionando bien) de no traducirla tendría que hacer un cruce entre JS y jQuery que hasta ahora me ha resultado imposible... y la verdad... no sé nada de jQuery y debo resolver esto rápido (me vi obligado tumbar la página poner la página hasta arreglar ese bug

).
Bueno, aquí está mi función JS:
Código Javascript
:
Ver original<script type="text/javascript">
window.onscroll = scroll;
//setInterval('contador()',5000);
function scroll(){
// declarar variables de body y html
var body = document.body,
html = document.documentElement;
// declarar variable height igual a la mayor de las alturas para todos los navegadores
var height = Math.max( body.scrollHeight, body.offsetHeight,
html.clientHeight, html.scrollHeight, html.offsetHeight );
// ver si el scroll esta a una altura que se empieza a ver las estadisticas o el pie de pagina.
var stats = document.getElementById('contact').offsetHeight;
var footer = document.getElementById('footer').offsetHeight;
var pantalla = window.innerHeight;
if ((parseInt(height)-parseInt(stats)-parseInt(footer)-parseInt(pantalla)) <= window.pageYOffset){
// traer mas contenido nuevo
refreshPosts();
}
}
function refreshPosts(){
if(document.getElementById("canRefreshWall").value == 1){
// declarar variable start igual a la cantidad de post en el muro
var start = 0;
var numDiv = document.getElementsByTagName("div");
for (i=0; ele = numDiv[i]; i++){
if (ele.className == 'photo-holder'){
start++;
}
}
var filter = "<?php echo $_GET['filter']; ?>";
// Ajax para cargar post antiguos
var OBJrefreshAllPosts=new XMLHttpRequest();
OBJrefreshAllPosts.onreadystatechange=function()
{
if (OBJrefreshAllPosts.readyState==4 && OBJrefreshAllPosts.status==200)
{
document.getElementById("work-items").innerHTML = document.getElementById("work-items").innerHTML + OBJrefreshAllPosts.responseText;
}
}
OBJrefreshAllPosts.open("GET","system/ajax/showVideos.php?filter="+filter+"&start="+start,true);
OBJrefreshAllPosts.send();
// Evitar que siga refrescando
document.getElementById("canRefreshWall").value = 0;
setTimeout(function(){document.getElementById("canRefreshWall").value = 1;}, 4000);
setTimeout( colorBoxx(), 4000); // colorBoxx() es una función hecha en jQuery
}
}
</script>
Espero me puedan ayudar, y gracias por anticipado.