var _panorama;// パノラマオブジェクト。
var _panel_now_showing;// 現在表示中のパネル。

Event.observe(
              window,
              'load',
              function ()
              {
                _panorama = $('body');
                _panel_now_showing = $('main_panel');// デフォルト。
                pan(_panorama, _panel_now_showing);

                // パンするボタン設定。
                var _pan_button_on_header
                  = document.getElementsByClassName('pan_button','header');
                for (var i = 0; i < _pan_button_on_header.length; i++)
                  {
                    _pan_button_on_header[i].onclick = function()
                    {
                      _panel_now_showing = $(this.title);
                      pan(_panorama, _panel_now_showing);
                    }
                  }
              }
             );

Event.observe(
              window,
              'resize',
              function ()
              {
                pan(_panorama, _panel_now_showing);
              }
             );

function pan(panorama, panel, option)
{
  if (!option) { var option = {}; }

  option.x = -(getPosition(panel)).x;

  new Effect.Move(panorama, option);
}