var ob = ["sl_text","fs1","fs2","fs3","fs4","fs5"];
var ob_top = [100,300, 340, 270, 360, 470];

var seed = [];
var fseed = Array();
var fdir = Array();
function page_load() {
	prep();
	//load_cloud();
	ani_logo();
	b_bob();
	
	seed[0] = setTimeout("s_float(0)", 6200);
	seed[1] = setTimeout("s_float(1)", 7000);
	seed[2] = setTimeout("s_float(2)", 15000);
	seed[3] = setTimeout("s_float(3)", 9000);
	seed[4] = setTimeout("s_float(4)", 13000);
	seed[5] = setTimeout("s_float(5)", 23000);
	pan = setTimeout("ani_pan_down()", 3000);
}
function prep() {
	prep_object = [
		"bg_logo_name",
		"bg_logo_img",
		"v_menu",
		"footer",
		"logo"];
	for(var i=0; i<prep_object.length; i++) {
		var object = document.getElementById(prep_object[i]);	
		var myFx = new Fx.Tween(object);
		myFx.set('opacity', '0');
		object.style.display = "block";
	}
	
	var object = document.getElementById("bg");	
	var myFx = new Fx.Tween(object);
	myFx.set('bottom', -1200+document.body.clientHeight);
	object.style.display = "block";
	
	for(var i=0; i<ob.length; i++) {
		var object = document.getElementById(ob[i]);	
		var myFx = new Fx.Tween(object);
		myFx.set('top', document.body.clientHeight+ob_top[i]);
		object.style.display = "block";
	}
	var object = document.getElementById('kite');	
	var myFx = new Fx.Tween(object);
	myFx.set('bottom', -document.body.clientHeight+304);
	object.style.display = "block";
    
    var object = document.getElementById('balloon');	
	var myFx = new Fx.Tween(object);
	myFx.set('bottom', -document.body.clientHeight+304);
	object.style.display = "block";
	
	document.getElementById("fs0").style.display = "block";	
	
	document.getElementById("fc_home").style.display = "block";
}
/*
	ani_logo states:
	1 = 0 : start, fade logo_name
	2 = 1000 : move logo_name
	3 = 1500 : move logo_img
				fade in logo_img
	4 = 3000 :
*/
var ani_state = 0;
function ani_logo() {
	ani_state = ani_state +1;
	switch(ani_state) {
		case 1:	var logo_name =	new Fx.Morph(document.getElementById("bg_logo_name"), {duration: 1000});
				logo_name.start({'opacity': 1});
				ani = setTimeout("ani_logo()",1000);
				break;
		case 2: var object = document.getElementById("bg_logo_name");
				object.set('tween', {duration: '1000',transition: Fx.Transitions.Back.easeOut});
				object.tween('top',278);
				ani = setTimeout("ani_logo()",500);
				break;
		case 3: var object = document.getElementById("bg_logo_img");
				object.set('tween', {duration: '1000',transition: Fx.Transitions.Back.easeOut});
				object.tween('top',0);
	
				var logo_img = new Fx.Morph('bg_logo_img', {duration: 1000, transition: Fx.Transitions.Sine.easeOut});
				logo_img.start({'opacity': 1});
				ani_state = 0;
				break;
	}
}
function fade_logo() {
	var myEffect1 = new Fx.Morph('bg_logo_img', {duration: 1000, transition: Fx.Transitions.Sine.easeOut});
	myEffect1.start({
		'opacity': 0
	});
	var myEffect2 = new Fx.Morph('bg_logo_name', {duration: 1000, transition: Fx.Transitions.Sine.easeOut});
	myEffect2.start({
		'opacity': 0
	});
}
function ani_pan_down() {
	fade_timer = setTimeout("fade_logo()",1000);
	
	var object = document.getElementById("bg");
	object.set('tween', {duration: '2000'});
	object.tween('bottom', 0);
	
	
	for(var i=0; i<ob.length; i++) {
		var object = document.getElementById(ob[i]);
		object.set('tween', {duration: '2000'});
		object.tween('top', ob_top[i]);
	}
	var object = document.getElementById('kite');
	object.set('tween', {duration: '2000'});
	object.tween('bottom', 304);
    
    var object = document.getElementById('balloon');
	object.set('tween', {duration: '2000'});
	object.tween('bottom', 304);
	
	timer = setTimeout('page_show()', 2000);

}
function page_show() {
	$(document.getElementById('v_menu')).fade('in');
	$(document.getElementById('footer')).fade('in');
	$(document.getElementById('logo')).fade('in');

}
function undo() {
	
}
function p2_load() {
	b_bob();
	document.getElementById('kite').style.display = "block";
    document.getElementById('balloon').style.display = "block";
	seed[0] = setTimeout("s_float(0)", 200);
	seed[1] = setTimeout("s_float(1)", 1000);
	seed[2] = setTimeout("s_float(2)", 9000);
	seed[3] = setTimeout("s_float(3)", 3000);
	seed[4] = setTimeout("s_float(4)", 4000);
	seed[5] = setTimeout("s_float(5)", 17000);
}
function b_bob() {
	var myEffect = new Fx.Morph('kite', {duration: 1500});
	myEffect.start({
		'margin-bottom': 5
	});
    
    var myEffect = new Fx.Morph('balloon', {duration: 1500});
	myEffect.start({
		'margin-bottom': 5
	});
	bob = setTimeout('b_bob2()',1500);	
}
function b_bob2() {
	var myEffect = new Fx.Morph('kite', {duration: 1500});
	myEffect.start({
		'margin-bottom': 0
	});
    
    var myEffect = new Fx.Morph('balloon', {duration: 1500});
	myEffect.start({
		'margin-bottom': 0
	});
	bob = setTimeout('b_bob()',1500);	
}
var s_loaded = [false,false,false,false,false,false];
function s_float() {
	var args = s_float.arguments;
	var time = 30000;
	if(args[0]==0) {
		time = 20000;
	}
	var myEffect = new Fx.Morph('fs'+args[0], {duration: time, transition: Fx.Transitions.Linear});
	myEffect.start({
		'right': document.body.clientWidth
	});	
	if(args[0]!=0){
		if(!s_loaded[args[0]]) {
			s_loaded[args[0]] = true;
			s_bob(args[0]);
		}
	}
	seed[args[0]] = setTimeout('s_reset('+args[0]+')',time);
}
function s_bob() {
	var args = s_bob.arguments;
	var randomnumber=Math.floor(Math.random()*50);
	var myEffect2 = new Fx.Morph('fs'+args[0], {duration: 2000});
	myEffect2.start({
		'margin-top': randomnumber
	});

	fseed[args[0]] = setTimeout("s_bob("+args[0]+")",2000);
	
}
function s_reset() {
	var args = s_reset.arguments;
	if(args[0] !=0) {
		var fx = new Fx.Morph("fs"+args[0]).set({'right': -17});
	} else {
		var fx = new Fx.Morph("fs"+args[0]).set({'right': -64});
	}
	s_float(args[0]);
}