var Site = {
	timer: 0,
	makeShadow: function(){
		Site.shadow = new Element('div').setStyles({
			'width': '500px',
			'height': '500px',
			'background': '#000000',
			'position': 'absolute',
			'top' : '5px',
			'left': '15px',
			'opacity': '0.1',
			'z-index': '2'
		}).injectBefore($('noteBlock'));
	},
	
	start: function(){
		this.noteSlideIn();
		
	},
	noteSlideIn: function(){
		var myFx = $('noteBlock').effect('width', {
			transition: fx.backOut,
			duration:800,
			onComplete: function(){
				Site.makeShadow();
				Site.slideMenu();
				Site.slideTasks();
			}
		});
		myFx.custom(0,500);
	},
	slideMenu: function(){
		$S('#menu li').each(function(el){
			el.setStyle('display', 'block');
			el.setStyle('padding-left', '0');
			this.timer += 150;
			var slideIn = el.effect('padding-left', {transition: fx.backOut});
			slideIn.myCustom = function(){
				slideIn.custom('0', '150');
			};
			slideIn.myCustom.delay(this.timer);
		}, this);
	},
	slideTasks: function () {
		var el = $('taskContainer');
		el.setStyle('display', 'block');
		
		this.timer += 150;
		var slideIn = el.effect('left', {transition: fx.backOut});
		slideIn.myCustom = function(){
			slideIn.custom('0', '500');
		};
		slideIn.myCustom.delay(this.timer);
	},
	SiteAlert: function(message){
		var el = $('alert');
		var left=(Window.getScrollWidth()-400)/2;
		el.innerHTML="<h1>"+message+"</h1>";
		el.setStyle('display','block');
		
		el.setStyle('left',left+"px")
		var myFx = el.effect('height', {transition: fx.backOut});
		myFx.custom(0,30);
		
		var myfadeout = el.effect('opacity', {duration:5000});
		myfadeout.custom(1,0);
	}

}
window.onload = function(){
	Site.start();
};