function loadHomeImg() {

    var imgs = new Array();
    imgs[0] = new Image();
    imgs[0].src = "./common/img/home_top_0_0.jpg";
    imgs[1] = new Image();
    imgs[1].src = "./common/img/home_top_0_1.jpg";
    imgs[2] = new Image();
    imgs[2].src = "./common/img/home_top_0_2.jpg";
    imgs[3] = new Image();
    imgs[3].src = "./common/img/home_top.jpg";

    var nLoop = 1;
    var imgsLen = imgs.length;
    var intervalTime=5000;//切り替え間隔（ミリ秒）
    var transpChg = 1//透過度変更の速さ
    var currImgNum = 0;
    var prevImgNum;
    var transp;
    var timeoutId;
    var intervalId;

    setImgSrc("home_top_img_a", 0);
    //clearInterval(intervalId); //setIntervalで設定したインタバルタイムをクリア
    timeoutId=setTimeout(nextPage, 1000);
    //clearTimeout(timeoutId)
    //nextPage();
    intervalId = setInterval(nextPage, intervalTime); //インターバルタイムをセット(ミリ秒)

    function nextPage() {
        if (nLoop < imgsLen) {
            prevImgNum = currImgNum;
            currImgNum++;
            currImgNum %= imgsLen;
            nLoop++;
            showImg();
        }else{
            clearInterval(intervalId);
            clearTimeout(timeoutId)
        }
        /*繰り返し制限なしの場合
        prevImgNum = currImgNum;
        currImgNum++;
        currImgNum %= imgsLen;
        showImg();
        */
    }

    function showImg(){
        setImgSrc("home_top_img_a", prevImgNum);
        setOpacity("home_top_img_b", 0);
        setImgSrc("home_top_img_b", currImgNum);
        transp = 100;
        fadeIn();
    }
    function fadeIn () {
        if (transp > 0) {
            //setOpacity("home_top_img_a", transp);
            setOpacity("home_top_img_b", (100 - transp));
            transp -= transpChg;
            timeoutId = setTimeout(fadeIn, 30);
        }else {
            setImgSrc("home_top_img_a", currImgNum);
            clearTimeout(timeoutId);
            setOpacity("home_top_img_a", 100);
            setOpacity("home_top_img_b", 0);
        } 
    }

    function setImgSrc(eId, num) {
        document.getElementById(eId).src = imgs[num].src;
    }
    function setOpacity(eId, num) {
        if (window.ActiveXObject) {
            document.getElementById(eId).filters["alpha"].opacity = num;
        } else {
            document.getElementById(eId).style.opacity = num / 100;
        } 
    }
}


