Помогите решить задачу bxslider

Доброе время суток.

Вот код слайдера. Сверху выводит одно большое фото

А снизу миниатюры в формате карусели с возможностью прокрутки.

Помогите добавить класс к миниатюрам class="active"

<li class="active"><a href="javascript:void(0);" onclick="clicked(0);"><img src="images/img/thumb.jpg" alt="thumb" /></a></li>

<ul class="photos">

<li><a href="images/img/photo.jpg"><img src="images/img/photo.jpg" alt="photo" /></a></li>

<li><a href="images/img/photo.jpg"><img src="images/img/photo.jpg" alt="photo" /></a></li>

<li><a href="images/img/photo.jpg"><img src="images/img/photo.jpg" alt="photo" /></a></li>

<li><a href="images/img/photo.jpg"><img src="images/img/photo.jpg" alt="photo" /></a></li>

<li><a href="images/img/photo.jpg"><img src="images/img/photo.jpg" alt="photo" /></a></li>

<li><a href="images/img/photo.jpg"><img src="images/img/photo.jpg" alt="photo" /></a></li>

<li><a href="images/img/photo.jpg"><img src="images/img/photo.jpg" alt="photo" /></a></li>

<li><a href="images/img/photo.jpg"><img src="images/img/photo.jpg" alt="photo" /></a></li>

<li><a href="images/img/photo.jpg"><img src="images/img/photo.jpg" alt="photo" /></a></li>

</ul>

<ul class="thumbnails">

<li><a href="javascript:void(0);" onclick="clicked(0);"><img src="images/img/thumb.jpg" alt="thumb" /></a></li>

<li><a href="javascript:void(1);" onclick="clicked(1);"><img src="images/img/thumb.jpg" alt="thumb" /></a></li>

<li><a href="javascript:void(2);" onclick="clicked(2);"><img src="images/img/thumb.jpg" alt="thumb" /></a></li>

<li><a href="javascript:void(3);" onclick="clicked(3);"><img src="images/img/thumb.jpg" alt="thumb" /></a></li>

<li><a href="javascript:void(4);" onclick="clicked(4);"><img src="images/img/thumb.jpg" alt="thumb" /></a></li>

<li><a href="javascript:void(5);" onclick="clicked(5);"><img src="images/img/thumb.jpg" alt="thumb" /></a></li>

<li><a href="javascript:void(6);" onclick="clicked(6);"><img src="images/img/thumb.jpg" alt="thumb" /></a></li>

<li><a href="javascript:void(7);" onclick="clicked(7);"><img src="images/img/thumb.jpg" alt="thumb" /></a></li>

<li><a href="javascript:void(8);" onclick="clicked(8);"><img src="images/img/thumb.jpg" alt="thumb" /></a></li>

</ul>

var thumbnails;

var photos;



$( document ).ready( function () {

	thumbnails = $( '.thumbnails' ).bxSlider( {

	slideWidth: 168,

	maxSlides: 5,

	moveSlides: 1,

	slideMargin: 20,

	pager: false

});



photos = $( '.photos' ).bxSlider( {

	controls: false,

	pager: false

});

});



function clicked( position ) {

	photos.goToSlide( position );

}