var saraiTopInside;
var topOemImg;
var topOemRepeat = 1;

var timerObj;
var oemTimerObj;
var oemTimerObj2;

var images = $w('top2.jpg top3.jpg top4.jpg top5.jpg top1.jpg');
var imagesIndex = 0;
var loopIndex = 1;

document.observe("dom:loaded", function(){
	saraiTopInside = $('saraiTopInside');
	topOemImg = $('topOemImages');
	
	new Effect.Opacity(saraiTopInside, {from: 0.2, top:0.1});
	
	timerObj = new PeriodicalExecuter(saraiTopMovie, 0.1);
	oemMovie();
	oemTimerObj = new PeriodicalExecuter(oemMovie, 4);
});

function saraiTopMovie() {
	var top = (parseInt(saraiTopInside.getStyle('top')) - 1);
	saraiTopInside.setStyle({top: top + "px"});
	
	if (top <= -100) {
		// 配列インデックスを 0 に設定する
		if (images.length == imagesIndex) {
			imagesIndex = 0;
			
			// ２回ループしたあとタイマーをストップする
			if (loopIndex == 3) {
				timerObj.stop();
				return;
			}
			
			loopIndex++;
		}
		
		// 背景画像を変更する
		saraiTopInside.setStyle({background: "url(http://www.sarai-shoes.co.jp/img/" + images[imagesIndex]+") center top no-repeat", top:"0px"});
		
		new Effect.Opacity(saraiTopInside, {from: 0.2, to:1.0});
		
		imagesIndex++;
	}
}

function oemMovie() {
	oemTimerObj2 = new PeriodicalExecuter(function(){
		var nowTop = parseInt(topOemImg.getStyle('backgroundPosition').split(' ')[1].replace('%', ''));
		if (topOemRepeat == 2) {
			nowTop = 0;
			topOemRepeat = 0;
		}
		var bgPos = nowTop - 10;
		
		if (bgPos % 160 == 0) {
			oemTimerObj2.stop();
			if (bgPos != 0 && bgPos % (160*5) == 0) {
				if (topOemRepeat == 0) {
					oemTimerObj.stop();
				} else {
					topOemRepeat = 2;
				}
			}
		}
		
		topOemImg.setStyle({backgroundPosition: "center " + bgPos + "px"});
	}, 0.1);
}