site={
	init: function () {
		// hide services
		$$('#services li div.service').fade('hide');
		// show the first service
		$('services').getFirst().getFirst().addClass('on').getNext().fade('show');
		// add an event to toggle the services on click
		$('services').addEvent('mouseover', function(e) {
			var target = $(new Event(e).stop().target);
			if (target.get('tag') == 'a'  && !target.hasClass('button')) {
				this.getElements('div.service').fade('hide');
				this.getElements('a').removeClass('on');
				target.addClass('on').getNext().fade('show');
			}
		});
		$$('#services button').addEvent('click', function () {
			new Fx.Scroll(document.body, {
				wait: false,
				duration: 500
			}).toBottom();
		});
	}
}

window.addEvent('domready', site.init);