// JavaScript Document
var isMSIE = /*@cc_on!@*/false;

function fadeInOutMSIE(n, m, iPath, eId) {  // MSIE8以下用
  var img = new Image();
  img.src = iPath + n + '.jpg';
  var elm = document.getElementById(eId);
  elm.style.filter = "progid:DXImageTransform.Microsoft.Fade(duration=2)";
  // durationの数値はフェード（入れ替え）の秒数
  elm.filters[0].apply();
  elm.src = img.src;
  elm.filters[0].play();
  setNextImg(n, m, iPath, eId);
}
function fadeInOut(n, m, iPath, eId) {
  var elm = document.getElementById(eId);
  if(elm.style.opacity > 0) {
    elm.style.opacity -= 0.05;
    setTimeout('fadeInOut(' + n + ', ' + m + ', "' + iPath + '", "' + eId + '")', 100);
    // 元画像の透過度を徐々に増やしてループでフェードアウト
    /*
    2秒フェードで入れ替え
    elm.style.opacity -= 0.05;
    setTimeout('fadeInOut(' + n + ', ' + m + ', "' + iPath + '", "' + eId + '")', 100);

    1秒フェード
    elm.style.opacity -= 0.05;
    setTimeout('fadeInOut(' + n + ', ' + m + ', "' + iPath + '", "' + eId + '")', 50);
    または
    elm.style.opacity -= 0.1;
    setTimeout('fadeInOut(' + n + ', ' + m + ', "' + iPath + '", "' + eId + '")', 100);
    */
  }
  else {
    elm.src = iPath + n + '.jpg';
    // 背景画像を次の元画像として前景画像に置き換える
    elm.style.opacity = 1;
    // 透過度を不透過にリセット
    setNextImg(n, m, iPath, eId);
    // ループ処理
  }
}
function setNextImg(n, m, iPath, eId) {
  var r = Math.floor(Math.random() * m) + 1;
  // 1～mまでのランダムな数字を得る（差し替え画像用）
  while(r == n) {
    r = Math.floor(Math.random() * m) + 1;
  }
  if(r != n) {
    if(isMSIE &&
       navigator.userAgent.match(/MSIE ([0-9]{1,}[\.0-9]{0,})/) &&
       (parseFloat(RegExp.$1) < 9)) { // MSIE8以下用
      var nImg = new Image();
      nImg.src = iPath + r + '.jpg';
      setTimeout('fadeInOutMSIE(' + r + ', ' + m + ', "' + iPath + '", "' + eId + '")', 10000);
      // 5秒後（ループさせてるので5秒毎）に実行
    }
    else {
      var elm = document.getElementById(eId);
      elm.parentNode.setAttribute('style', 'background : url(' + iPath + r + '.jpg); -moz-background-size : 100% 100%; background-size : 100% 100%;');
      // 差し替え画像を、元画像の親要素の背景画像として配置
      elm.style.opacity = 1;
      // 透過度をセット
      setTimeout('fadeInOut(' + r + ', ' + m + ', "' + iPath + '", "' + eId + '")', 10000);
      // 5秒後（ループさせてるので5秒毎）に実行
    }
  }
}
function imgFader(n, m, iPath) {  // n:画像番号 m:総枚数 iPath:画像フォルダのパス
  if(document.getElementsByTagName) {
    var img = new Image();
    img.src = iPath + n + '.jpg';
    var elm = document.getElementsByTagName('img');
    if(elm) {
      for(var i = 0, l = elm.length; i < l; i++) {
        if(img.src.match(elm[i].src)) {
          setNextImg(n, m, iPath, elm[i].getAttribute('id'));
          // HTML内のimg要素を検索、マッチしたら実行
          break;
        }
      }
    }
  }
}