$(function() {
    $('#HomeSlideshow').cycle({ 
		fx: 'fade',
        speed: 1000,
		timeout: 7000,
		pager:  '#HomeNav',
		pagerAnchorBuilder: function(idx, slide) { 
		        return '<a href="#"></a>'; 
		    }
    });
    $('#goto1').click(function() { 
        $('#HomeSlideshow').cycle(0); 
        return false; 
    });
    $('#goto2').click(function() { 
        $('#HomeSlideshow').cycle(1); 
        return false; 
    });
    $('#goto3').click(function() { 
        $('#HomeSlideshow').cycle(2); 
        return false; 
    });
    $('#goto4').click(function() { 
        $('#HomeSlideshow').cycle(3); 
        return false; 
    });
});

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