var Site = {
	start: function() {
		var logo = $('logo'), lis = $$('#navbar li');
		logo.set('opacity', 0);
		lis.setStyle('margin-top', -200);
	},
	
	logo: function() {
		var logo = $('logo');
		var fx = logo.set('tween', {duration: 200, transition: 'quad:in:out', link: 'chain'});

		(3).times(fx.fade.pass('toggle', fx));
		
		logo.addEvents({
			'mouseenter': function() {
				this.get('tween', 'opacity').cancel();
				this.fade(0.6);
			},			
			'mouseleave': logo.fade.pass(1, logo)
		});
		
	},
	
	menu: function(time) {
		var timer = time || 800;
		var lis = $$('#navbar li');
		lis.setStyle('margin-top', -200);

		lis.each(function(li) {
			li.set('tween', {duration: 800, transition: 'back:out'});
			li.tween.delay(timer, li, ['margin-top', 0]);

			var fx = new Fx.Tween(li, 'margin-top', {duration: 200, link: 'cancel'});
			li.addEvents({
				'mouseenter': fx.start.pass(5, fx),
				'mouseleave': fx.start.pass(0, fx)
			});
			
			timer += 200;
		});
		
	}
}

window.addEvents({
	'domready': function() {
		Site.start();
	},
	
	'load': function() {
		var delay = $random(50, 300);
		Site.logo.delay(delay);
		Site.menu(delay + 800);
	}
});