pageLoad = {
	
	init : function () {
	
		// hide the stuff
		
			if (Modernizr.csstransitions) {
				$('logo').addClass('niceFade1');
				$('logo2').addClass('niceFade1');
				$('nav1').addClass('niceFade1');
			} else {
				new Fx.Morph($('logo')).set({'opacity':0,'margin-top':10});
				new Fx.Morph($('logo2')).set({'opacity':0,'margin-top':10});
				new Fx.Morph($('nav1')).set({'opacity':0});
			}
		
		// add the transition duration (css transforms only) - can't do this at start or the items will appear then fade down
		
			if (Modernizr.csstransitions) {
				setTimeout(function() {
					$('logo').addClass('niceFade2');
					$('logo2').addClass('niceFade2');
					$('nav1').addClass('niceFade2');
					setTimeout(function() {
						$('logo').removeClass('niceFade2');
						$('logo2').removeClass('niceFade2');
						$('nav1').removeClass('niceFade2');
					},3000);
				},0);
			}
		
		// stage 1 reveal
		
			setTimeout(function() {
				if (Modernizr.csstransitions) {
					$('logo').removeClass('niceFade1');
				} else {
					new Fx.Morph($('logo'),{
						'duration' : 1000,
						'transition': Fx.Transitions.Sine.easeOut
					}).start({
						'opacity':1,
						'margin-top':0
					});
				}
			},1);
			
		// stage 2 reveal
		
			setTimeout(function() {
				if (Modernizr.csstransitions) {
					$('logo2').removeClass('niceFade1');
				} else {
					new Fx.Morph($('logo2'),{
						'duration' : 1000,
						'transition': Fx.Transitions.Sine.easeOut
					}).start({
						'opacity':1,
						'margin-top':0
					});
				}
			},500);
			
		// stage 3 reveal
		
			setTimeout(function() {
				if (Modernizr.csstransitions) {
					$('nav1').removeClass('niceFade1');
				} else {
					new Fx.Morph($('nav1'),{
						'duration' : 1000,
						'transition': Fx.Transitions.Sine.easeOut
					}).start({
						'opacity':1
					});
				}
			},1000);
	
	}

}
window.addEvent('domready', function() {
	pageLoad.init();
})