var Site = {
	
	start: function(){
		
		Site.appearText();
	},
	
	appearText: function(){
		var timer = 0;
		//var sideblocks = $$('#sidebar li');
		var sideblocks = $$('#categories li');
		
		var slidefxs = [];
		var colorfxs = [];
		
		sideblocks.each(function(el, i){
			el.setStyle('margin-left', '-201px');
			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;
		
		var overfxs = new Fx.Styles(first, {'duration': 200, 'wait': false});
		if (first.hasClass('big')){
			var tocolor = '333';
			var fromcolor = 'fff';
		} else {
			var tocolor = 'faec8f';
			var fromcolor = '666';
		}
		
		//Als hij al een kleur heeft, hem naar die kleur laten terugveranderen
		if (first.getStyle('color')) {
			fromcolor = first.getStyle('color');
		}
		
		el.addEvent('mouseover', function(){
			overfxs.start({
				'color': tocolor,
				'margin-left': 10
			});
		});
		el.addEvent('mouseout', function(){
			overfxs.start({
				'color': fromcolor,
				'margin-left': 0
			});
		});
	},
	
	/*startAccordion: function(){
		var accToggler = $$('.toggler');
		var accElement = $$('.element');
		var pwAccordion = new Accordion(accToggler, accElement, {
			show: 0,
			
			onActive: function(toggler, element){
				element.isActive = true;
			},
			
			onBackground: function(toggler, element){
				element.isActive = false;
			},
			
			onComplete: function(){
				for(i = 0; i < accElement.length; i++){
					if(accElement[i].isActive == true) {
						accElement[i].setStyle('height', 'auto');
					}
				}
			}
		});
	},*/
	
	startSlider: function(element, toggler) {
		var mySlider = new Fx.Slide(element,{duration: 700, transition: Fx.Transitions.expoOut}).hide();
				
		$(toggler).addEvent('click', function() {
			mySlider.toggle();
		});
	}
};

window.addEvent('domready', Site.start);