$('#photo')
.before('<div id="nav">') 
.cycle({ 
    fx:     'fade', 
    timeout: 3000,
    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);
}

$(document).ready(function() { 
	//	$("a#inline").fancybox({'frameWidth': 400, 'frameHeight': 200, 'hideOnContentClick': false  });
});