Задержка setTimeout и mouseenter

[webinsoul]

Код

$(document).ready(function(){
	$(".annotation span").mouseenter(function() {
	$(this).next("em").animate({opacity: "show", top: "-70"}, "fast");	});


	$(".annotation span").mouseleave(function() {
	$(this).next("em").animate({opacity: "hide", top: "-70"}, "fast");	}); 
});

Нужно, чтоб выполнялся animate только при задержке курсора на ".annotation span" от 1 секунды. На сколько я понял, следует вставить setTimeout(). Пробовал - безрезультатно.
Ткните плз, носом

То есть, чтоб при случайном наведении не выполнялся "animate".

[рони]

webinsoul,
Реакция на нааведение мыши

[webinsoul]

рони,
спасибо за ссылку. Подставил свои значения (скорей всего накосячил):

$(document).ready(function () {
var timer;
    $(".annotation span").mouseenter(function () {
        timer = window.setTimeout(function () {
		 $(this).next("em").stop(true, true).animate({opacity: "show", top: "-70"}, 100);
        }, 1000)



    }).mouseleave(function () {
        window.clearTimeout(timer)
         $(this).next("em").animate({opacity: "hide", top: "-40"}, 100);
    });
});

mouseleave работает, а mouseenter - нет. Подскажите где ошибка.

[Яростный Меч]

$(".annotation span").mouseenter(function () {
        var th = $(this);
        timer = window.setTimeout(function () {
         th.next("em").stop(true, true).animate({opacity: "show", top: "-70"}, 100);
        }, 1000)

[рони]

webinsoul,
откуда таймеру знать что есть this? сохраните в переменной и в функции замените $(this)

$(document).ready(function () {
var timer;
    $(".annotation span").mouseenter(function () {
        var el =  $(this);
        timer = window.setTimeout(function () {
		 el.next("em").stop(true, true).animate({opacity: "show", top: "-70"}, 100);
        }, 1000)



    }).mouseleave(function () {
        window.clearTimeout(timer)
         $(this).next("em").animate({opacity: "hide", top: "-40"}, 100);
    });
});