jQuery(document).ready(function($) {
	$('.slide_effect').fadeIn(2000);
	$('#banner').slideDown(400);
	$('div.pic_area').cycle({ 
		fx:    'none',
		next: '.next',
		prev: '.prv',
		after:   onAfter
	});
	$('div.slider_thumb ul li').click(function() {
		$('div.slider_thumb ul li a').removeClass('active');
		var curIndx = $(this).index();
		$('div.pic_area').cycle(curIndx);
		$('a', $(this)).addClass('active');
		return false;
	});
	$('div.slider_thumb ul li').eq(0).trigger('click');
	$('div.banner').after("<div class='listing'><ul id='thumbs'>").cycle({ 
		fx:    'scrollHorz', 
	    pager: '#thumbs',
		pagerAnchorBuilder: function(idx, slide) {
			return '<li><a href="#"></a></li>';
		},
		activePagerClass: 'active'
	});
});

function onAfter(curr, next, opts) {
	var index = opts.currSlide;
	jQuery('div.slider_thumb ul li a').removeClass('active');
	jQuery('div.slider_thumb ul li a').eq(index).addClass('active');
}