Плагин цикла Jquery - несколько div с плагином цикла из одного скрипта?

Я новичок в jquery/javascript и мне нужна помощь!

Я хочу использовать плагин цикла в нескольких div с разными изображениями в каждом div. Каждый div имеет одинаковый размер, и все изображения имеют одинаковый размер.

Код, который я использовал до сих пор, показывает все изображения в первом div, но когда я нажимаю на свой логотип (который связан с index.html), все изображения внезапно появляются на месте и работают с плагином цикла.

вот что у меня в голове

<script type="text/javascript" src="js/jquery-1.3.js"></script>
        <script type="text/javascript" src="js/jquery.cycle.all.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                $('#box1').cycle({ 
                        fx:     'fade', 
                       speed:   300, 
                       timeout: 0, 
                       next:   '#box1', 
                       pause:   1  
                });
            });

            $(document).ready(function(){
                $('#box2').cycle({ 
                        fx:     'fade', 
                       speed:   300, 
                       timeout: 0, 
                       next:   '#box2', 
                       pause:   1  
                });
            });

            $(document).ready(function(){
                $('#box3').cycle({ 
                        fx:     'fade', 
                       speed:   300, 
                       timeout: 0, 
                       next:   '#box3', 
                       pause:   1  
                });
            });
        </script>

тело...

<div id="container">


            <div id="box1" class="box">
            <img src="images/car.jpg" alt="images/car.jpg"/>
            <img src="images/van.jpg" alt="images/van.jpg"/>
            </div>


            <div id="box2" class="box">
            <img src="images/bottle.jpg" alt="images/bottle.jpg"/>
            <img src="images/pattern.jpg" alt="images/pattern.jpg"/>
            </div>

            <div id="box3" class="box">
            <img src="images/car.jpg" alt="images/car.jpg"/>
            <img src="images/van.jpg" alt="images/van.jpg"/>
            </div>
    </div>

В css контейнер position: absolute;

Я уверен, что есть простое решение, но я безрезультатно искал stackoverflow и другие сайты. Любая помощь приветствуется!!!!