<div id="spiffySlides">
    <ul class="slides">
        <li class="active">
            <img src="../assets/paginator/images/1.jpg">
        </li>
        <li>
            <img src="../assets/paginator/images/2.jpg">
        </li>
        <li>
            <img src="../assets/paginator/images/3.jpg">
        </li>
        <li>
            <img src="../assets/paginator/images/4.jpg">
        </li>
        <li>
            <img src="../assets/paginator/images/5.jpg">
        </li>
    </ul>
    <ul class="controls">
        <li class="active"><a href="#slide-1">1</a></li>
        <li><a href="#slide-2">2</a></li>
        <li><a href="#slide-3">3</a></li>
        <li><a href="#slide-4">4</a></li>
        <li><a href="#slide-5">5</a></li>
    </ul>
    <div class="paused">paused...</div>
</div>