jQuery.fn.cycle.transitions.showhide = function($cont, $slides, opts)
{
	$cont.css('overflow','hidden');
	opts.before.push(function(curr, next, opts) {
		jQuery(this).show();
	});
	opts.cssFirst = { top: 0 };
	opts.animIn   = { top: 0 };
	opts.cssAfter = { display: 'none' };

};

$(document).ready(function(){

	$('#message-contents').cycle({
		fx: 'uncover',
		direction: 'down',
		timeout:'7000'
	});

	$('.btn-next').click(function(){
		$('#message-contents').cycle('next');
	});

	$('.btn-prev').click(function(){
		$('#message-contents').cycle('prev');
	});

	$('.btn-stop').click(function(){
			$('#message-contents').cycle('pause');
			$('.btn-stop').hide();
			$('.btn-play').show();
	});

	$('.btn-play').click(function(){
			$('#message-contents').cycle('resume');
			$('.btn-stop').show();
	$('.btn-play').hide();
	});
})