function begin_animation() {
	setTimeout("step1()", 500);
}

function step1() {
//	setTimeout('fade_text1("#kids-t")', 0);
	$("#kids-t").animate({"opacity" : 1}, 500);
	$("#kids-t").animate({"top" : "380px"}, 2000);
	fade("#kids", "#circle3", "#ring3", "177px", "202px", step2)
}

function step2() {
	setTimeout('fade_text1("#earth-t")', 0);
	fade("#earth", "#circle2", "#ring2", "56px", "278px", step3)
}

function step3() {
	setTimeout('fade_text1("#prosperity-t")', 0);
	fade("#prosperity", "#circle1", "#ring1", "56px", "129px", finish)
}

function finish() {
	setTimeout('do_logo()', 1500);
	$("#pathways .image").animate({"opacity" : 0}, 2000);
	$("#pathways .text2").animate({"opacity" : 1}, 2000);
	$("#pathways .text1").animate({"opacity" : 0}, 2000);
}

function do_logo() {
	setTimeout('$("#logo").animate({"opacity" : 0}, 1000)', 4000);
	setTimeout('do_links()', 4500);
	$("#logo").animate({"opacity" : 1}, 3000);
}

function do_links() {
	$("#pathways .links").animate({"opacity": 1}, 1000);
	$("#pathways h1").animate({"opacity": 1}, 1000);
}
circle = '';
ring = '';
function fade(image, circle_, ring_, top, left, next) {
	circle = circle_;
	ring = ring_;
	setTimeout('fade_circle()', 1750);
	$(image).animate({"opacity" : 1}, 250)
		.animate({
			"opacity" : 0.2, 
			"height" : "206px",
			"width" : "206px",
			"top" : top,
			"left" : left
			}, 2000, "swing", next);
}
function fade_circle() {
	$(circle).animate({"opacity" : .75}, 500);
	$(ring).animate({"opacity" : 1}, 500);
}
function fade_text1(text) {
	$(text).animate({"opacity" : 1}, 500)
}