$('#photo')
.before('<div id="nav">') 
.cycle({ 
    fx:     'fade', 
    timeout: 1500,
    speed: 500,
    before:  onBefore,
    after:   onAfter,
    prev: '#prev',
	next: '#next',
    pager:  '#nav'
 });
 
function onBefore() { 
    //$('#desc').html("Scrolling image:<br>" + this.src);
    $('.infocontainer').fadeOut(500);
}

function onAfter() { 
    //$('#desc').html('<h1>' + this.alt + '</h1>') 
    //    .append('<p>' + this.id + '</p>');
    
    $('.'+this.id).fadeIn(500);
}