// wait until images have loaded before starting cycle
$(window).load(function() {
	// front image rotator
	$('#slideshow').cycle({ 
		fx:     'fade', 
		timeout:  2750, 
		delay:   -2000,
        before: onBefore
	});
});	

// hide all but the first image when page loads
$(document).ready(function() {
    $('#slideshow img:gt(0)').hide();
});

// callback fired when each slide transition begins
function onBefore(curr,next,opts) {
    var $slide = $(next);
    var w = $slide.outerWidth();
    var h = $slide.outerHeight();
    $slide.css({
        marginTop: (0),
        marginLeft: (0)
    });
};