homepage = {
	
	outer0:null,
	outer1:null,
	infoOuter0:null,
	infoOuter1:null,
	speed:5000, //interval speed
	top:380, //height of each section
	scrollAmt:1140, //for resetting 1140 for 4 images. 760 for 3. (The number of images - 1 * 380)
	
	init:function() {
		homepage.outer0 = document.getElementById("outerSection0");
		homepage.outer0.style.top = "0px";
		homepage.outer1 = document.getElementById("outerSection1");
		homepage.outer1.style.top = homepage.top * 4 + "px"; //change number to number of images (3, 4, etc)
		homepage.infoOuter0 = document.getElementById("infoOuterSection0");
		homepage.infoOuter0.style.top = -1 * homepage.top + "px";
		homepage.infoOuter1 = document.getElementById("infoOuterSection1");
		homepage.infoOuter1.style.top = -1 * homepage.top * 5 + "px"; //change number to number of images + 1 (4, 5, etc)
		
		setInterval(function() {
			homepage.scrollUp(homepage.outer0);
			homepage.scrollUp(homepage.outer1);
			homepage.scrollDown(homepage.infoOuter0);
			homepage.scrollDown(homepage.infoOuter1);
		}, homepage.speed);
	}, //end init
	
	scrollUp:function(obj) {
		amt = parseInt(obj.style.top.replace("px", "")) - homepage.top;
		if (obj.style.top.replace("px", "") <= -homepage.top * 4) { //change number to number of images (3, 4, etc)
			obj.style.top = homepage.scrollAmt + "px";
		} else {
			$(obj).animate({
				"top" : amt + "px"	  
			}); //end animate
		}
	}, //end scrollUp
	
	scrollDown:function(obj) {
		amt = parseInt(obj.style.top.replace("px", "")) + homepage.top;
		if (obj.style.top.replace("px", "") >= homepage.top) {
			obj.style.top = -2 * homepage.scrollAmt + "px";
		} else {
			$(obj).animate({
				"top" : amt + "px"	  
			});
		}
	} //end scrollDown
	
} //end homepage