var rTime=10;//切り替え秒
var rb = null;
var currentIndex = null;


function rbInit(rbId) {
	var obj = $(rbId); 
	if (obj) {
		rb = document.getElementsByClassName("wide-banner");//prototype.jsだとobj.getElement~は使えない
		if(rb.length>1){
			for (i=1; i<rb.length; i++) {
				rb[i].hide();
			}
			currentIndex = 0;
			setInterval(rotation,(rTime*1000));
		}
	}
	obj.className = "";
}


function rotation() {
	
    var sd=currentIndex;
    sd++;
    if (sd >= rb.length)sd = 0;
	
	Effect.Fade(rb[currentIndex], { duration:2, from:1.0, to:0.0 });
	Effect.Appear(rb[sd], { duration:2, from:0.0, to:1.0 });
	
	
    currentIndex++;
    if (currentIndex >= rb.length)currentIndex = 0;
	
}


//初期化
Event.observe(window, 'load', function() {
    rbInit("wide-banners-wrap");
}, false);