(function(){

	var imageUrls = [
		"assets/img/frames/01.jpg",
		"assets/img/frames/02.jpg",
		"assets/img/frames/03.jpg",
		"assets/img/frames/04.jpg",
		"assets/img/frames/05.jpg",
		"assets/img/frames/06.jpg",
		"assets/img/frames/07.jpg",
		"assets/img/frames/08.jpg",
		"assets/img/frames/09.jpg",
		"assets/img/frames/10.jpg",
		"assets/img/frames/11.jpg",
		"assets/img/frames/12.jpg",
		"assets/img/frames/13.jpg",
		"assets/img/frames/14.jpg",
		"assets/img/frames/15.jpg",
		"assets/img/frames/16.jpg",
		"assets/img/frames/18.jpg",
		"assets/img/frames/19.jpg",
		"assets/img/frames/20.jpg",
		"assets/img/frames/21.jpg"];
	var frameInterval = 100;
	
	function runAnimation() {
		var nodeCache = [];
		var frame = 0;
		
		window.setInterval(function() {
			frame++;
			if(frame >= imageUrls.length) {
				frame = 0;
			}
			
			var image = document.createElement('img');
			$(image).attr('src', imageUrls[frame]);
			$(image).css('opacity', 0);
			$(image).animate({opacity: 1}, frameInterval);
			
			$("#movie-screen").append(image);
			
			nodeCache.push(image);
			while(nodeCache.length > 3) {
				$(nodeCache.shift()).remove();
			}
		}, frameInterval);
	}
	
	$(document).ready(function() {
		var imagesLoaded = 0;
	
		for(var i=0; i<imageUrls.length; i++) {
			var image = document.createElement('img');
			$(image).load(function() {
				imagesLoaded++;
				$("#movie-msg").html("loading " + Math.floor((imagesLoaded / imageUrls.length) * 100) + "%");
				if(imagesLoaded == imageUrls.length) {
					$("#movie-msg").remove();
					runAnimation();
				}
			});
			$(image).attr('src', imageUrls[i]);
		}
	});
	
})();