window.addEvent('domready', function() {
  var introSlide = new Fx.Slide('intro');

  // For sliding toggle
  $('introtoggle').addEvent('click', function(e) {
    e = new Event(e);
    introSlide.toggle();
    e.stop();
  });

  // For menu
  function appearText() {
    var timer = 0;
		var sideblocks = $$('#secondary li');
		
		var slidefxs = [];
		var colorfxs = [];
		
		sideblocks.each(function(el, i){

			el.setStyle('margin-left', '-20px');
			timer += 150;
			slidefxs[i] = new Fx.Style(el, 'margin-left', {
				duration: 500,
				transition: Fx.Transitions.backOut,
				wait: false,
				onComplete: createOver.pass([el, i])
			});
			slidefxs[i].start.delay(timer, slidefxs[i], 0);

		}, this);
  }

  function createOver(el, i) {
		var first = el.getFirst();
		if (!first || first.getTag() != 'a') return;
		var overfxs = new Fx.Styles(first, {'duration': 300, 'wait': false});

		el.mouseouted = true;
		el.addEvent('mouseenter', function(e){
			overfxs.start({
				'padding-top': 10, 
				'padding-bottom': 10 
			});
		});
		el.addEvent('mouseleave', function(e){
			overfxs.start({
				'padding-top': 3, 
				'padding-bottom': 3 
			});
		});
	}

  introSlide.hide();

  appearText();
});