var slidingMessageTimerId;

$( function() {
	$( "body" ).append( "<div id=\"slidingmessage\"></div>" );
	slidingMessageTimerId = setInterval( showSlidingMessage, 120000 );
	$( "#slidingmessage" ).hide();
} );

function showSlidingMessage() {
	$.getJSON( "/json/randommessage.php", setSlidingMessage );
}

function hideSlidingMessage() {
	setTimeout( function() {
		$( "#slidingmessage" ).hide( "blind", {}, 300 );
	}, 5000 );
}

function setSlidingMessage( data ) {
	$( "#slidingmessage" ).html( data.message );
	$( "#slidingmessage" ).show( "blind", {}, 300, hideSlidingMessage );
}