$(document).ready(function(){
		$('#slides').cycle({ 
	    fx:     'fade', 
	    speed:  'slow', 
	    timeout: 0, 
	    next:   '.jFlowNext', 
	    prev:   '.jFlowPrev' 
	});
		$('#bg-info').animate({
        right: "500px"
      }, 0 );
        $('#bg-info').delay(1000);
      	$('#bg-info').animate({
        right: "0"
      }, 500 );
      
      
      	$('#slide-0 .slide-post-info').animate({
        right: "500px"
      }, 0 );
      	$('#slide-0 .slide-post-info').delay(1000);
      	$('#slide-0 .slide-post-info').animate({
         right: "30px"
      }, 500 );
      
      
      $('#shadow-info').animate({
        right: "500px"
      }, 0 );
      	$('#shadow-info').delay(1000);
      	$('#shadow-info').animate({
         right: "-8px"
      }, 500 );
      
      
      $('#shadow-image-right').animate({
        left: "100px"
      }, 0 );
      	$('#shadow-image-right').delay(1000);
      	$('#shadow-image-right').animate({
         left: "565px"
      }, 500 );
      
      

})

$.fn.delay = function(time, callback){
    // Empty function:
    jQuery.fx.step.delay = function(){};
    // Return meaningless animation, (will be added to queue)
    return this.animate({delay:1}, time, callback);
}