// JavaScript Document
$(document).ready(function() {

		$('.slide').css("display", "none");
		$('.slide .imageDesc').css("display", "none");

		<!-- Animation-->
		$('#slideshowCont').css("overflow","hidden");
		$('#slideshowCont').cycle({ <!-- Select the element and call the cycle function-->
			width: '800px',
		    height: '282px',
		    fit: true,
			fx: 'blindX', <!-- Animation effect, in the case scroll-->
			before:onBefore,<!-- Function called before animation -->
			after:onAfter <!-- Function called after animation -->
		});
});
 
function onBefore() {  <!-- Function called before animation, used to hide elements so that they can be faded back in -->
 	$('.slide .imageDesc').css("display", "none");
}
function onAfter() { <!-- Function called after animation, fades elements in -->
   $('.slide .imageDesc').fadeIn(1500);
}