let videos; let loadindex = 0; let scrollposition = 0; $(document).ready(function () { $.post('php/videoload.php', 'action=getMovies', function (data) { videos = data; loadPreviewBlock(12); }, 'json'); $.post('php/videoload.php', 'action=getDbSize', function (data) { console.log(data); }, 'json'); $(".closebutton").click(function () { $(".videopagewrapper").hide(); $(".previewcontainer").show(); // scroll back to last scroll position $(window).scrollTop(scrollposition); $(".videowrapper").html(""); }); }); $(window).scroll(function () { if ($(window).scrollTop() >= (($(document).height() - $(window).height() - 60))) { if ($(".videowrapper").html() == "") { loadPreviewBlock(6); } } }); function loadPreviewBlock(nr) { for (let i = 0; i < nr; i++) { if (loadindex + i < videos.length) { loadPreview(videos[loadindex + i]); } } loadindex += nr; } function loadPreview(src) { $.post('php/videoload.php', 'action=readThumbnail&movieid=' + src.movie_id, function (data) { var preview = $(`