( function( $, mw ) {

$alert = '<div id="mw-echo-sliding-alert">';

$alert += '<div id="mw-echo-close-box"><img style="display: block;" src="//upload.wikimedia.org/wikipedia/meta/a/ab/Medium_close_button.png"/></div>';

$alert += '<div id="mw-echo-alert-text">You have <a href="#" id="mw-echo-talk-link">new messages</a>. (<a href="#" id="mw-echo-talk-diff-link">view changes</a>)</div>';

$alert += '</div>';

$(document).ready(function() {

	$( '.usermessage' ).hide(); // just in case

	var newMsgRevisionId = mw.config.get( 'wgUserNewMsgRevisionId' );

	if ( newMsgRevisionId ) {

		var userName = mw.config.get( 'wgUserName' );

		var talkLink = '/wiki/User_talk:' + userName + '?redirect=no';

		var diffLink = '/?title=User_talk:' + userName + '&oldid=' + newMsgRevisionId + '&diff=cur';

		$( 'body' ).append( $alert );

		$( '#mw-echo-close-box' ).click( function( e ) {

			$( '#mw-echo-sliding-alert' ).hide();

			e.preventDefault();

		} );

		$( 'a#mw-echo-talk-link' ).attr( 'href', talkLink );

		$( 'a#mw-echo-talk-diff-link' ).attr( 'href', diffLink );

		$( '#mw-echo-sliding-alert' ).delay( 1000 ).animate( {'top': '0' }, 'fast' );

	}

} );

} )( jQuery, mediaWiki );