var Site = {
	
	start: function(){
		
		if ($('sidebar')){
			Site.appearText();
		}
		Site.fadeText();
	},
	
	
	appearText: function(){
		var timer = 0;
		var sideblocks = $$('#sidebar li');
		
		var slidefxs = [];
		var colorfxs = [];
		
		sideblocks.each(function(el, i){
			el.setStyle('margin-left', '-255px');
			timer += 150;
			slidefxs[i] = new Fx.Style(el, 'margin-left', {
				duration: 400,
				transition: Fx.Transitions.backOut,
				wait: false,
				onComplete: Site.createOver.pass([el, i])
			});
			slidefxs[i].start.delay(timer, slidefxs[i], 0);

		}, this);
	},
	
	createOver: function(el, i){
		var first = el.getFirst();
		if (!first || first.getTag() != 'a') return;
		if(!first.hasClass('active')){
		
		var overfxs = new Fx.Styles(first, {'duration': 200, 'wait': false});
		if (first.hasClass('big')){
			var tocolor = 'c66';
			var fromcolor = '666';
		} else {
			var tocolor = 'c66';
			var fromcolor = '666';
		}
		el.mouseouted = true;
		el.addEvent('mouseenter', function(e){
			overfxs.start({
				'color': tocolor,
				'margin-left': 10
			});
		});
		el.addEvent('mouseleave', function(e){
			overfxs.start({
				'color': fromcolor,
				'margin-left': 0
			});
		});
		
		}
	},
	
	fadeText: function(){
		var fadearea = $$('.row');
		fadearea.each(function(el, i){
		    var first = el
		    var overfxs = new Fx.Styles(first, {'duration': 200, 'wait': false});
			var tobgcolor = '#FFC';
			var frombgcolor = '#FFF';
		    el.addEvent('mouseover', function(){
			    overfxs.start({
				    'backgroundColor': tobgcolor
			    });
		    });
		    el.addEvent('mouseout', function(){
			    overfxs.start({
				    'backgroundColor': frombgcolor
			    });
		    });
		});
	}
	
};
window.addEvent('load', Site.start);