jcarousel

fiz o seguinte código para ter uma carousel com duas linhas, só que quando ele começa a executar a primeira linha é executada primeiro ficar um delay entre as linhas. Como faço para que as duas sejam executadas juntas? html

<div id="carousel" style="overflow:hidden. position:relative. "> <div class="carousel"> <ul> <li><img src="img/01.jpg"></li> <li><img src="img/02.jpg"></li> <li><img src="img/03.jpg"></li> <li><img src="img/02.jpg"></li> </ul> </div> <div class="carousel"> <ul> <li><img src="img/01.jpg"></li> <li><img src="img/02.jpg"></li> <li><img src="img/03.jpg"></li> <li><img src="img/02.jpg"></li> </ul> </div>
</div>

<script type="text/javascript"> $(document).ready(function () { $(".carousel").jCarouselLite({ btnNext: ".next", btnPrev: ".prev", mouseWheel: true, visible: 4, auto:	6000, speed: 1500 }). }). </script>