function initColumns() {
  var splodge = document.createElement("div");
  splodge.id = "splodge-div";
  splodge.style.cssText = "visibility: hidden; background: white; position: absolute; left: 0px; top: 0px; width: 190px; height: 46px; border: none;";
  
  $("wrapper").appendChild(splodge);
  
  updateColumns();
}
function updateColumns() {
  // Get the elements we need to measure
  var col1 = document.getElementById("content");
  var col2 = document.getElementById("sidebar");
  
  var tmp = document.getElementById("box-bank_charges");
  var divs = tmp.getElementsByTagName("div");
  tmp = false;
  for (var i=0; i<divs.length; i++) {
    if (hasClassName(divs[i], "boxfooter")) {
      tmp = divs[i]; break;
    }
  }
  if (!tmp) return;
  
  var splodge = document.getElementById("splodge-div");
  
  if (tmp) { tmp.style.marginTop = "0px"; }
    
  if (col2.offsetHeight > col1.offsetHeight) {
    
    if (tmp) {
      tmp.style.marginTop = (46+22 + col2.offsetHeight - col1.offsetHeight) + "px";
    }
    else {
      if (splodge) {
        splodge.style.visibility = "hidden";
      }
    }
    return;
  }

  var holder = $("main");
  var x = (getPageOffsetLeft(holder) + holder.offsetWidth) - splodge.offsetWidth;
  var y = (getPageOffsetTop(holder) + holder.offsetHeight) - splodge.offsetHeight;
  
  if (document.all) { y -= 22; }

  splodge.style.left = x + "px";
  splodge.style.top = y + "px";
  splodge.style.visibility = "visible";
}

addLoadEvent( function() { initColumns(); });
addWindowEvent( function() { updateColumns(); }, "resize" );