// layout3.js
// Cross-Browser.com & SitePoint.com - Equal Column Height Demo (3 Column)

if (document.getElementById || document.all) { // minimum dhtml support required
  document.write("<"+"style type='text/css'>#footer{visibility:hidden;}<"+"/style>");
  window.onload = winOnLoad;
}
function winOnLoad()
{
  var ele = xGetElementById('leftColumn');
  if (ele && xDef(ele.style, ele.offsetHeight)) { // another compatibility check
    adjustLayout();
    xAddEventListener(window, 'resize', winOnResize, false);
  }
}
function winOnResize()
{
  adjustLayout();
}
function adjustLayout()
{
  // Get content heights
  var cHeight = xHeight('centerTools') + xHeight('centerColumnContent');
  var lHeight = xHeight('leftColumnContent');
  var rHeight = xHeight('rightTools') + xHeight('search') + xHeight('rightColumnContent') ;
  var mHeight = xHeight('midTools') + xHeight('midColumnContent');

  // Find the maximum height
  var maxHeight = Math.max(cHeight, Math.max(lHeight, Math.max(rHeight,mHeight)));

  // Assign maximum height to all columns
  xHeight('leftColumn', maxHeight);
  xHeight('centerColumn', maxHeight);
  xHeight('rightColumn', maxHeight);
  xHeight('midColumn', maxHeight);
  
  centermin();

  // Show the footer
  xShow('footer');
}

function centermin() {
	if (document.getElementById) {
		var header = document.getElementById('header');
		var footer = document.getElementById('footer');
		var subnav = document.getElementById('subnav');
		var leftColumn = document.getElementById('leftColumn');
		var leftColumnContent = document.getElementById('leftColumnContent');
		var centerColumn = document.getElementById('centerColumn');
		var centerTools = document.getElementById('centerTools');
		var midColumn = document.getElementById('midColumn');
		var rightColumn = document.getElementById('rightColumn');
		centerColumn.style.marginRight = '500px';
		midColumn.style.marginRight = '0';
		rightColumn.style.marginRight = '0';
		header.style.marginRight = '0';
		footer.style.marginRight = '0';
		subnav.style.width = xClientWidth() + 'px';
		var centerWidth = xClientWidth()-500;
		if (centerWidth < 510) {
			centerColumn.style.marginRight = eval(centerWidth-10) + 'px';
			midColumn.style.marginRight = '-' + eval(510-centerWidth) + 'px';
			rightColumn.style.marginRight = '-' + eval(510-centerWidth) + 'px';
			header.style.marginRight = '-' + eval(510-centerWidth) + 'px';
			footer.style.marginRight = '-' + eval(510-centerWidth) + 'px';
			subnav.style.width = xClientWidth() + eval(510-centerWidth) + 'px';
		}
	}
}