$(document).ready(function() {
    $('#headerimg').cycle({
		fx: 'fade',
		speed: 5000,
		pause: 1,
		before: onBefore,
		after: onAfter
	});

	$('#photobrowser img.photo').hover(
		function() {
			$(this).stop().fadeTo('fast', 1);
		},
		function () {
			$(this).stop().fadeTo('slow', 0.8);
		}
	);

});

function onBefore() { 
    $('#output').fadeOut('500'); 
}

function onAfter() { 
    $('#output').html(this.alt);
	$('#output').fadeIn(500);
}