var Site = {
    init: function() { 
		Site.nav();
		if($('images')) Site.gallery(); 
		if($$('body.home')) Site.homepage();
    },
	homepage: function() {  
		$('content').fade('hide');
		$('content').fade('in');

		$$('a').addEvent('click', function() {
			$('content').fade('out');
			$$('body').tween('background-color', '#ffffff');
		});
	},
   	nav: function() {
		var nav = $$('#nav li');
		var navs = $$('#header a');
		
		nav.fade('hide');
		Site.navShow();
		
		navs.setStyle('color', '#666');
		
		navs.addEvent('mouseenter', function() { this.tween('color', '#333'); });
		navs.addEvent('mouseleave', function() { this.tween('color', '#666'); });		
	},
	navShow: function() {
		var timer = 0;
		var nav = $$('#nav li');
		
		var slidefxs = [];
		
		nav.each(function(el, i){
			timer += 100;
			slidefxs[i] = new Fx.Style(el, 'opacity', { duration: 500, wait: true, });
			slidefxs[i].start.delay(timer, slidefxs[i], 1);

		}, this);
	},
	navHide: function() {
		var timer = 1000;
		var nav = $$('#nav li');
		
		var slidefxs = [];
		
		nav.each(function(el, i){
			timer -= 100;
			slidefxs[i] = new Fx.Style(el, 'opacity', { duration: 500, wait: true, });
			slidefxs[i].start.delay(timer, slidefxs[i], 0);
		}, this);
	},
	gallery: function() {
		
		$('images').fade('hide');
		$('images').fade('in');
		
		$$('#nav a').addEvent('click', function() { $('images').fade('out'); });
		
		var toggle = $$('h3.toggle');
		var credits = $$('div.credits');
		
		credits.slide('hide');
		
		toggle.addEvent('click', function(){
			credits.slide('toggle');
		}); 
	}
}
window.addEvent('domready', Site.init);