window.addEvent('domready', function() {
  $('modal').setStyle('display', 'block').fade('hide');
  $$('#modal', '#boxcontainer').addEvent('click', hideBox);
});

function showBox() {
  $('modal').setStyle('height', window.getScrollHeight()).fade('0.65').get('tween').chain(function() {
    $('box').setStyle('display', 'block').fade('0.8');
  });
}
function hideBox() {
  $('box').fade('0').get('tween').chain(function() {
    $('modal').fade('0');
    $('box').setStyle('display', 'none');
  });
}