﻿/*******************************************************************
/ FUNZIONI PER LA GESTIONE DEL FADE-IN E DEL FADE-OUT
/*******************************************************************/

// Setta l'opacità di un oggetto HTML
function setOpacity(obj, opacity){
	opacity = (opacity == 100) ? 99.999 : opacity;
	// IE/Win
	obj.style.filter = "alpha(opacity:" + opacity + ")";
	// Safari<1.2, Konqueror
	obj.style.KHTMLOpacity = opacity / 100;
	// Older Mozilla and Firefox
	obj.style.MozOpacity = opacity / 100;
	// Safari 1.2, newer Firefox and Mozilla, CSS3
	obj.style.opacity = opacity / 100;
}

// Fade Out su di un oggetto HTML
function fadeOut(objId, opacity){
    
    if (document.getElementById){
	    obj = document.getElementById(objId);
	    if (opacity >= 10) {
	        opacity -= 10;
		    setOpacity(obj, opacity);
		    window.setTimeout("fadeOut('" + objId + "'," + opacity + ")", 100);
	    }else{
	        //obj.innerHTML = ""; // Alla fine ne elimina il contenuto
	        obj.style.display = 'none';
	    }       
    }
}

// Fade In su di oggetto HTML
function fadeIn(objId, opacity){

    if (document.getElementById){
	    obj = document.getElementById(objId);
	    obj.style.display = 'block';
	    if (opacity <= 90){
		    setOpacity(obj, opacity);
		    opacity += 10;
		    window.setTimeout("fadeIn('" + objId + "'," + opacity + ")", 100);
	    }
    }
}