$(document).ready(function() {
	setVerticalMargins();
	$(window).resize(function() {
		setVerticalMargins();
	});
	
	loadVisibleImages();
	$("#scrollViewport").scroll(function() {
		loadVisibleImages();
	});
});

function setVerticalMargins() {
	var verticalMargin = $(window).height() / 2 - 250;
	$("#scrollContainer a:first-child").css({"margin-top":verticalMargin + "px"});
	$("#scrollContainer a:last-child").css({"margin-bottom":verticalMargin + "px"});
};

function loadVisibleImages() {
	$("#scrollContainer a").each(function() {
		if (($("#scrollContainer").position().top + $(this).position().top) < ($(window).height() + 500)) {
			$(this).children("img").attr("src", $(this).children("img").attr("tempsrc"));
		};
	});
};