jQuery(document).ready(function(){
	jQuery('#slider').cycle({
	   //fx: 'scrollHorz',
	   timeout: 4000,
	   speed: 800,
	   activePagerClass : 'active',
	   pager: '#sliderIndex',
	   height: 321,
	   pause: 1,
	   prev:    '.prev',
	   next:    '.next',
	   pager: jQuery('#sliderIndex'),
	   updateActivePagerLink:updatePagerLink,
	   pagerAnchorBuilder: function(idx, slide) {// populate pager nav
			return '<li><a href="#">' + (idx+1) + '</a></li>';  // 'idx' is the zero-indexed array position, so we add 1 to it
        }
	});
	function selectCurrentSlide(currSlideElement, nextSlideElement) {
		//console.log(currSlideElement);
	};
	function pagerFactory(idx, slide) {
		//console.log(idx);
	};
	function updatePagerLink(pagerNav, currSlideIndex) { 
		var pager = jQuery(pagerNav);
		//currSlideIndex = currSlideIndex + 1;
		jQuery(pager).find('li').removeClass('active')
			.filter('li:eq('+currSlideIndex+')').addClass('active');
		
	};
	// redefine Cycle's updateActivePagerLink function 
	jQuery.fn.cycle.updateActivePagerLink = function(pager, currSlideIndex) { 
		jQuery(pager).find('li').removeClass('activeLI') 
		filter('li:eq('+currSlideIndex+')').addClass('activeLI'); 
	};
});