Galleriffic Display Code

!-- Start Advanced Gallery Html Containers -->
                <div id="gallery" class="content">
                    <div id="controls" class="controls"></div>
                    <div class="slideshow-container">
                        <div id="loading" class="loader"></div>
                        <div id="slideshow" class="slideshow"></div>
                    </div>
                    <div id="caption" class="caption-container"></div>
                </div>

                <div id="thumbs" class="navigation">

                    <ul class="thumbs noscript">
                        <li>
                            <a class="thumb" name="leaf" href="images/slideshow/home/imageTEST.jpg" title="Title #0">
                                <img src="images/slideshow/home/thumbnail/image1.jpg" alt="Title #0" />
                            </a>
                            <div class="caption">
                                <div class="image-title"></div>
                                <div class="image-desc"></div>
                            </div>
                        </li>

                        <li>
                            <a class="thumb" name="drop" href="images/slideshow/home/image2.jpg" title="Title #1">
                                <img src="images/slideshow/home/thumbnail/image1.jpg" alt="Title #1" />
                            </a>
                            <div class="caption">

                            </div>
                        </li>

                        <li>
                            <a class="thumb" name="bigleaf" href="images/slideshow/home/image3.jpg" title="Title #2">
                                <img src="images/slideshow/home/thumbnail/image1.jpg" alt="Title #2" />
                            </a>
                            <div class="caption">
                                <div class="image-title"></div>
                                <div class="image-desc"></div>
                            </div>
                        </li>

                        <li>
                            <a class="thumb" name="lizard" href="images/slideshow/home/image4.jpg" title="Title #3">
                                <img src="images/slideshow/home/thumbnail/image1.jpg" alt="Title #3" />
                            </a>
                            <div class="caption">
                                <div class="image-title"></div>
                                <div class="image-desc"></div>
                            </div>
                        </li>

                        <li>
                            <a class="thumb" href="images/slideshow/home/image5.jpg" title="Title #4">
                                <img src="images/slideshow/home/thumbnail/image1.jpg" alt="Title #4" />
                            </a>
                            <div class="caption">
                                <div class="image-title"></div>
                                <div class="image-desc"></div>
                            </div>
                        </li>

                        <li>
                            <a class="thumb" href="images/slideshow/home/image6.jpg" title="Title #5">
                                <img src="images/slideshow/home/thumbnail/image1.jpg" alt="Title #5" />
                            </a>
                            <div class="caption">
                                <div class="image-title"></div>
                                <div class="image-desc"></div>
                            </div>
                        </li>

                        <li>
                            <a class="thumb" href="images/slideshow/home/image7.jpg" title="Title #6">
                                <img src="images/slideshow/home/thumbnail/image1.jpg" alt="Title #6" />
                            </a>
                            <div class="caption">
                                <div class="image-title"></div>
                                <div class="image-desc"></div>
                            </div>
                        </li>

                        <li>
                            <a class="thumb" href="images/slideshow/home/image8.jpg" title="Title #7">
                                <img src="images/slideshow/home/thumbnail/image1.jpg" alt="Title #7" />
                            </a>
                            <div class="caption">
                                <div class="image-title"></div>
                                <div class="image-desc"></div>
                            </div>
                        </li>
                        <!--<li>
                            <a class="thumb" href="images/slideshow/home/image8.jpg" title="Title #7">
                                <img src="images/slideshow/home/thumbnail/image1.jpg" alt="Title #7" />
                            </a>
                            <div class="caption">
                                <div class="image-title">Title #7</div>
                                <div class="image-desc">Description</div>
                            </div>
                        </li>-->
                    </ul>