bxslider

gistfile1.js

//$('#slider1').bxSlider();

// assign the slider to a variable
var slider = $('#slider1').bxSlider({
	controls: false
});

// assign a click event to the external thumbnails
$('.thumbs a').click(function(){
var thumbIndex = $('.thumbs a').index(this);
// call the "goToSlide" public function
slider.goToSlide(thumbIndex);

// remove all active classes
$('.thumbs a').removeClass('pager-active');
// assisgn "pager-active" to clicked thumb
$(this).addClass('pager-active');
// very important! you must kill the links default behavior
return false;
});

// assign "pager-active" class to the first thumb
$('.thumbs a:first').addClass('pager-active');

// $('#slider2').bxSlider();

// assign the slider to a variable
var slider2 = $('#slider2').bxSlider({
	controls: false
});

// assign a click event to the external thumbnails
$('.thumbs2 a').click(function(){
var thumbIndex = $('.thumbs2 a').index(this);
// call the "goToSlide" public function
slider2.goToSlide(thumbIndex);

// remove all active classes
$('.thumbs2 a').removeClass('pager-active');
// assisgn "pager-active" to clicked thumb
$(this).addClass('pager-active');
// very important! you must kill the links default behavior
return false;
});

// assign "pager-active" class to the first thumb
$('.thumbs2 a:first').addClass('pager-active');