$(document).ready(function() { 
	$('#carousel').cycle({
	    fx:     'fade',
	    timeout: 4000,
	    before:     function() {
				$('#title').html(this.name);
	            $('#caption').html(this.title);
	        }
	});
	
	$('#controls a').bind('mouseover', function() {
		$('#carousel').cycle(parseInt(this.rel - 1));
		$('#carousel').cycle('pause');
	});
	
	$('#controls a').bind('mouseout', function() {
		$('#carousel').cycle('resume');
	});
});