function displayBarre(id, tailleDebut, tailleFin, millisec, typeTaille) {
	if (typeTaille == null || typeTaille.length == 0)
		typeTaille = "px";
	document.getElementById(id).style.width = "0px";
	//opacity(id, 0, 100, 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(tailleDebut > tailleFin) {
        for(i = tailleDebut; i >= tailleFin; i--) {
            setTimeout("changerTaille(" + i + ",'" + id + "', '"+typeTaille+"')",(timer * speed));
            timer++;
        }
    } else if(tailleDebut < tailleFin) {
        for(i = tailleDebut; i <= tailleFin; i++)
            {
            setTimeout("changerTaille(" + i + ",'" + id + "', '"+typeTaille+"')",(timer * speed));
            timer++;
        }
    }
}

function changerTaille(taille, id, typeTaille) {
	document.getElementById(id).style.width = taille + typeTaille;
}