
function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      if (oldonload) {
        oldonload();
      }
      func();
    }
  }
}

function attachEventListener(target, eventType, functionRef, capture) {
    if (typeof target.addEventListener != "undefined") {
        target.addEventListener(eventType, functionRef, capture);
    }
    else if (typeof target.attachEvent != "undefined") {
        target.attachEvent("on" + eventType, functionRef);
    }else {
        return false;
    }
    return true;
};

addLoadEvent(layout);
attachEventListener(window, "resize", layout, false);

function layout() {

	document.getElementById('main').style.paddingBottom = '0px';

	var right_side_height = document.getElementById('right_side').offsetHeight;
	var main_height = document.getElementById('main').offsetHeight;
	
	var footer_height = document.getElementById('footer').offsetHeight;
	var newHeight = right_side_height - footer_height;
	var newPadding = right_side_height - main_height;
	
	if(newHeight > main_height) {
		//document.getElementById('main').style.height = newHeight + 'px';
		document.getElementById('main').style.paddingBottom = newPadding + 'px';
	} else {
		document.getElementById('main').style.paddingBottom = '0px';
	}
}