function onBefore() {
    $(this).children("dd").hide();
}

function onAfter(curr,next,opts,fwd) {
   // $("dd").fadeOut("slow");
   $(this).children("dd").delay(5000).fadeIn("slow");
}

$(document).ready(function(){
    $('#captioned-images').show();
    $('#captioned-images').cycle({
	fx:     'scrollLeft',
	speed:  600,
	timeout: 10000,
	pager:  '#nav-disks', // change to '#nav' for numbered boxes
	// remove pagerAnchorBuilder below for numbered boxes
	pagerAnchorBuilder: function(index, el) {
		return '<a href="#"><img src="images/bullet.png" width="26px" height="26px" /> </a>'; 
	}, 	
	after: onAfter,
	before: onBefore   
    });   
});