// getElementByIdのｼｮｰﾄｶｯﾄ
var $ = function(id)
{
    return document.getElementById(id);
}

// 使用する画像ﾌｧｲﾙ名を配列に保持
var img_array = new Array("photo1.jpg","photo2.jpg","photo3.jpg","photo4.jpg","photo5.jpg","photo6.jpg","photo7.jpg","photo8.jpg");
var url_array = new Array("http://www.cagolab.jp/","http://site.social.co.jp/","http://sketchpage.jp/","http://www.luckrec.jp/","http://www.cagomail.com/","http://www.magolis.com/","http://www.eccube-school.jp/","http://server.eccube-school.jp/");


// 画像ｶｳﾝﾄ
var imgCnt = -1;

// 画像の透明度変化率(1～100)
var opaInCnt  = 2;
var opaOutCnt = 2;

// 画像1枚のﾌｪｰﾄﾞ開始から終了までの時間(ﾐﾘ秒)
var opaInTime  = 0.1;
var opaOutTime = 0.1;

// ﾌｪｰﾄﾞ用ｶｳﾝﾄ変数
var opaInSet  = 0;
var opaOutSet = 100;

// setTimeout用ID
var fadeInID;
var fadeOutID;
var moveID;

// ﾌｪｰﾄﾞｲﾝからﾌｪｰﾄﾞｱｳﾄする間隔(ﾐﾘ秒)
var intervalFade = 3000;

// 移動
var nowPos = 0;
var xPos   = 0;

var onFlag = 0;
var lrFlag = "";

// ﾛｰﾄﾞしたらﾌｪｰﾄﾞｲﾝ！
window.onload = function(e)
{
    if (!e) var e = window.event;
    makeImg();
}

/*----------------------------------------------------
 ■ メイン画像の書き出し
----------------------------------------------------*/
function makeImg()
{
     var img = $('img_fade');
	 var imgP = img.parentNode.parentNode;
     imgP.style.position = "relative";
     imgP.style.width    = "720px";
     imgP.style.height   = "400px";

     // アラタナ画像の除去
     img.parentNode.removeChild(img);

     var tagA =  $('naviurl');
     for (i = 0, len = img_array.length; i < len; i++)
     {
          var tagImg = document.createElement('img');
          tagImg.id             = "img_fade"+ i;
          tagImg.src            = "/jsimages/" + img_array[i];
          tagImg.style.filter   = "alpha(opacity:0)";
   	      tagImg.style.opacity  = 0;
          tagImg.style.position = "absolute";
          tagImg.style.top      = "0px";
          tagImg.style.left     = "0px";
          tagImg.style.zIndex   = 1;
          tagImg.style.display  = "none";
          tagA.appendChild(tagImg);
     }

     initFade();
}


/*----------------------------------------------------
 ■ 変数・値初期化()
----------------------------------------------------*/
function initFade()
{
    opaInSet  = 0;
    opaOutSet = 100;

    if (onFlag == 0)
    {
        imgCnt++;
        if (imgCnt >= img_array.length) imgCnt = 0;
    }

    // 画像の初期ｽﾀｲﾙ設定
    $("img_fade" + imgCnt).style.filter  = "alpha(opacity:0)";
    $("img_fade" + imgCnt).style.opacity = 0;
    $("img_fade" + imgCnt).src = "/jsimages/" + img_array[imgCnt];
	$("img_fade" + imgCnt).style.zIndex  = 10;
	$("img_fade" + imgCnt).style.display  = "block";
    $("naviurl").href = url_array[imgCnt];

    imgFadeIn();    // ﾌｪｰﾄﾞｲﾝ開始！
}

/*----------------------------------------------------
 ■ ﾌｪｰﾄﾞｲﾝ関数()
----------------------------------------------------*/
function imgFadeIn()
{
    if (opaInSet <= 100)
    {
        $("img_fade" + imgCnt).style.filter  = "alpha(opacity:" + opaInSet + ")";    // IE8以下用
        $("img_fade" + imgCnt).style.opacity = opaInSet / 100;
        opaInSet += opaInCnt;
        fadeInID = setTimeout("imgFadeIn()" , opaInTime);
    } else {
        clearTimeout(fadeInID);
        if (onFlag == false) fadeOutID = setTimeout("imgFadeOut()" , intervalFade);
    }
}

/*----------------------------------------------------
 ■ ﾌｪｰﾄﾞｱｳﾄ関数()
----------------------------------------------------*/
function imgFadeOut()
{
    if (opaOutSet >= 0 && opaOutSet <= 100)
    {
        $("img_fade" + imgCnt).style.filter  = "alpha(opacity:" + opaOutSet + ")";    // IE8以下用
        $("img_fade" + imgCnt).style.opacity = opaOutSet / 100;
        opaOutSet -= opaOutCnt;
        fadeOutID = setTimeout("imgFadeOut()" , opaOutTime);
    } else {
        clearTimeout(fadeOutID);
		var res = resetImg("img_fade" + imgCnt);
        initFade();
    }
}

/*----------------------------------------------------
 ■ ｻﾑﾈｲﾙﾏｳｽｵﾝ時の動作関数
----------------------------------------------------*/
function thumbStart(num)
{
    if (onFlag == 0)
    {
        clearTimeout(fadeInID);
        clearTimeout(fadeOutID);

        var res = resetImg("img_fade" + imgCnt);

        imgCnt = num - 1;
        onFlag = 1;
        initFade();
    }
}

/*----------------------------------------------------
 ■ ｻﾑﾈｲﾙﾏｳｽｱｳﾄ時の動作関数
----------------------------------------------------*/
function thumbEnd()
{
    if (onFlag == 1)
    {
        clearTimeout(fadeInID);
        clearTimeout(fadeOutID);
		
		var res = resetImg("img_fade" + imgCnt);

        imgCnt--;
        onFlag = 0;
        initFade();
    }
}

/*----------------------------------------------------
 ■ reset
----------------------------------------------------*/
function resetImg(n)
{
     $(n).style.filter  = "alpha(opacity:0)";
     $(n).style.opacity = 0;
     $(n).style.zIndex  = 1;
     $(n).styledisplay  = "none";
	 return n;
}