var LL=new Array();
var objKeep;
var objYour;
var objUniverse;
var t;

function init(){
	var Top=(window.innerHeight-600)/2;
	var Left=(window.innerWidth-1000)/2;

	var divBack=document.getElementById("back");

	divBack.style.top=(Top+"px");
	divBack.style.left=(Left+"px");

	startLLanimation();
}

function startLLanimation(){
	for(var i=0;i<21;++i){
		LL[i]=document.getElementById("LL"+i);
		setTimeout("LLanimation("+i+",255)", Math.random()*1000);
	}
	setTimeout("startKYUanimation()",2000);
}

function LLanimation(i,color){
	if(color>0){
		var step=200-(color+1)*0.39;
		LL[i].style.top=step+"px";
		LL[i].style.color="rgb("+color+","+color+","+color+")";
		t=setTimeout("LLanimation("+i+","+(color-8)+")", 15);
	}else{
		LL[i].style.color="rgb(0,0,0)";
	}
}

function startKYUanimation(){
	objKeep=document.getElementById("keep");
	objYour=document.getElementById("your");
	objUniverse=document.getElementById("universe");

	setTimeout("KYUanimation(32)",5);
}

function KYUanimation(step){
	objKeep.style.left="-"+(step*5)+"px";
	objYour.style.top=(300+step*5)+"px";
	objUniverse.style.left=(step*5)+"px";

	var color=step*8;
	objKeep.style.color="rgb("+color+","+color+","+color+")";
	objYour.style.color="rgb("+color+","+color+","+color+")";
	objUniverse.style.color="rgb("+color+","+color+","+color+")";

	if(step>0)
		setTimeout("KYUanimation("+(step-1)+")",30);
	else
		setTimeout("hideAnimation(16)",3000);
}

function hideAnimation(step){
	var color=256-(step*16);
	for(var i=0;i<21;++i)
		LL[i].style.color="rgb("+color+","+color+","+color+")";
	objKeep.style.color="rgb("+color+","+color+","+color+")";
	objYour.style.color="rgb("+color+","+color+","+color+")";
	objUniverse.style.color="rgb("+color+","+color+","+color+")";
	if(step>0)
		setTimeout("hideAnimation("+(step-1)+")",10);
	else
		parent.location.href="main.php";
}