function fadeIn(something)
{
	//var phoneDiv = $("blackberry")
	var fadeInBackground  = new Fx.Morph(something, {duration: 2000});
	fadeInBackground.start({'opacity': [0, 1]});
}

function slideItIn(something)
{
	something.slideIn();
}
function startAnimations()
{
	/*
	
		- fade in black background
		- fade in phone
		- 	top text 
			{
				- fade in text
				- drop down
			}
		- 	bottom text
			{
				- fade in text
				- drop up
			}
		- list view 
			{
				- fade in text
				- drop down
			}
		- iphone coming soon fade in
	*/
		var topTextSlide = new Fx.Slide("whereIsEverybody", {duration: 1000});
		var bottomTextSlide = new Fx.Slide('bottomInfo', {duration: 1000});
		var listViewSlider = new Fx.Slide('list', {duration: 1500});
		
		topTextSlide.hide();
		bottomTextSlide.hide();
		listViewSlider.hide();
		
		fadeIn($("outer"))
		fadeIn.delay(1000,null,$("blackberry"));
		
		fadeIn.delay(1000,null,$("whereIsEverybody"));
		slideItIn.delay(1000, null, topTextSlide);
			
		fadeIn.delay(2000,null,$("list"));
		slideItIn.delay(2000, null, listViewSlider);
		
		fadeIn.delay(2000,null,$("bottomInfo"));
		slideItIn.delay(2000, null, bottomTextSlide);
		
		fadeIn.delay(2500,null,$("iphoneComingSoon"));
}



window.addEvent('load',function()
{
	startAnimations();
});