$('#photo')
.cycle({
    fx: 'scrollHorz',
    timeout: 900000000000000000,
    speed: 500,
    before:  onBefore,
    after:   onAfter,
    prev: '#prev1',
	next: '#next1'  	  
 });
 
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);
}

