// fonctions d'affichage des popup d'alert et du div_de_trans
function changeOpac(opacity, id) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
}
function opacity(id, opacStart, opacEnd, millisec){
    //speed for each frame
    var speed = Math.round(millisec / 100);
    var object = document.getElementById(id);
    var timer = 0;
	if(opacStart > opacEnd) {
		for(i = opacStart; i >= opacEnd; i--) {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
	} else if(opacStart < opacEnd) {
		for(i = opacStart; i <= opacEnd; i++) {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
	}
				
}

function affiche_div_trans(id_div){
	hauteur_page();
	var div_trans=document.getElementById("div_de_trans");
	var div_affiche=document.getElementById(id_div);
	if(div_trans.style.display=="none"){
		//changeOpac(0, id_div);
		changeOpac(0, "div_de_trans");
		div_trans.style.display="block";
		div_affiche.style.display="block";
		centerPopup(id_div);
		//opacity(id_div, 0, 100, 500);
		opacity("div_de_trans", 0, 50, 500);
		
	}else{
		//opacity(id_div, 100, 0, 500);
		opacity("div_de_trans", 50, 0, 500);
		setTimeout("document.getElementById('div_de_trans').style.display='none'",500);
		document.getElementById(id_div).style.display='none';
	}
}

function affiche_div(id_div){
	affiche_div_trans(id_div);
}

function hauteur_page(){
	// Version qui ne devrait pas fonctionner sur tout les navigateurs mais qui fonctionne quand même
	document.getElementById('div_de_trans').style.height = parseInt(document.documentElement.scrollHeight)+"px";
	
	//Version qui devrait fonctionner sur tout les navigateurs mais qui ne fonctionne pas
	// on cherche a obtenir la taille de la zone d'affichage selon les navigateur pour afficher
	if (window.innerHeight && parseInt(document.documentElement.scrollHeight) < 900){
		document.getElementById('div_de_trans').style.height = (parseInt(window.innerHeight))+"px";
	}else if(document.documentElement.clientHeight && parseInt(document.documentElement.scrollHeight) < 900){
		document.getElementById('div_de_trans').style.height = (parseInt(document.documentElement.clientHeight))+"px";
	}else if(parseInt(document.documentElement.scrollHeight) < 900){
		document.getElementById('div_de_trans').style.height = (parseInt(window.screen.height))+"px";
	}else{
		document.getElementById('div_de_trans').style.height = parseInt(document.documentElement.scrollHeight)+"px";
	}
}

function centerPopup(element) {  
	// !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
	// Pour pouvoir récuperer les tailles d'un élément a centrer il faut qu'il soit tout d'abord affiché (pas en display none)
	// il faut donc d'abord l'afficher puis le centrer
	// !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
	 var height=document.getElementById(element).offsetHeight;//hauteur de l'élément à positionner
	 var width=document.getElementById(element).offsetWidth;//largeur de l'élément à positionner
	 myParent=document.getElementById(element).parentNode;
	 var pHeight=myParent.offsetHeight;//Hauteur de l'élément parent
	 var pWidth=myParent.offsetWidth;//Largeur de l'élément parent
	 var sTop = document.documentElement.scrollTop;
	// var sLeft=myParent.scrollLeft;//Longueur de défilement de l'élément parent
	 var largsite = 1000;
	 // vrai calcul
	// var posY=(pHeight/2)-(height)+sTop;//Calcul de la position en Y
	 //var posX=(pWidth/3)-(width)+sLeft;//Calcul de la position en X
	 
	 // ma façon, celle qui fonctionne le moins mal ...
	 var posY=sTop+50;
	 var posX=(pWidth/2)-(width/2);
	 
	 document.getElementById(element).style.top=posY+"px";
	 document.getElementById(element).style.left=posX+"px";
	 return true;
}