$(function() {
	
	$('.pic_area').after('<div class="listing"><ul id="thumbs">').cycle({
					
	  fx: 'scrollHorz',
	  speed: 1000,
	  timeout: 0,
	  after:   onAfter,
	  pager: '#thumbs',
	  next: '.right_btn',
	  prev: '.left_btn',
	  pagerAnchorBuilder: function(index, DOMelement) {
		  
		         return '<li><a href="#"></a></li>';
		  
	  },
	  activePagerClass: 'active'
	  
  });
	
	
	
	
});

function onAfter(curr, next, opts) {

	var index = opts.currSlide;
	
	if (index == 0) {
		$('.left_btn').hide();
	}
	else {
		$('.left_btn').show();	
	}
	
	if (index == opts.slideCount - 1) {
		$('.right_btn').hide();
	}
	else {
		$('.right_btn').show();
	}
	
}