// constants/configuration
		// widths
		var strWidthResizeId = 'maxWidthImage';
		var strWidthContentResizeId = 'minWidthImage';
		var intWidthMax = 1024;
		var intWidthContentMax = 534;
		var intWidthMin = 800;
		var intWidthContentMin = 295;
		var intWidthOff = 75;
		var intExtraWidth = 0;
	
	// primary functions - functionality
		// guess/measure the width of the document
		function getDocWidth(){
			// choose the biggest value for the width
			var intMaxWidth = (document.body.scrollWidth>document.body.offsetWidth) ? document.body.scrollWidth : document.body.offsetWidth;
			// pass the value back
			return intMaxWidth;
		}
		// handle resize event
		function handleResize(){
			var strWidth;
			var strWidthContent;
			// set the target element's width if the window width passes a treshold
			if (getDocWidth()>intWidthMax) {
				strWidthContent = intWidthContentMax + intExtraWidth;
				strWidth = getDocWidth() - intWidthMax - intExtraWidth;
			}
			if (getDocWidth()<=intWidthMax) {
				if (getDocWidth()>intWidthMin) {
					strWidthContent = intWidthContentMax + (getDocWidth() - intWidthMax) + intExtraWidth;
				}
				if (getDocWidth()<=intWidthMin) {
					strWidthContent = intWidthContentMin + intExtraWidth;
				}
				strWidth = 0;
			}
			document.getElementById(strWidthResizeId).width = strWidth;
			document.getElementById(strWidthContentResizeId).width = strWidthContent;

		}

	// secondary function - construction


	// ternary function - operation 


	// executed inline
		//  if there's DOM support capture the resize event
		if(typeof(document.getElementById)!='undefined'){
			handleResize();
			onload = handleResize;
			onresize = handleResize;
		}