jQuery(document).ready(function($) {
 
 $('#homepageSlider').after('<div id="pagecontrolwrapper"><ul id="pagecontrol">').cycle({
		fx: 'scrollHorz',
		prev: '#homepageSliderLeft',
		next: '#homepageSliderRight',
		timeout: 8000,
		speed: 2000,
		pager: '#pagecontrol',
		
    pagerAnchorBuilder: function(idx, slide) { 
        return '<li class="inactive"></li>'; 
    },
    
    after:   onAfter 		
	});
 
});

function onBefore() { 
    $('.image, .excerpt').hide();
    
} 
function onAfter() { 
    $('.excerpt').fadeIn(1000);
    $('.image').delay(250).fadeIn(2500);
}