var winW = 630, winH = 460, panelWidth = 125, top = -10;
				
if (document.body && document.body.offsetWidth) {
 winW = document.body.offsetWidth;
 winH = document.body.offsetHeight;
}
if (document.compatMode=='CSS1Compat' &&
	document.documentElement &&
	document.documentElement.offsetWidth ) {
 winW = document.documentElement.offsetWidth;
 winH = document.documentElement.offsetHeight;
}
if (window.innerWidth && window.innerHeight) {
 winW = window.innerWidth;
 winH = window.innerHeight;
}

if (document.all) {
	//IE
	
} else {
	top = -20;
	//Firefox
}

panelWidth = (winW - 740)/2;
winH = winH - 30;

// set left panel prop
document.getElementById('left').style.width = (panelWidth) + "px";
document.getElementById('left').style.height = winH + 'px';

// set middle panel prop
document.getElementById('middle').style.width = (740) + "px";
document.getElementById('middle').style.left = (panelWidth) + "px";
document.getElementById('middle').style.height = winH + 'px';

// set right panel prop
document.getElementById('right').style.left = (panelWidth + 740) + "px";
document.getElementById('right').style.width = (panelWidth) + "px";
document.getElementById('right').style.height = winH + 'px';

// set top
document.getElementById('left').style.top = (top) + 'px';
document.getElementById('middle').style.top = (top) + 'px';
document.getElementById('right').style.top = (top) + 'px';
document.getElementById('container').style.top = (top) + 'px';

// set body width and height
document.body.style.width = (winW) + 'px';
document.body.style.height = winH + 'px';

// set container prop then set it to visible
document.getElementById('container').style.width = (winW) + 'px';
document.getElementById('container').style.height = winH + 'px';
document.getElementById('container').style.visibility = "visible";