document.observe('dom:loaded', function () {
	if (Prototype.Browser.MobileSafari) { return; }
	
	$('about', 'manorclinic', 'sixteen', 'weaponsgrade').each(function (el) {
		$('portfolio_right').insert(el);
	});

	var elements = $$('div.box').invoke('wrap', 'div', { style: 'overflow:hidden' }),
		design_elements = $$('div.design').invoke('up').invoke('addClassName', 'design'),
		build_elements = $$('div.build').invoke('up').invoke('addClassName', 'build'),
		navigation = $$('#navigation a[href]');
	
	navigation.invoke('observe', 'click', function (event) {
		event.stop();
		
		navigation.invoke('removeClassName', 'active');
		this.addClassName('active');
		
		if (this.id === 'design') {
			elements.each(function (el) {
				if (el.visible() && !el.hasClassName('design')) {
					el.slideUp();
				}
			});
			
			design_elements.each(function (el) {
				if (!el.visible()) {
					el.slideDown();
				}
			});
		} else if (this.id === 'build') {
			elements.each(function (el) {
				if (el.visible() && !el.hasClassName('build')) {
					el.slideUp();
				}
			});
			
			build_elements.each(function (el) {
				if (!el.visible()) {
					el.slideDown();
				}
			});
		} else {
			elements.each(function (el) {
				if (!el.visible()) { el.slideDown(); }
			});
		}
	});
});

Cufon.replace('.box h1')('.box h2')('.box h2 + p')('.box h3');