<div id="flyout2">
    <ul class="paginate">
        <li>
            <div id="subProd">
                <img class="thumb" src="images/outfits-1.jpg" width="110" height="110" /> <span class="product">
        <p class="title">Outfit 1</p>
            <p class="number">1111-1111</p>
            <p class="price">12.99</p>
        </span>
 <a href="#" id="one" class="button1">+ Add item</a>
 <a href="#" class="qv"><img src="images/subProd_qv.png" width="17" height="17" /></a>

            </div>
        </li>
        <li>
            <div id="subProd">
                <img class="thumb" src="images/outfits-2.jpg" width="110" height="110" /> <span class="product">
        <p class="title">Outfit 2</p>
            <p class="number">1111-1111</p>
            <p class="price">12.99</p>
		</span>
 <a href="#" id="one" class="button1">+ Add item</a>
 <a href="#" class="qv"><img src="images/subProd_qv.png" width="17" height="17" /></a>

            </div>
        </li>
        <li>
            <div id="subProd">
                <img class="thumb" src="images/outfits-3.jpg" width="110" height="110" /> <span class="product">
        <p class="title">Outfit 3</p>
            <p class="number">1111-1111</p>
            <p class="price">12.99</p>
		</span>
 <a href="#" id="one" class="button1">+ Add item</a>
 <a href="#" class="qv"><img src="images/subProd_qv.png" width="17" height="17" /></a>

            </div>
        </li>
        <li>
            <div id="subProd">
                <img class="thumb" src="images/outfits-4.jpg" width="110" height="110" /> <span class="product">
        <p class="title">Outfit 4</p>
            <p class="number">1111-1111</p>
            <p class="price">12.99</p>
		</span>
 <a href="#" id="one" class="button1">+ Add item</a>
 <a href="#" class="qv"><img src="images/subProd_qv.png" width="17" height="17" /></a>

            </div>
        </li>
        <li>
            <div id="subProd">
                <img class="thumb" src="images/outfits-5.jpg" width="110" height="110" /> <span class="product">
        <p class="title">Outfit 5</p>
            <p class="number">1111-1111</p>
            <p class="price">12.99</p>
		</span>
 <a href="#" id="one" class="button1">+ Add item</a>
 <a href="#" class="qv"><img src="images/subProd_qv.png" width="17" height="17" /></a>

            </div>
        </li>
        <li>
            <div id="subProd">
                <img class="thumb" src="images/outfits-6.jpg" width="110" height="110" /> <span class="product">
        <p class="title">Outfit 6</p>
            <p class="number">1111-1111</p>
            <p class="price">12.99</p>
		</span>
 <a href="#" id="one" class="button1">+ Add item</a>
 <a href="#" class="qv"><img src="images/subProd_qv.png" width="17" height="17" /></a>

            </div>
        </li>
        <li>
            <div id="subProd">
                <img class="thumb" src="images/outfits-7.jpg" width="110" height="110" /> <span class="product">
        <p class="title">Outfit 7</p>
            <p class="number">1111-1111</p>
            <p class="price">12.99</p>
		</span>
	<a href="#" id="one" class="button1">+ Add item</a>
 <a href="#" class="qv"><img src="images/subProd_qv.png" width="17" height="17" /></a>

            </div>
        </li>
        <li>
            <div id="subProd">
                <img class="thumb" src="images/outfits-8.jpg" width="110" height="110" /> <span class="product">
        <p class="title">Outfit 8</p>
            <p class="number">1111-1111</p>
            <p class="price">12.99</p>
		</span>
 <a href="#" id="one" class="button1">+ Add item</a>
 <a href="#" class="qv"><img src="images/subProd_qv.png" width="17" height="17" /></a>

            </div>
        </li>
        <li>
            <div id="subProd">
                <img class="thumb" src="images/outfits-9.jpg" width="110" height="110" /> <span class="product">
        <p class="title">Outfit 9</p>
            <p class="number">1111-1111</p>
            <p class="price">12.99</p>
		</span>
 <a href="#" id="one" class="button1">+ Add item</a>
 <a href="#" class="qv"><img src="images/subProd_qv.png" width="17" height="17" /></a>

            </div>
        </li>
        <li>
            <div id="subProd">
                <img class="thumb" src="images/outfits-10.jpg" width="110" height="110" /> <span class="product">
        <p class="title">Outfit 10</p>
            <p class="number">1111-1111</p>
            <p class="price">12.99</p>
		</span>
 <a href="#" id="one" class="button1">+ Add item</a>
 <a href="#" class="qv"><img src="images/subProd_qv.png" width="17" height="17" /></a>

            </div>
        </li>
        <li>
            <div id="subProd">
                <img class="thumb" src="images/outfits-11.jpg" width="110" height="110" /> <span class="product">
        <p class="title">Outfit 11</p>
            <p class="number">1111-1111</p>
            <p class="price">12.99</p>
        </span>
 <a href="#" id="one" class="button1">+ Add item</a>
 <a href="#" class="qv"><img src="images/subProd_qv.png" width="17" height="17" /></a>

            </div>
        </li>
    </ul>
</div>
<script>
    $(document).ready(function() {
        $('.paginate').flexipage();
    });
</script>
<!-- INSERT BETWEEN BRACKETS { perpage:5, carousel: true, speed:800, animation: "swing" } -->