$(function () // ejecuta este código al cargar la página (AKA DOM load)
{
/* inicia las variables localmente para mejorar el rendimiento */
var scroll_timer;
var displayed = false;
var $message = $('#message');
var $window = $(window);
var top = $(document.body).children(0).position().top;

/* reacciona al evento 'scroll' en window */
$window.scroll(function () {
window.clearTimeout(scroll_timer);
scroll_timer = window.setTimeout(function () { // usa un temporizador para el rendimiento
if($window.scrollTop() <= top) // ocúltalo si está al principio de la página
{
displayed = false;
$message.fadeOut(500);
}
else if(displayed == false) // muéstralo si se hace scroll hacia abajo
{
displayed = true;
$message.stop(true, true).fadeIn(500).click(function () { $message.fadeOut(500); });
}
}, 100);
});
$('#top-link').click(function(e) {
e.preventDefault();
$.scrollTo(0,300);
});
});
