// JavaScript Document

var pageSize = {
	
	addListeners: function () {

		// Resize Page Contents
		pageSize.winResize();
		
		// Add Listeners
		rwScript.addEvent(window, 'resize', pageSize.winResize, false);

	},
	
	winResize: function () {
		var objDetails = document.getElementById('contentDetails');
		var objImages = document.getElementById('contentImages');
		var objHR = document.getElementById('horizontalRule');
		var objHR2 = document.getElementById('horizontalRule2');
		var objVR = document.getElementById('verticalRule');
		var objContactDetails = document.getElementById('contactDetails');
		var objLogo = document.getElementById('logo');

		// Discover largest image in images panel
		var intMaxWidth = 0;
		var arrIMGs = objImages.getElementsByTagName('img');
		if (arrIMGs.length > 0) {
			for (var i = 0; i < arrIMGs.length; i++) {
				if (arrIMGs[i].offsetWidth > intMaxWidth) {
					intMaxWidth = arrIMGs[i].offsetWidth;
				}
			}
		}
		objImages.style.width = intMaxWidth + 'px';

		// Get Window Dimensions
		if (window.innerWidth) {
			var intWinHeight = window.innerHeight;
			var intWinWidth = window.innerWidth;
		} else {
			var intWinHeight = document.documentElement.clientHeight;
			var intWinWidth = document.body.clientWidth;
		}
		
		// Resize Details Panel and Contact Details Panel
		var intNewPanelWidth = Math.round(intWinWidth * 0.4);
		if (intNewPanelWidth > pageSize.intDetails_UBound) {
			intNewPanelWidth = pageSize.intDetails_UBound;
		}
			// Make room for menu on the right
		var intExtremeLeft = intNewPanelWidth + 80 + intMaxWidth + 100;
		if (intExtremeLeft > intWinWidth) {
			intNewPanelWidth = intNewPanelWidth - (intExtremeLeft - intWinWidth);
		}
			// Ensure details panel isn't ridiculously small
		if (intNewPanelWidth < pageSize.intDetails_LBound) {
			intNewPanelWidth = pageSize.intDetails_LBound;
		}

		objDetails.style.width = intNewPanelWidth + 'px';
		objContactDetails.style.width = intNewPanelWidth + 'px';
		
		// Move Logo and Images
		objLogo.style.left = (intNewPanelWidth + 80) + 'px';
		objImages.style.left = (intNewPanelWidth + 80) + 'px';
		
		// Move Details Panel
		var intNewPanelBottom = parseInt(objImages.offsetHeight) - parseInt(objDetails.offsetHeight) + 140;
		var intNewPanelTop = intWinHeight - (parseInt(objImages.offsetHeight) + 140);
		objDetails.style.top = intNewPanelTop + 'px';
		
		// Move and Resize Top Horizontal Rule
		objHR.style.top = intNewPanelTop + 'px';
		objHR.style.left = (intNewPanelWidth + 15) + 'px';
		objHR.style.height = 1 + 'px';
		objHR.style.width = (intWinWidth - (intNewPanelWidth + 20)) + 'px';

		// Resize Bottom Horizontal Rule
		objHR2.style.width = (intNewPanelWidth + 70) + 'px';

		// Move and Resize Vertical Rule
		objVR.style.left = (intNewPanelWidth + 45) + 'px';
		objVR.style.height = (parseInt(objImages.offsetHeight) + 90) + 'px';
		
	},

	intDetails_LBound: 250,
	intDetails_UBound: 400

};

rwScript.addEvent(window, 'load', pageSize.addListeners, false);
rwScript.addEvent(window, 'unload', EventCache.flush, false);

