$.fn.cycle.transitions.scrollFade = function($cont, $slides, opts){
		opts.before.push(function(curr, next, opts, fwd){
			if(fwd){
		opts.cssBefore ={  
			opacity: 0,
        	display: 'block',
			left: 717
    };
	 	opts.animIn ={  
			opacity: 1,
        	left: 0 
    };
    	opts.animOut ={  
        	opacity: 0,
			left: -717 
    };
    	opts.cssAfter ={  
    }; 	
				
			}
		else{
			opts.cssBefore ={  
			opacity: 0,
        	display: 'block',
			left: -717
    };
	 	opts.animIn ={  
			opacity: 1,
        	left: 0 
    };
    	opts.animOut ={  
        	opacity: 0,
			left: 717 
    };
    	opts.cssAfter ={  
    }; 		
			
		}
	});
    	
};
$(document).ready(function() {
	$('#pause').click(function() { 
    	$('#portfolio-slider').cycle('pause'); 
});		
$('#play').click(function() { 
   		$('#portfolio-slider').cycle('resume'); 
	});
	
	$('#portfolio-slider').cycle({ 
    fx: ('scrollFade'), 
    delay: 1000,
	timeout: 12000,
	speed: 1000,
	next: ('#portfolio-slider-next') ,
	prev: ('#portfolio-slider-prev')
	});	

	
});