$(document).ready(function(){
	jQuery('#smile-slides').addClass('gallerybox');
	jQuery('#smile-slides .slide').addClass('slidebox');
	jQuery('#controls').append('<div class="fl"><a title="previous" href="#" id="prev"><span>&lt;</span></a> <span id="pager"></span> <a title="next" href="#" id="next"><span>&gt;</span></a></div><div class="fr"><a href="#" id="pause-play" title="Play/Pause Slideshow">View as Slideshow</a></div>');
	jQuery('#prev, #next, #pause-play').click(function(){
		return false;
	});
	jQuery('#smile-slides').cycle({
		fx: 'fade',
		prev: '#prev',
		next: '#next',
		pager: '#pager',
		timeout: 4000,
		speed: 600,
		delay: -4000
	});
	jQuery('#pause-play').toggle(
		function() {
			jQuery('#smile-slides').cycle('resume');
			jQuery(this).text('Pause Slideshow');
		},
		function() {
			jQuery('#smile-slides').cycle('pause');
			jQuery(this).text('View as Slideshow');
	});
	jQuery('#smile-slides').cycle('pause');
});