Как вывести слайд-шоу с помощью сниппета Ditto

Как вывести слайд-шоу с помощью сниппета Ditto
Вот сама галерея
<div id="featured_slide">
<div class="wrapper">
<div class="featured_content">
<ul id="accordion">
<li class="current">
<div class="featured_box">
<h2>1. Aliquatjusto quisque nam</h2>
<p>Orcimagna rhoncus et a nec antesque sed temportor pellus nibh conseque. Accumstsemper wisi pretium feugiat non ut eleifendrerisque at et condisse sce. Iaculumorci congue nam mollis odio id cras orci vestique euisquet at. Donecconsectetus lacilis ac pellus nam nibh curabitur sed anterdum nectetus adipis. Pretiummagnisse antes nunc pretium convallis tincidunt non at rutrumt.</p>
<p class="readmore"><a href="#">Continue Reading &raquo;</a></p>
</div>
<div class="featured_tab"> <img src="images/demo/100x100.gif" alt="" />
<p>Tabbed Navigation 1</p>
</div>
</li>
<li>
<div class="featured_box">
<h2>2. Aliquatjusto quisque nam</h2>
<p>Duisvest lacus pellus purus temper maurisus et sodalesuada loreet sapiente et. Quissociis magnisl orci dui nulla ut antesque malesuada sed pede et. Idlacus ridiculisi nec cursus enim ac tur urnar nunc pellus pellenterdum. Necelisi aliquat curabiturpiscing semportortor sed et velit convallis quat adipiscing cursus. Rutrumeget id ipsum et sed maurisuspendimentum auctor siti.</p>
<p class="readmore"><a href="#">Continue Reading &raquo;</a></p>
</div>
<div class="featured_tab"><img src="images/demo/100x100.gif" alt="" />
<p>Tabbed Navigation 2</p>
</div>
</li>
<li>
<div class="featured_box">
<h2>3. Dapiensociis temper</h2>
<p>Pharetiumurna habitur et enim pellentesque phasellus aliquam nunc quis justo nam. Lobortororci dapibulum ac intesquet ut id sed intesque nec alique congue. Liberoaenec vest maurisus libero pede nisl ligula cursus vitae dis metus. Aeneanaccumsan orci nasce ac pulvinare enim tor quis antesque cumsan in. Justomontesque sem ac dolor iaculum dolor orci elit lacus et vestibulum.</p>
<p class="readmore"><a href="#">Continue Reading &raquo;</a></p>
</div>
<div class="featured_tab"><img src="images/demo/100x100.gif" alt="" />
<p>Tabbed Navigation 3</p>
</div>
</li>
<li>
<div class="featured_box">
<h2>4. Nullain convallis ris elis</h2>
<p>Nullamcorpervivamus nisl in sed adipit donec feugiat lor vel velit volutpat. Wisihabitur diculisi ac curabitur cursuspendreris sociis sed eger ipsum condisse laculis. Curabiturid non eu curabitae nibh por nullamcorper at nibh elis fring. Vestnibh congue praesenenatis justo et maecenasceleifend senterdum malesuada at dolor amet. Turisristibulum curabitae eros leo at interd.</p>
<p class="readmore"><a href="#">Continue Reading &raquo;</a></p>
</div>
<div class="featured_tab"><img src="images/demo/100x100.gif" alt="" />
<p>Tabbed Navigation4</p>
</div>
</li>
<li>
<div class="featured_box">
<h2>5. Nullain convallis ris elis</h2>
<p>Nullamcorpervivamus nisl in sed adipit donec feugiat lor vel velit volutpat. Wisihabitur diculisi ac curabitur cursuspendreris sociis sed eger ipsum condisse laculis. Curabiturid non eu curabitae nibh por nullamcorper at nibh elis fring. Vestnibh congue praesenenatis justo et maecenasceleifend senterdum malesuada at dolor amet. Turisristibulum curabitae eros leo at interd.</p>
<p class="readmore"><a href="#">Continue Reading &raquo;</a></p>
</div>
<div class="featured_tab"><img src="images/demo/100x100.gif" alt="" />
<p>Tabbed Navigation 5</p>
</div>
</li>
</ul>
</div>
</div>
</div>

Создал чанк и вписал в него шаблон для Ditto (Шаблон вывода слайда)
<li class="current">
<div class="featured_box">
<h2>[+longtitle+]</h2>
<p>[+introtext+]</p>
<p class="readmore"><a href="[~[+id+]~]" title="Читать подробнее">Подробнее &raquo;</a></p>
</div>
<div class="featured_tab"> [+img-background+]
<p>[+longtitle+]</p>
</div>
</li>
где использовал:
* img-news — вывод прикрепленного изображения;
* longtitle — вывод заголовка слайда, в качестве которого использовано поле «Расширенный заголовок»;
* introtext — вывод текста слайда, в качестве которого использовано поле «Аннотация».
* [~[+id+]~] — конструкция, отвечающая за вывод URL ресурса.

В итоге сама галерея после добавления вызова сниппета для динамического вывода слайд-шоу выглядит вот так:

<div id="featured_slide">
<div class="wrapper">
<div class="featured_content">
<ul id="accordion">
[[Ditto? &tpl=`slide-tpl` &startID=`4` &sortDir=`ASC` ]]
</ul>
</div>
</div>
</div>

Вроде все сделал правильно но когда просматриваю галерею на главной странице сайта
то 1 слайд как бы получается ляп, он залип и не полностью открыт (ошибка).
Просмотрел все заново и убидлся что контейнер 1 слайда не похож на остальные только вот этим

<li class="current"> <---только вот этим
<div class="featured_box">
<h2>1. Aliquatjusto quisque nam</h2>
<p>Orcimagna rhoncus et a nec antesque sed temportor pellus nibh conseque. Accumstsemper wisi pretium feugiat non ut eleifendrerisque at et condisse sce. Iaculumorci congue nam mollis odio id cras orci vestique euisquet at. Donecconsectetus lacilis ac pellus nam nibh curabitur sed anterdum nectetus adipis. Pretiummagnisse antes nunc pretium convallis tincidunt non at rutrumt.</p>
<p class="readmore"><a href="#">Continue Reading &raquo;</a></p>
</div>
<div class="featured_tab"> <img src="images/demo/100x100.gif" alt="" />
<p>Tabbed Navigation 1</p>
</div>
</li>
Незнаю как поправить и исправить ошибку помогите (чтоб вывод галереии был правильно)

Посмотрите http://flowplayer.org/tools/index.html

ну так уберите этот class="current" из чанка Ditto