Organic Interfaces Web Design & Info Code

jQuery(window).load(function(){



    jQuery('.flexslider').flexslider( {

        pauseOnHover: true,
        controlsContainer: ".flex-container",
    	slideshowSpeed: 8000,

        before: function(slider){
            var currentSlide = slider.slides.eq(slider.currentSlide);
            jQuery(currentSlide).find('.flex-caption').animate({'opacity':'0','right':'30px'},700);
        },
        after: function(slider){
            var currentSlide = slider.slides.eq(slider.currentSlide);
            jQuery(currentSlide).find('.flex-caption').animate({'opacity':'1','right':'0'},700);
        },
        start: function(slider){
            var currentSlide = slider.slides.eq(slider.currentSlide);
            jQuery(currentSlide).find('.flex-caption').animate({'opacity':'1','right':'0'},700);
        },

    } );



} );

.flex-container .flexslider ul.slides li a p.flex-caption{
    background-color: rgba(255,255,255,.9);
    color: rgba(55,55,55,.98);
    font-size: 20px;
    position: absolute;
    bottom: 0;
    right: 0;
    right: 30px;
    left: auto;
    z-index: 1;
    padding: 15px;
    width: 33.3%;
    font-style: italic;
    margin: 0;
    opacity: 0;
}