// JavaScript Document

window.addEvent('domready', function() {
		$('nav_top').set('opacity', '0');
		$('nav_bottom').set('opacity', '0');
		
		$('main_logo').set('opacity', 0);
		$('main_logo').setStyle('display', 'inline');
		$('page_bg').set('opacity', 0);
		$$('p').setStyle('display','block');
		$('text').set('opacity', 0);
		
});

window.addEvent('load', (function() {
		
		var elLoad   = $$('p');
		var elImage  = $('main_logo');
		var elTop    = $('nav_top');
		var elBottom = $('nav_bottom');
		var elBG     = $('page_bg');
		var elBGmov  = $('page_bg');	
		var elText   = $('text');
		
		var fxImage  = new Fx.Tween(elImage, { property: 'opacity', duration: 3500});
		var fxTop    = new Fx.Tween(elTop,   { property: 'opacity', duration: 1000});
		var fxBottom = new Fx.Tween(elBottom,{ property: 'opacity', duration: 1300});
		
		fxImage.addEvent('start'   , function() { elLoad.fade(0);   } );
		fxImage.addEvent('complete', function() { fxTop.start(1);   } );
		fxImage.addEvent('complete', function() { fxBottom.start(1);} );
		
		var x = new Chain;
		var clearOne = function() {
			elImage.set('tween', {duration: 2000});
			elImage.tween('opacity', 0);
		}
		
		var fadeBg = function() {
			elBG.set('tween', {duration: 2000});
			elBG.tween('opacity',1);
		}
		
		
		var showText = function() {
			elText.set('tween', {duration: 2000});
			elText.tween('opacity',1);
		}
		
		fxImage.start(1);
		
		x.chain(clearOne);
		x.chain(fadeBg);
		x.chain(showText);
		x.callChain.delay(4700,x);
		x.callChain.delay(6400,x);
		x.callChain.delay(7200,x);
		
}).delay(1000));