// JavaScript Document

function premdisp(){
	opacite('monbloc',100,0,1000);
	setTimeout('ecrit(1)',2000);
	}

function ecrit(add){
var cible = document.getElementById('monbloc');
if (h==3){h=0}
else {h++;}
if(add==1){
cible.innerHTML=mot[1];
h++;}
else{
cible.innerHTML=mot[h];}
opacite('monbloc',0,100,1000);
setTimeout('apparait()',5000);
}

function apparait(){
	opacite('monbloc',100,0,1000);
	setTimeout('ecrit(0)',2000);
	}

function opacite(id, opaciteDebut, opaciteFin, milliSecondes) { 
    //vitesse 
    var vitesse = Math.round(milliSecondes / 100); 
    var timer = 0; 

    //determine le sens de l'effet  
    if(opaciteDebut > opaciteFin) {//d'opaque à transparent
        for(i = opaciteDebut; i >= opaciteFin; i--) { //initialise la valeur de l'opacité avec i
            setTimeout("changeOpacite(" + i + ",'" + id + "')",(timer * vitesse));
			//appelle la function changeOpacite en transmettant la valeur de l'opacité, le nom de l'id, dans x millisecondes. A chaque passage de la boucle l'appel est décalé par la multiplication de timer par vitesse 
            timer++; 
        } 
    } else if(opaciteDebut < opaciteFin) {//de transparent à opaque
        for(i = opaciteDebut; i <= opaciteFin; i++) 
            { 
            setTimeout("changeOpacite(" + i + ",'" + id + "')",(timer * vitesse)); 
            timer++; 
        } 
    }//fin else
}; 


function changeOpacite(opacity, id) { 
    var object = document.getElementById(id).style; 
    object.opacity = (opacity / 100);//w3c firefox 
    object.MozOpacity = (opacity / 100);//firefox 1
    object.KhtmlOpacity = (opacity / 100);//safari 
    object.filter = "alpha(opacity=" + opacity + ")";//IE
}