jQuery(document).ready(function(){
	
	jQuery('#slides').cycle({ 
		fx: 'fade',
        speed: 1500,
		timeout: 8000,
		pager:  '#slidenav',
		pagerAnchorBuilder: function(idx, slide) { 
	        return '<a href="#"></a>'; 
	    }
    });
    jQuery('#goto1').click(function() { 
        jQuery('#slides').cycle(0); 
        return false; 
    });
    jQuery('#goto2').click(function() { 
        jQuery('#slides').cycle(1); 
        return false; 
    });
    jQuery('#goto3').click(function() { 
        jQuery('#slides').cycle(2); 
        return false; 
    });
	jQuery('#goto4').click(function() { 
        jQuery('#slides').cycle(3); 
        return false; 
    });
});

jQuery.fn.cycle.updateActivePagerLink = function(pager, currSlideIndex) {
    jQuery(pager).find('li').removeClass('activeLI')
        .filter('li:eq('+currSlideIndex+')').addClass('activeLI');
};