Javascript-форум - Подгрузка страницы при скроллинге

Друзья, всем привет!
Гуглю сегодня целый день тему, но рабочего решения для себя не нашел. Все немного не то. В JS я абсолютно ничего не смыслю, поэтому "допилить" ничего не получается.

Есть HTML страница, есть div, в котором идут подряд div'ы типа:

Код:

<div class='product'>
<div class='product_sect'>

<div class='product_link'>
<span align="center" class='cat'>TEXT</span>

<span style="text-align:center;"id='lightbox'><a rel='lytebox' href='1.jpg'>
<img alt='' style='margin:7px' width='606' 
height='405' class='tov_im' src='1.jpg' ></a></span>
<div align="justify">TEXT</div>				
<div style="text-align:center; margin-bottom: 10px;">
<iframe width="640" height="360" src="//www.youtube.com/embed/..."
 frameborder="0" allowfullscreen></iframe></div>
<div style="text-align:center; margin-bottom: 5px;"><span class="center">
<a rel="nofollow" target="blank" class='ssylka' 
href='http://...'>ANKOR</a></span><span class="center">
<a rel="nofollow" target="blank" class='ssylka'  
href='http://...'>ANKOR</a></span></div>
</div></div>
</div>

Т.к. youtube роликов много, они фризят браузер при открытии страницы, нужно допустим 6 дивов сразу подргужать, потом при скролинге вниз страницы, подгружать еще 6 дивов и т.д. до конца страницы.

Заранее спасибо!