//******************************************************************************
//プロび～トップページの写真表示用
//******************************************************************************

var NowImgInfoIndex  = -1;
var Interval  = 50;
var Ratio     = 10;
var FadeRatio = 100;
var ImgInfo;
var PreImg = new Image();
//------------------------------------------------------------------------------

function fadeoutImg() //#1
{
  FadeRatio -= Ratio;
  $('topimage').opacity          = FadeRatio / 100;
  $('topimage').style.MozOpacity = FadeRatio / 100;
  $('topimage').style.filter = "alpha(opacity=" + FadeRatio + ")";
  if (FadeRatio <= 0) {
    //不透過度0にリセット
    FadeRatio = 0;
    //次の処理
    setTimeout("getImgInfo()", 0);
  } else {
    setTimeout("fadeoutImg()", Interval);
  }
}
//------------------------------------------------------------------------------

function getImgInfo() //#2
{
  $('topimage').src = 'images/blank.png';
  $('toppickwotk').style.width  = '10px';
  $('toppickwotk').style.height = '10px';

  //次のイメージ情報取得
  ImgInfo = ImgInfos[NowImgInfoIndex].split('<>');

  //画像先読み
  PreImg.scr = ImgInfo[0];

  //中央に配置
  $('toppickwotk').style.display = 'none';
  $('toppickwotk').style.left   = (400 - ImgInfo[1]) / 2 + 'px';
  $('toppickwotk').style.top    = (300 - ImgInfo[2]) / 2 + 'px';
  $('toppickwotk').style.width  = ImgInfo[1] + 'px';
  $('toppickwotk').style.height = ImgInfo[2] + 'px';

  //画像差し替え
  $('topimage').src = PreImg.scr;
  $('toppickwotk').style.display = 'block';

  //次の処理
  setTimeout("fadeinImg()", 0);
}
//------------------------------------------------------------------------------

function fadeinImg() //#3
{
  FadeRatio += Ratio;
  $('topimage').opacity          = FadeRatio / 100;
  $('topimage').style.MozOpacity = FadeRatio / 100;
  $('topimage').style.filter = "alpha(opacity=" + FadeRatio + ")";
  if (FadeRatio >= 100) {
    //不透過度100にリセット
    FadeRatio = 100;

    //矢印の表示
    if (NowImgInfoIndex < LastImgInfoIndex) $('toppicnext').style.display = 'block';
    if (NowImgInfoIndex > 0               ) $('toppicprev').style.display = 'block';

    //次の処理
    return;
  } else {
    setTimeout("fadeinImg()", Interval);
  }
}
//------------------------------------------------------------------------------

//前のイメージへ
function showPrevImage()
{
  //次のイメージインデックス取得
  NowImgInfoIndex--;
  if (NowImgInfoIndex < 0) NowImgInfoIndex = 0;

  //メモ欄のクリア
  //$('topimg_auther').innerHTML  = '';
  //$('topimg_comment').innerHTML = '';

  //矢印は隠す
  $('toppicprev').style.display = 'none';
  $('toppicnext').style.display = 'none';

  FadeRatio = 100;
  fadeoutImg();
}
//------------------------------------------------------------------------------

//次のイメージへ
function showNextImage()
{
  //次のイメージインデックス取得
  NowImgInfoIndex++;
  if (NowImgInfoIndex > LastImgInfoIndex) NowImgInfoIndex = 0;

  //メモ欄のクリア
  //$('topimg_auther').innerHTML  = '';
  //$('topimg_comment').innerHTML = '';

  //矢印は隠す
  $('toppicprev').style.display = 'none';
  $('toppicnext').style.display = 'none';

  FadeRatio = 100;
  fadeoutImg();
}
//------------------------------------------------------------------------------