function size()
{
  var SideSwipeWidth = 66;

  var ContainerWidth = document.body.clientWidth - SideSwipeWidth;
  if (ContainerWidth < 400)
  {
     ContainerWidth = 400;
  }
  var MainWidth = ContainerWidth - 200;
  document.getElementById('container').style.width=ContainerWidth+"px";
  document.getElementById('main').style.width=MainWidth+"px";
  
  var TopHeight = document.getElementById('header').clientHeight + document.getElementById('top').clientHeight;
  var BottomHeight = document.getElementById('footer').clientHeight + document.getElementById('clearer').clientHeight;
  
  document.getElementById('navigation').style.height = "12px";
  document.getElementById('navigation').style.minHeight=(document.body.clientHeight - TopHeight - BottomHeight) + "px";
  document.getElementById('main').style.minHeight=(document.body.clientHeight - TopHeight - BottomHeight) + "px";
  if (document.body.clientHeight - TopHeight - BottomHeight < 300)
  {
    document.getElementById('navigation').style.minHeight="300px";
    document.getElementById('main').style.minHeight="300px";
  }
  
  var TotalHeight = document.getElementById('container').scrollHeight;
  
  document.getElementById('leftart').style.height=TotalHeight+"px";
  document.getElementById('rightart').style.height=TotalHeight+"px";
  document.getElementById('navigation').style.height=(TotalHeight - TopHeight - BottomHeight) + "px";
  
  document.getElementById('leftart').style.minHeight=document.body.clientHeight;
  document.getElementById('rightart').style.minHeight=document.body.clientHeight;
}

window.onresize = size;