// override some page player metadata things
pagePlayer.events.metadata = function() {
  // video-only stuff
  var sm = soundManager;
  sm._wD('video metadata: '+this.width+'x'+this.height);
  // set the SWF width and height..
  sm.oMC.style.width = this.width+'px';
  sm.oMC.style.height = this.height+'px';

  document.getElementById('sm2-movie-box').style.width = this.width+'px';
  document.getElementById('movie-box').style.width = ((parseInt(document.getElementById('movie-playlist').offsetWidth)+this.width+24)+'px');
  var item = null;
  var md = ['<h3 style="margin-top:0.5em;margin-bottom:0px;padding-bottom:0px;width:auto;min-width:1px;max-width:100%;float:none">Video metadata</h3>'];
  for (item in this.metadata) {
    md.push('<b>'+item+'</b>: '+this.metadata[item]);
  }
  document.getElementById('movie-info').innerHTML = md.join('<br />');

  // ugly positioning hack: make left column match the right if it's taller.
  // abs-positioning is used because firefox eats up more CPU if in a two-column floated layout, interestingly.

  var oP = document.getElementById('movie-playlist');
  var boxHeight = parseInt(document.getElementById('sm2-movie-box').offsetHeight);
  if (oP.offsetHeight < boxHeight) {
    oP.style.height = boxHeight+'px';
  } else {
    oP.style.height = 'auto';
  }
}