var start_opacity = 0; // 透明度の初期値 0〜10(整数)
var value_opacity; // 透明度を保持する変数
var elem_target;

// クリックイベント
function eventClick() {
    //透明度を初期化します
    elem_target = document.getElementById('pagebody');
    value_opacity = start_opacity;
    setOpacityZero();
    return false;
}

// 透明度が10になるまで+1加算する（タイマー）
function setOpacityZero() {
    if(value_opacity < 10){
        value_opacity += 1;
        setTimeout("setOpacityZero()",80);
        setOpacity();
    } else {
        setTimeout(setOpacityTen, 3*1000);
	}
}

// 透明度が0になるまで-1加算する（タイマー）
function setOpacityTen() {
    if(value_opacity > 0){
        value_opacity -= 1;
        setTimeout("setOpacityTen()",80);
        setOpacity();
    } else {
        setTimeout(rotation, 1 * 1000); 
	}
}

// 透明度をセットする処理
function setOpacity () {
    elem_target.style.filter = 'alpha(opacity=' + (value_opacity * 10) + ')';
    elem_target.style.MozOpacity = value_opacity / 10;
    elem_target.style.opacity = value_opacity / 10;
}

var cyclicIndex = 0;
var targets = null;
function initialize() {
    cyclicIndex = 0;
    targets = document.getElementsByName("layer");
}

//var opacityTarget = null;
function rotation () {
	for(i=0; i<targets.length; i++) {
	    targets[i].style.display = (i == cyclicIndex) ? "" : "none";
    }
/*
	if(targets[cyclicIndex] != null) {
	    elem_target = targets[cyclicIndex];
		value_opacity = start_opacity;
	    setOpacityZero();
	}
*/
	if (++cyclicIndex >= targets.length) {
        cyclicIndex = 0;
//		setTimeout(rotation, 3 * 1000); 
	}
		setTimeout(rotation, 4 * 1000); 
}

function doRotate() {
    initialize();
    rotation();
}

//doRotate();