Ayuda rotador de imagenes

[ppnet]

Que tal,

Estoy modificando un rotador de imagen para mi web.

EL javascript del mismo es este:

Código Javascript:

<SCRIPT type="text/javascript">
        function slideshow_start() { aktiv = setInterval("slideshow()",7500); }
        promo_id = 2;
        slideshow_start();
                
        function slideshow() 
        {
            switch (promo_id)
            {
                case 1: change1(); break;
                case 2: change2(); break;
                case 3: change3(); break;
                case 4: change4(); break;
            }
            promo_id++;
            if (promo_id > 4)
            {
                promo_id = 1;
            }
        }
 
    function change1() {
                    $("#promo1").fadeIn(500);
                    $("#promo2").fadeOut(500);
                    $("#promo3").fadeOut(500);
                    $("#promo4").fadeOut(500);
                    $("#selector li").removeClass("active");
                    $("#select-promo-1").addClass("active"); }
 
    function change2() {
                    $("#promo1").fadeOut(500);
                    $("#promo2").fadeIn(500);
                    $("#promo3").fadeOut(500);
                    $("#promo4").fadeOut(500);
                    $("#selector li").removeClass("active");
                    $("#select-promo-2").addClass("active"); }
 
    function change3() {
                    $("#promo1").fadeOut(500);
                    $("#promo2").fadeOut(500);
                    $("#promo3").fadeIn(500);
                    $("#promo4").fadeOut(500);
                    $("#selector li").removeClass("active");
                    $("#select-promo-3").addClass("active"); }
 
    function change4() {
                    $("#promo1").fadeOut(500);
                    $("#promo2").fadeOut(500);
                    $("#promo3").fadeOut(500);
                    $("#promo4").fadeIn(500);
                    $("#selector li").removeClass("active");
                    $("#select-promo-4").addClass("active"); }
 
        $(document).ready(function(){ $("#select-promo-1 a").click(function(event) { change1(); clearInterval(aktiv); }); });
        $(document).ready(function(){ $("#select-promo-2 a").click(function(event) { change2(); clearInterval(aktiv); }); });
        $(document).ready(function(){ $("#select-promo-3 a").click(function(event) { change3(); clearInterval(aktiv); }); });
        $(document).ready(function(){ $("#select-promo-4 a").click(function(event) { change4(); clearInterval(aktiv); }); });
  </SCRIPT>
 

Ademas importo el jquery pack...

Luego, tengo el div con el html, que es asi:

Código HTML:

<DIV id="teaser_1_1">
    <DIV id="promo1" style="display: block; ">
        <A href="https://www.s04-shop.de/productdetails.aspx?id=14&itemno=20860"><IMG src="img/BORRAR.jpg"></A>
    </DIV>
    <DIV id="promo2" style="display: none; ">
        <A href="https://www.s04-shop.de/category.aspx?id=39"><IMG src="img/BORRAR4.jpg"></A>
    </DIV>
    <DIV id="promo3" style="display: none; ">
        <A href="https://www.s04-shop.de/category.aspx?id=61"><IMG src="img/BORRAR5.jpg"></A>
    </DIV>
    <DIV id="promo4" style="display: none; ">
        <A href="https://www.s04-shop.de/category.aspx?id=87"><IMG src="./Der offizielle Fan-Shop des FC Schalke 04_files/teaser-1-1-4.jpg"></A>
    </DIV>
    
    <UL id="selector">
        <LI id="select-promo-1" class="active"><A href="#">Refuerzos</A></LI>
        <LI id="select-promo-2" class=""><A href="#">Gabriel Mercado</A></LI>
        <LI id="select-promo-3" class=""><A href="#">Ventas</A></LI>
        <LI id="select-promo-4" class="2"><A href="#">Fixture torneo</A></LI>
    </UL>
</DIV>
 

La cuestion es que me rota bien las imagenes, pero en el UL LI donde tengo digamos la botonera debajo de las imagenes, al clickear, no me corre las imagenes...

Esta es la web donde lo estoy colocando:

http://www.pinchapasion.net/ppnet2/index2.php


Muchas gracias !