$(document).ready(function(){
	$(function() {
		// run the code in the markup!
		$('#clients').cycle({
		fx:     'scrollLeft',
		timeout: 5000,
		before:  onBefore,
		after:   onAfter
	 });
	});
	});
	
	function onBefore() {
		$('#output').html("Scrolling image:<br>" + this.src);
		//window.console.log(  $(this).parent().children().index(this) );
	}
	function onAfter() {
		$('#output').html("Scroll complete for:<br>" + this.src)
			.append('<h3>' + this.alt + '</h3>');
	}