var featureImages = new Array(
    'nav-web',
    'nav-cloud',
    'nav-dedicated',
    'nav-other'
);

$('.feature-images').cycle({
   speed: 1000,
   timeout: 4500,
   pauseOnPagerHover: 1,
   pager:  '.features-nav',
   pagerAnchorBuilder: function(idx, slide) {
        return '<li class="'+featureImages[idx]+'"><a href="#"></a></li>';
    }, 
   updateActivePagerLink: function(pager, activeIndex) {
        $(pager).find('li:eq('+activeIndex+')').addClass('active').siblings().removeClass('active');
    }
});