$('#photo')
.before('<div id="home_nav">') 
.cycle({ 
    fx:     'fade', 
    timeout: 150,
    speed: 2000,
    before:  onBefore,
    after:   onAfter,
    prev: '#prev',
	next: '#next',
    pager:'#home_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);
}