window.onload = init;

function init() {
			adjustLeftPos();
			
}

// Adjusts position of the ouuter Container for small screen resolution (less than 1000)
		function adjustLeftPos() {
			if(screen.width <= 800){
			
				var outerContainer = document.getElementById("outerContainer");
				var outerContainerX = getElementPosition("outerContainer").left;
			
				if(outerContainerX < 0){
					outerContainer.style.left = 0 + "%";
					outerContainer.style.marginLeft = 0 + "px";
				}else{
					outerContainer.style.left = 50 + "%";
					outerContainer.style.marginLeft = -462 + "px";
				}
			}
		}
		
		function getElementPosition(elemID){
			var offsetTrail = document.getElementById(elemID);
			var offsetLeft = 0;
			var offsetTop = 0;
			while(offsetTrail){
				offsetLeft += offsetTrail.offsetLeft;
				offsetTop += offsetTrail.offsetTop;
				offsetTrail = offsetTrail.offsetParent;
			}
			return {left:offsetLeft, top:offsetTop};
}