/*
	Javascript that dynamically moves the main content
	area depending on the size of the client window
	
	Seung Chan Lim (dev@djslim.com)
 */
 
function writeCssRule(rule)
{
	var doc = document;
	var css = doc.styleSheets;
	
	if (css.length) {
		css1 = css.item(0);
		if (css1) {
			if (css1.addRule) {
				css1.addRule("#mainContent", rule);
			} else if (css1.insertRule) {
				css1.insertRule("#mainContent { " + rule +"; }", 0);
			} else {
				alert("Error");
			}
		}
	} else {
		doc.write("<style>#mainContent { " + rule + "; }</style>");
	}
}

function moveBody3(correction) {
	// how large is the client window?
	var doc = document;
	var client_width = (doc.width - correction) || (doc.body.clientWidth - 1); 
	var new_pos = Math.max(110, (client_width - 670));
	var div = doc.getElementById("mainContent");

	if (new_pos == 110) {
		if (!div) {
			rule = "left:" + new_pos + "px";
			writeCssRule(rule);
		} else {
			div.style.right= null;
			div.style.left = new_pos + "px";
		}
	} else {
		if (!div) {
			rule = "right:-1px";
			writeCssRule(rule);
		} else {	
			div.style.left = new_pos + "px";
			div.style.right = "-1px";
		}				
	}
}
moveBody3(16);

window.onresize = function(ev) { moveBody3(2); };
window.onload = function(ev) { moveBody3(0); };