Problema con jquery

[Sandino]

Hola amigos les cuento q estoy trabajando con una template de wordpress, la cosa es que necesito agregarle un jquery, un script muy simple para poder mostrar un slide de imagenes, el problema que no puedo e buscado por todos lados y no me a resultado nada.como ven soy bastante novato en esto del wordpress.
Esto tengo en function.php de mi template

Código PHP:

  function mi_inicio() {
    if (!is_admin()) {
        // comment out the next two lines to load the local copy of jQuery
        wp_deregister_script('jquery');
        wp_enqueue_script('jquery');
    }
}
add_action('init', 'mi_inicio'); 
   

Y este es mi codigo js

Código HTML:

$(document).ready(function(){
    var slides, timer;
    slides = $('#slider .slidesContainer > .slide');
    function sliderScroll(direction){
       position = $('#slider').scrollLeft();
       totalWidth = (slides.length * slides[0].offsetWidth) - slides[0].offsetWidth
       switch (direction) {
            case 'right': //Derecha
                if (position+slides[0].offsetWidth > totalWidth){ //Si la siguiente posición se sale del contenedor, vuelve al principio.
                    $('#slider:not(:animated)').animate({scrollLeft:0},1000);
                } else { //Si no es el final, suma a la posición actual la anchura del slide.
                    $('#slider:not(:animated)').animate({scrollLeft:position+slides[0].offsetWidth},1000);
                }
                break;

            case 'left': //Izquierda
                if (position-slides[0].offsetWidth < 0){ //Si la siguiente posición se sale del contenedor, vuelve al final.
                    $('#slider:not(:animated)').animate({scrollLeft:totalWidth},1000);
                } else { //Si no es el final, resta a la posición actual la anchura del slide.
                    $('#slider:not(:animated)').animate({scrollLeft:position-slides[0].offsetWidth},1000);
                }
                break;
        }

   }
   function initTimer(){
        timer = setInterval(function(){sliderScroll('right');}, 5000);
   }


    $('#slider .slidesContainer').css('width',slides[0].offsetWidth * slides.length);
    $('.next').click(function(){
        clearInterval(timer); //Desactiva el temporizador
        sliderScroll('right'); //Mueve el scroll a la derecha
        initTimer(); //Vuelve a activar el temporizador
        return false;
    });

    //Click en el botón "prev"
    $('.prev').click(function(){
        clearInterval(timer); //Desactiva el temporizador
        sliderScroll('left'); //Mueve el scroll a la izquierda
        initTimer(); //Vuelve a activar el temporizador
        return false;
    });
    initTimer();

});

Espero me puedan ayudar que e estado todo el dia pegado en esto.
Gracias