Новостной слайдер

{literal}
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js" ></script>
    <script type="text/javascript">
        $(document).ready(function(){
        $("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);
    });
    </script>
{/literal}
 
{if $is_slider}
<div id="featured">
	<ul class="ui-tabs-nav">
		{foreach key=id item=title from=$slider}
		<li class="ui-tabs-nav-item ui-tabs-selected" id="nav-fragment-{$title.id}"><a href="#fragment-{$title.id}"><img src="/images/photos/small/article{$title.id}.jpg" alt="" width="50px" height="50px" /><span class="ttl">{$title.title}</span></a></li>
		{/foreach}
	</ul>
	{foreach key=id item=title from=$slider}
	<div id="fragment-{$title.id}" class="ui-tabs-panel" style="">
        <a href="/{$title.seolink}.html" style="border-radius: 8px; overflow: hidden; display: block;">
		<img src="/images/photos/medium/article{$title.id}.jpg" alt="" width="350px" /></a>
		<div class="info" >
			<!-- <a href="#" >{$title.title}</a> -->
			<p><a href="/{$title.seolink}.html" >{$title.content}</a></p>
		</div>
	</div>
	{/foreach}
 
</div>
{/if}

WHERE con.published = 1 AND con.showlatest = 1 

AND con.category_id=4