[kolhoz]

Есть некий блок:

<div class="row">
	<div id="year"></div>
	<div id="students"></div>
	<div id="worked"></div>
</div>

<script>
$('#year').animate({ year: 15/* - начало */ }, {
    duration: 2000,
    step: function (year){
        this.innerHTML = (year).toFixed(0)
    }
});

$('#students').animate({ students: 5000/* - начало */ }, {
    duration: 2000,
    step: function (students){
        this.innerHTML = (students).toFixed(0)
    }
});

$('#worked').animate({ worked: 1000/* - начало */ }, {
    duration: 2000,
    step: function (worked){
        this.innerHTML = (worked).toFixed(0)
    }
});
</script>

В этом блоке происходит увеличение заданных чисел. Как сделать так чтобы увеличение происходило только когда при прокрутке страницы этот блок станет видимым? Можно пример небольшой?