Traducir función JS a jQuery

[zyxer]

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:

<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.