[jQuery] Jquery slider within Jquery Gallerific

[jQuery] Jquery slider within Jquery Gallerific


Hey everyone, I've only been into Jquery for a few months so I haven't
mastered the code yet, was hoping someone could help me.
I'm set up using Gallerific just like this -> http://www.twospy.com/galleriffic/advanced.html
I am using it to show a portfolio of clients work. However, for each
tumbnail, the client has requested a slide show of images (basic
PREV / NEXT).
Easy enough, I found a script that runs on the latest version of
jquery (as I was having problems with others).
I am using Easy Slider for this ---> http://cssglobe.com/lab/easyslider1.5/01.html
The slider works fine on its own, but when I try put the slider within
the comments section of Gallerific, the slider breaks and just shows
all images in a vertical line.
So my basic code is
                            <div class="caption"> (the caption for Gallerific goes here)
    <div id="slider"> (this is the slider plugin)
        <ul>
            <li><a href="http://templatica.com/preview/30"><img src="images/
01.jpg" alt="Css Template Preview" /></a></li>
            <li><a href="http://templatica.com/preview/7"><img src="images/
02.jpg" alt="Css Template Preview" /></a></li>
            <li><a href="http://templatica.com/preview/25"><img src="images/
03.jpg" alt="Css Template Preview" /></a></li>
            <li><a href="http://templatica.com/preview/26"><img src="images/
04.jpg" alt="Css Template Preview" /></a></li>
            <li><a href="http://templatica.com/preview/27"><img src="images/
05.jpg" alt="Css Template Preview" /></a></li>
        </ul>
</div>
I've spent a whole day on this and I am completly stumped!
Willing to paypal some beer money to anyone that can help me!