<link rel="stylesheet" type="text/css" media="all" href="/css/jquery.dualSlider.0.3.css" />  
<script src="/js/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="/js/jquery.timers-1.2.js" type="text/javascript"></script>
<script src="/js/jquery.dualSlider.0.3.js" type="text/javascript"></script>

<script type="text/javascript">

$(document).ready(function() {  

$(".carousel").dualSlider({  
auto:true,  
autoDelay: 6000,  
easingCarousel: "swing",  
easingDetails: "easeOutBack",  
durationCarousel: 1000,  
durationDetails: 500  
});  

});  

</script>

<div class="carousel clearfix">

<div class="panel">

<div class="details_wrapper">

<div class="details">

<div class="detail">
Текст в первой вкладке справа
</div><!-- /detail -->

<div class="detail">
Текст во второй вкладке справа  
</div><!-- /detail -->

<div class="detail">
Текст в третьей вкладке справа  
</div><!-- /detail -->

</div><!-- /details -->

</div><!-- /details_wrapper -->

<div class="paging">
<div id="numbers"></div>
<a href="javascript:void(0);" class="previous" title="Previous" >Previous</a>
<a href="javascript:void(0);" class="next" title="Next">Next</a>
</div><!-- /paging -->

<a href="javascript:void(0);" class="play" title="Turn on autoplay">Play</a>
<a href="javascript:void(0);" class="pause" title="Turn off autoplay">Pause</a>

</div><!-- /panel -->

<div class="backgrounds">

<div class="item item_1">
Контент 1 в левом слайдере  
</div><!-- /item -->

<div class="item item_2">
Контент 2 в левом слайдере  
</div><!-- /item -->

<div class="item item_3">
Контент 3 в левом слайдере  
</div><!-- /item -->

</div><!-- /backgrounds -->

</div>