/*********************************************************************

	Canvia la opacitat d'un objecte.

	opacity: Valor entre 0 i 100. Porcentatge d'opacitat d'un objecte.
	obj: Objecte a cambiar l'opacitat.

	ATENCIO!!!! En IE no funciona si el DIV no te un ample prefixat. width: elqusiguipx;
**********************************************************************/
function setOpacity(opacity, obj) {
    if (!obj) return;

    var object = obj.style;

    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
    } 


/*************************************************************************

	Fa la transició d'opacitat d'un objecte.

	id: Identificado del objecte.
	opacStart: Opacitat Inicial.
	opacEn: Opacitat Final.
	millisec: Temps que durarà la transició (En millisegons).

**************************************************************************/
function transOpacity(id, opacStart, opacEnd, millisec) {
    //speed for each frame
    var speed = Math.round(millisec / 100);
    var timer = 0;

    //determine the direction for the blending, if start and end are the same nothing happens
    if(opacStart > opacEnd) {
        for(i = opacStart; i >= opacEnd; i--) {
            setTimeout("setOpacity(" + i + ",document.getElementById( '" + id + "') )",(timer * speed));
            timer++;
            }
    } else if(opacStart < opacEnd) {
        for(i = opacStart; i <= opacEnd; i++) {
            setTimeout("setOpacity(" + i + ",document.getElementById( '" + id + "') )",(timer * speed));
            timer++;
            }
    }
}