function switch_project(id) {
	// 1. close current project
	e1 = $('content').getElement('.folio_item');
	e2 = e1.getElement('.folio_desc');
	if (Browser.Engine.trident) {
		e1.addClass('folio_block');
	} else {
		eh1 = new Element('hr',{'id':'tmphr','class':'sep'});
		eh2 = eh1.clone();
		eh1.inject(e1,'before');
		eh2.inject(e1,'after');
	}
	e1.getElement('.folio_shot').tween('opacity',0);
	new Fx.Tween(e2, { property:'opacity' })
		.start(0)
		.chain(
			function() {
				new Fx.Morph(e1, {	duration: 'long' })
				.start('.folio_thumb')
				.chain(
					function() {
						e1.setStyles({'clear':'none','float':'left'});
						e1.addClass('folio_thumb');
						e1.removeClass('folio_item');
						e3 = e1.getElement('.folio_lnk');
						e3.setStyle('display','block');
						if (Browser.Engine.trident) {
							e1.removeClass('folio_block');
						} else {
							eh1.dispose(); eh2.destroy();
						}
						// 2. show selected project
						e4 = $(id);
						e5 = e4.getElement('.folio_lnk');
						e5.setStyle('display','none');
						e5.setStyles({'display':'none'});
						e4.setStyles({'clear':'left','float':'none'});	
						new Fx.Morph(e4, {	duration: 'long' })
							.start('.folio_item')
							.chain(function() {
								e4.addClass('folio_item');
								e4.removeClass('folio_thumb');
								e4.erase('style');
								e6 = e4.getElement('.folio_desc');
								e6.setStyles({'opacity':0,'display':'block'});
								e6.tween('opacity',1);
								e7 = e4.getElement('.folio_shot');
								e7.setStyles({'opacity':0,'display':'block'});
								e7.tween('opacity',1);
							});
					}
				)
			}
		);
	
	// 3. transition to non current class
	// 4. transition to current class
}

window.addEvent('domready', function() {
	if (lst=$$('.folio_lnk')) {
		lst.each(function(el) {
			el.addEvent('click', function(e) {
				e.stop();
				switch_project(this.getParent().id);
			});
		});
	}
});