function hide_box()
{
	new Effect.Opacity('box'+active, { from:1, to: 0.3, duration: 0.5 });
	$('products_panel'+active).hide();
	$('rel'+active+'-desc').hide();
}

Event.observe(window, "load", function()
{
	if (active!=1)
		new Effect.Opacity('box1', { from: 1, to: 0.3, duration: 0.5 });
	
	if (active!=2)
		new Effect.Opacity('box2', { from: 1, to: 0.3, duration: 0.5 });
	
	if (active!=3)
		new Effect.Opacity('box3', { from: 1, to: 0.3, duration: 0.5 });
	
	$('box1').observe('click', function(){
		if (active != 1) {
			hide_box();
			$('products_panel1').show();
			$('rel1-desc').show();
			new Effect.Opacity('box1', {
				from: 0.3,
				to: 1,
				duration: 0.5
			});
			active=1;
		}
	});
	
	$('box2').observe('click', function(){
		if (active != 2) {
			hide_box();
			$('products_panel2').show();
			$('rel2-desc').show();
			new Effect.Opacity('box2', {
				from: 0.3,
				to: 1,
				duration: 0.5
			});
			active = 2;
		}
	});
	
	$('box3').observe('click', function(){
		if (active != 3) {
			hide_box();
			$('products_panel3').show();
			$('rel3-desc').show();
			new Effect.Opacity('box3', {
				from: 0.3,
				to: 1,
				duration: 0.5
			});
			active = 3;
		}
	});
	
});