var slideshowContainer = '.slideshow';
var slideshowWidth;

jQuery(document).ready(function() {
    slideshowWidth = $(slideshowContainer).width();

    $(slideshowContainer).cycle({ 
        containerResize: 0,
        fx:      'fade', 
        speedIn:  4300, 
        speedOut: 4300, 
        easeIn:  'easeOutExpo', 
        easeOut: 'easeOutExpo',
        timeout:  4500,
        before: animateSlide
    });
});
function animateSlide(curr, next, opts) {
    var slideAmount = slideshowWidth - $(next).width();
    
    $(next).css({"top": "0px", "left": "0px"});
    $(next).stop().animate({
        left: slideAmount+"px"
    }, { duration: 500, queue: false, easing: "easeOutQuad" });
}

