window.addEvent('load', function() {
	$$('div.example').each(function(elm) {
		elm.fx = new Fx.Slide(elm);
	});

	$$('.examples').each(function(elm) {
		var examples = elm.getElements('.example');
		elm.getElements('ul a')[0].addClass('over');

		examples[0].fx.show();
		examples[1].fx.hide();
	});

	$$('.nav-examples a').each(function(ex, i) {
		ex.addEvent('click', function(e) {
			e.target.getParents('ul')[0].getElements('a').removeClass('over');
			e.target.addClass('over');
			var idx = e.target.innerHTML - 1;
			var Nidx = idx == 0 ? 1 : 0;
			var exampleToDisplay = this.getParents('div.examples')[0].getElements('div.example')[idx];
			var exampleToHide = this.getParents('div.examples')[0].getElements('div.example')[Nidx];

			exampleToDisplay.fx.slideIn();
			exampleToHide.fx.slideOut();
			return false;
		});
	});
});