$(document).ready(function() {
	$('#client-quotes-list').hide();
	var feature = $('#client-quotes');
	feature.append(
		'<div id="slideshow-controls">'
		+ '	<img id="slideshow-prev" src="/images/ctrl-prev.png" width="20" height="14" alt="Previous Quote" title="Previous Quote" />'
		+ '	<img id="slideshow-play" src="/images/ctrl-play.png" width="14" height="14" alt="Resume" title="Resume" />'
		+ '	<img id="slideshow-pause" src="/images/ctrl-pause.png" width="14" height="14" alt="Pause" title="Pause" />'
		+ '	<img id="slideshow-next" src="/images/ctrl-next.png" width="20" height="14" alt="Next Quote" title="Next Quote" />'
		+ '</div>'
	);
	$('#slideshow-play').hide();
	$('#client-quotes-list').cycle({
		fx: 'fade',
		timeout: 6000,
		next: '#slideshow-next',
		prev: '#slideshow-prev',
		cleartype: '1'
	});
	$('#slideshow-pause').click(function() {
		$('#client-quotes-list-items').cycle('pause');
		$('#slideshow-play').toggle();
		$('#slideshow-pause').toggle();
	});
	$('#slideshow-play').click(function() {
		$('#client-quotes-list-items').cycle('resume');
		$('#slideshow-pause').toggle();
		$('#slideshow-play').toggle();
	});
	$('#client-quotes-list').fadeIn();
	//$('.loading').removeClass('loading');
});