<div class="main-wrappur">
<h1 class="featured-title">
</h1>
<div id="featurebottom">
<div id="carousel">
<div class="container" style="visibility: visible; overflow: hidden; z-index: 2;">
<script>
document.write("<script src=\"/feeds/posts/default/-/"+label1+"?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");</script><script src="/feeds/posts/default/-/Soccer?max-results=10&orderby=published&alt=json-in-script&callback=showrecentposts"></script><ul style="padding: 0px; position: relative; list-style-type: none; z-index: 1;">
<div class="clear"></div>
</ul></div>
<div id="next_button">
<i class="fa fa-angle-right" id="carousel_but"></i>
</div>
<div id="previous_button">
<i class="fa fa-angle-left" id="carousel_but"></i>
</div>
</div>
<script type="text/javascript">
$("#carousel .container").jCarouselLite({
auto:4000,
scroll: 1,
speed: 800,
visible: 5,
start: 0,
circular: true,
btnPrev: "#previous_button",
btnNext: "#next_button"
});
</script>
</div>
<div class="clears"></div>
</div>