

function openHistory(i){
	oid=i;
	var completed=0;
	
	for (var j=1; j<=3; j++){
		if (i!=j){
			var myEffect = new Fx.Morph('image_'+j, {duration: 'long', transition: Fx.Transitions.linear});
			myEffect.start({
			    'opacity': [1, 0],
			    'width': [231, 0]
			});

			myEffect.onComplete=function(){
				completed=completed+1;
				if (completed==2){
					
					for (var j=1; j<=3; j++){
						if (i!=j){
							$('image_'+j).setStyle('display','none');
						}
					}
					
					$('evoc_img_'+i).getParent().setProperty('href','javascript:openGallery('+i+');');
					
					$('close_btn').setStyle('opacity','0');
					$('close_btn').setStyle('display','block');
					var myEffect = new Fx.Morph('close_btn', {duration: 'long', transition: Fx.Transitions.linear});
					myEffect.start({
					    'opacity': [0, 1]
					});

					$('box_titoli_'+i).setStyle('opacity','0');
					$('box_titoli_'+i).setStyle('display','block');
					var myEffect = new Fx.Morph('box_titoli_'+i, {duration: 'long', transition: Fx.Transitions.linear});
					myEffect.start({
					    'opacity': [0, 1]
					});

					$('box_testo_'+i).setStyle('opacity','0');
					$('box_testo_'+i).setStyle('display','block');
					var myEffect = new Fx.Morph('box_testo_'+i, {duration: 'long', transition: Fx.Transitions.linear});
					myEffect.start({
					    'opacity': [0, 1]
					});
				}
			};	
		}
	}
}

function closeHistory(){

	var myEffect = new Fx.Morph('close_btn', {duration: 'long', transition: Fx.Transitions.linear});
	myEffect.start({
	    'opacity': [1, 0]
	});
	
	var myEffect = new Fx.Morph('box_titoli_'+oid, {duration: 'long', transition: Fx.Transitions.linear});
	myEffect.start({
	    'opacity': [1, 0]
	});

	var myEffect = new Fx.Morph('box_testo_'+oid, {duration: 'long', transition: Fx.Transitions.linear});
	myEffect.start({
	    'opacity': [1, 0]
	});

	myEffect.onComplete=function(){
		for (var j=1; j<=3; j++){
					
			$('evoc_img_'+j).getParent().setProperty('href','javascript:openHistory('+j+');');
			
			if (oid!=j){
				$('image_'+j).setStyle('display','block');
				
				var myEffect = new Fx.Morph('image_'+j, {duration: 'long', transition: Fx.Transitions.linear});
				myEffect.start({
				    'opacity': [0, 1],
				    'width': [0, 231]
				});
				
			}
		}
		oid=-1;
	};	
}