var i = 2;
var alreadystarted = false;

document.observe('dom:loaded', function() {
	onComplete();
});

var bgn = new Array();

var bgimages = new Array();
bgimages[0] = $('bgimg0');
bgimages[1] = $('bgimg1');
bgimages[2] = $('visualszeneimg');


function onComplete() {
	n = 0;
	l = bgimages.length;
	for(i=0; i < l; i++) 
		if(bgimages[i].complete == true) n++;
	if(n < l){
		setTimeout("onComplete()",50);
	} else {
		fadeinSzene();
	}
}

function fadeinSzene(){
	if(!alreadystarted){
		alreadystarted = true;
		var bgs2 = $$('.visualbg');
		for(i=0; i < bgs2.length; i ++){
			Effect.Appear(bgs2[i], {duration:0, from:0, to:1.0});
		}
		Effect.Fade($('preimagebg'), {duration:1, from:1.0, to:0});
		window.setTimeout("startAnimation()", 3000);
	}
}


function startAnimation(){
	for(var j = 0; j < bgnames.length; j++){
		bgn[j] = new Image(730, 385);
		bgn[j].src = bgnames[j];
	}
	changeTapete();
//	bg['.$i.'] = new Image(730, 385);
//	bg['.$i.'].src = "'.$path.$bg.'";
	window.setInterval("changeTapete()", 4500);
}

function changeTapete(){
	var bgs = $$('.visualbg');
	new Effect.Move(bgs[1],{x : -730,y : 0, duration:2.5, transition: Effect.Transitions.cubic, afterFinish:function(){
		document.getElementById('background').removeChild(bgs[bgs.length-1]);
		}
	});
	newdiv = document.createElement("div");
	newdiv.className = "visualbg";
	newdiv.appendChild(bgn[i%bgn.length]);
	document.getElementById('background').insertBefore(newdiv, bgs[0]);
	i++;
}