$(document).ready(function(){
	$('.testimonial').css({opacity: 0.0});
	$('.testimonial:first').css({opacity:1.0});
	setInterval(function(){
		
		var current = ( $('#testimonials .testimonial.show').length)
		                    ? $('#testimonials .testimonial.show') 
		                    : $('#testimonials .testimonial:first');
		var next = (!current.next().length) ? $('#testimonials .testimonial:first') : current.next();
		
	    //Set the fade in effect for the next image, show class has higher z-index
	    next.css({opacity: 0.0})
	    .addClass('show')
	    .animate({opacity: 1.0}, 1000);

	    //Hide the current image
	    current.animate({opacity: 0.0}, 500)
	    .removeClass('show');
		
		
	},14000);
	$(window).focus(function(){jQuery.fx.off = false;});
	$(window).blur(function(){jQuery.fx.off = true;});
});