$(document).ready(function(){
	
	slidesLength = $("#slides img").length;
	
	if(slidesLength > 1){
		
		$(function(){
		
			setInterval(function(){
				
				var $active = $('#slides img.active');
	
		if($active.length == 0 ) $active = $('#slides img:last');
	
		var $next =  $active.next().length ? $active.next():$('#slides img:first');
	
		$active.addClass('last-active');
	
		$next.css({opacity: 0.0}).addClass('active').animate({opacity: 1.0}, 1000, function(){
		
			$active.removeClass('active last-active');
		
		});
				
				}, 4000);
			
		})
		
	}
	
});