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

Event.observe(
              window,
              'load',
              function ()
              {
                _panel_prefix = 'CMS_content-' + ((document.getElementsByClassName('_CMS_content_template'))[0]).id + '-';
                _panel_index = 1;

                _panorama = (document.getElementsByClassName('CMS_block_wrapper'))[0];
                _panel_now_showing = $(_panel_prefix + 1);// デフォルト。

                pan(_panorama, _panel_now_showing);
              }
             );

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

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

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

      new Effect.Move(panorama, option);

      // console.log(panel.id);
    }
}

function panNext()
{
  var j;

  j = _panel_index;
  j++;

  if ($(_panel_prefix + j)) { _panel_index = j; }
  else { _panel_index = 1; }

  _panel_now_showing = $(_panel_prefix + _panel_index);

  pan(_panorama, _panel_now_showing);
}

function panPrev()
{
  var j;

  j = _panel_index;
  j--;

  if ($(_panel_prefix + j)) { _panel_index = j; }
  else { _panel_index = 1; }

  _panel_now_showing = $(_panel_prefix + _panel_index);

  pan(_panorama, _panel_now_showing);
}