$(function() {

	// jQuery Cycle Before and After 
	//-------------------------------------------------	--------------------------------
	$('#invisalign-before-after #before-after-cycle') // Give this ID a unique name if more than one office tour is needed on a page
	.before('<div class="before-after-nav">') // Ditto for this ID
	.cycle({
		cleartype: true, // true if clearType corrections should be applied (for IE)
		cleartypeNoBg: true, // Set to true to disable extra cleartype fixing (leave false to force background color setting on slides)
		speed: 500, // This controls speed of transition
		timeout: 0, // This controls delay between slides. Set to 0 if more than one office tour on a page, so they don't auto-play
		pager:  '.before-after-nav',
		before: function() {
			$('.cycle-detail span').fadeOut(); // Give this ID a unique name if more than one office tour is needed on a page
		},
		after: function(curr, next, opts) {
			var cycle_alt = $(next).find('img').attr('alt'); // This grabs the image alt text
			$('.cycle-detail span').html(cycle_alt).fadeIn(); // This puts alt text into the caption span
		}
	});
		   
}); // end document ready