<!--

function loadDetail(id_portfolio) {	
	active = $('portfolio').getElementsByClassName('active');
	if ('site' + id_portfolio != active[0].id) {
		new Effect.Morph('portfolio_content', { style: 'margin-left: -474px', duration:.5, afterFinish: function() {
	
				new Effect.Opacity(active[0].id, { duration: 0.5, from: 1.0, to: 1.0, afterFinish: function() { $(active[0].id).removeClassName('active'); } });
				
				new Ajax.Updater('portfolio_content', 'detail.php', { parameters: { id_portfolio: id_portfolio }, evalScripts: true, method: 'get', encoding: 'iso-8859-1', onComplete: function() {
						new Effect.Opacity('site' + id_portfolio, { duration: 0.5, from: 1.0, to: 1.0, afterFinish: function() { $('site' + id_portfolio).addClassName('active'); } });
						new Effect.Morph('portfolio_content', { style: 'margin-left: 0px', duration:.8 });
						
						
					}
				});
			}
		});
	}
}

function hSlide(i, el) {
	var width = 408;
	active = $('pagination_images').getElementsByClassName('active');
	new Effect.Morph('images_list', { style: 'margin-left: -'+ width*i +'px', duration:.5 });
	$(active[0]).removeClassName('active');
	$(el).addClassName('active');
}

function hSlideSidebar(i, el) {
	var width = 162;
	active = $('pagination_images').getElementsByClassName('active');
	new Effect.Morph('images_list', { style: 'margin-left: -'+ width*i +'px', duration:.5 });
	$(active[0]).removeClassName('active');
	$(el).addClassName('active');
}

function portfolioOpacity() {
	$('portfolio_listing').getElementsBySelector('a').each(function (e, index) {
			Event.observe(e, 'mouseover', function() { $(e).addClassName('hover'); });
			Event.observe(e, 'mouseout', function() { $(e).removeClassName('hover'); });
		}
	);
}

-->