Как сделать слайдер с изменением контента
 

Нужна помощь. Есть шаблон сайта со слайдером. По нажатию на кнопки навигации слайдера происходит анимация переключения содержимого слайдов. Нужно реализовать так чтобы по нажатию на кнопки навигации слайдера происходило также и изменение контента самого сайта.
Вот скрипт слайдера:

$(window).load(function(){ 

	//slider thumb
	$('.slider ul').carouFredSel({
		align: 'center',
		circular: true,
		auto: false,
		items: {
			visible: 1,
		},
		prev: '.prev-arr',
		next: '.next-arr'
	});

	$('#thumbs').carouFredSel({
		align: false,
		scroll: {
			items: 1,
		},
		items: {
			visible: 4,
		},
		auto: false,
		infinite: true,
		prev: '#prev',
		next: '#next'
	});

	$('#thumbs a').click(function() {
		$('.slider ul').trigger('slideTo', '#' +this.href.split('#').pop());
		$('#thumbs a.selected').removeClass('selected');
		$(this).addClass('selected');
		return false;
	});

});

и код:

<div id="thumbs" >
<a href="#img1" class="selected"><img src="css/images/thumb.png"></a>
<a href="#img2"><img src="css/images/thumb2.png"></a>
<a href="#img3"><img src="css/images/thumb3.png"></a>
<a href="#img4"><img src="css/images/thumb4.png"></a>
</div>

Сам шаблон тут

Там где у тебя происходит клик для перехода просто меняй контент. Контент можно менять так

$('#main_div').html('<p>Here is new content!</p>')