var fadeStepCounter = 0;
var new_image = null;
var intervallo = null;
var imgPreloader = null;
var active_link = null;

function changeImage(image, link_id){
	if(active_link!=null){
		document.getElementById("link"+active_link).className = 'normal';
	}
	if(link_id!=null){
		document.getElementById("link"+link_id).className = 'active';
		active_link = link_id;
	}

	fadeStepCounter = 0;
	new_image = null;
	clearInterval(intervallo);
	
	document.getElementById("loading").style.visibility = 'visible';
	
	imgPreloader = new Image();

	imgPreloader.onload=function(){
		//	L'immagine è caricata
		new_image = image;
		//	Faccio scomparire il loading
		document.getElementById("loading").style.visibility = 'hidden';		
		//	Fade out vecchia immagine
		intervallo = setInterval("fadeOutImage()", 25);
	}
	imgPreloader.src = image;
	return false;
}


function fadeOutImage(){
	if(fadeStepCounter==10){
		clearInterval(intervallo);
		//	Sostituisco l'immagine
		document.getElementById("image").src = new_image;
		setOpacity(0)
		//	Faccio partire il fade in
		fadeStepCounter = 0;
		intervallo = setInterval("fadeInImage()", 25);
	}else{
		setOpacity(90-(fadeStepCounter*10));
		fadeStepCounter++;
	}
}

function fadeInImage(){
	if(fadeStepCounter==10){
		clearInterval(intervallo);
	}else{
		var opacity = 10+(fadeStepCounter*10);
		if(opacity==100){
			opacity = 99,99;
		}
		setOpacity(opacity);
		fadeStepCounter++;
	}
}

function setOpacity(value){  
	document.getElementById("image").style.filter = 'alpha(opacity='+value+')';
//	document.getElementById("image").style.moz_opacity = '.'+value;
	document.getElementById("image").style.opacity = '.'+value;
}