var Site = {
	init: function(){
                Site.appearLogo();
                Site.appearIntro();
                Site.appearNav();
	},
	makeNavMove: function() {
		var list = $$('#nav ul li.kwick');
		list.each(function(element, index) {
 	                var fx = new Fx.Styles(element, {duration:200, wait:false});
			element.addEvent('mouseenter', function(e){
                    		fx.start({'padding-left': '5px'});
			});
			element.addEvent('mouseleave', function(e){
                    		fx.start({'padding-left': '0'});
			});
		});
	},
	appearLogo: function() {
                var logo = $E('a','logo'); logo.setStyles({'opacity':0});
		var fx = new Fx.Style(logo, 'opacity', {duration: 1200, transition: Fx.Transitions.Quart.easeOut, wait: false});
                fx.start.delay(1000, fx, 1);
	},
	appearIntro: function() {
                var timer = 2000;
                var intro = $('intro'); intro.setStyles({'margin-left': '300px', 'opacity':0});
		var fx = intro.effects({duration: 400, transition: Fx.Transitions.Quart.easeOut, wait: false});
 		fx.start({
		}).chain(function(){
			this.start.delay(timer/2, this, {
 			        'opacity':1,
		        });
		}).chain(function(){
			this.start({
 			        'margin-left':0,
		        });
		});
	},
	appearNav: function() {
		var timer = 2000;
		var sideblocks = $$('#nav ul li');
		
		var slidefxs = [];
		var colorfxs = [];
		
		sideblocks.each(function(el, i){
			el.setStyle('margin-top', '-480px');
			timer += 200;
			slidefxs[i] = new Fx.Style(el, 'margin-top', {
				duration: 500,
				transition: Fx.Transitions.backOut,
				wait: false,
				onComplete: Site.parseKwicks()
			});
			slidefxs[i].start.delay(timer, slidefxs[i], 0);

		}, this);
	},
	parseKwicks: function(){
                Site.makeNavMove();
                var defaultVal = 20;
                var midVal = 20;
                var maxVal = 40;
		var kwicks = $$('#nav li.kwick a');
		var fx = new Fx.Elements(kwicks, {wait: false, duration: 200, transition: Fx.Transitions.quadOut});
		kwicks.each(function(kwick, i){
			kwick.addEvent('mouseenter', function(e){
				var obj = {};
				obj[i] = {
					'height': [kwick.getStyle('height').toInt(), maxVal]
				};
				kwicks.each(function(other, j){
					if (other != kwick){
						var w = other.getStyle('height').toInt();
						if (w != maxVal) obj[j] = {'height': [w, midVal]};
					}
				});
				fx.start(obj);
			});
		});
		
		$('nav').addEvent('mouseleave', function(e){
			var obj = {};
			kwicks.each(function(other, j){
				obj[j] = {'height': [other.getStyle('height').toInt(), defaultVal]};
			});
			fx.start(obj);
		});
	},
	
};
window.addEvent('domready', Site.init);