var ID_img = (Math.round(Math.random()*20));//Affecter une valeur aléatoire comprise entre 1 & 20 pour la sélection de la prem image affichée
function Chargement(){
	document.getElementById('Imgroll').style.backgroundImage='url(Img/Img'+ID_img+'.gif)';
	apparitionprogressive ();
	ident=setInterval('swap_img()',5000);
	PlacerBckImg();	
}

function swap_img (){
	ID_img += 1;
//	alert (ID_img);
	document.getElementById('Imgroll').style.backgroundImage='url(Img/Img'+ID_img+'.gif)';
	apparitionprogressive ();
//	disparitionprogressive ();
	
	if (ID_img==20) {
		ID_img=0;
	}
}



function PlacerBckImg () {
var winW = 0, winH = 0, posimgW = 0, posimgH = 0;
//WinW = variable qui reçoit la résolution de l'écran en largeur
//WinH = variable qui reçoit la résolution de l'écran en Hauteur
//posimgW = variable qui reçoit le calcul de la position du coin sup gauche de l'img du centre (c'est la coordonnée largeur càd X) 
//			le calcul est égal à la résolution calculée avec WinW/2 (pour avoir le centre de la page en largeur) - la moitié de la résolution de l'img de fond pour se désaxer vers la gauche)
 //posimgH = variable qui reçoit le calcul de la position du coin sup gauche de l'img du centre (c'est la coordonnée hauteur càd Y) 
//			le calcul est égal à la résolution calculée avec WinH/2 (pour avoir le centre de la page en hauteur) - la moitié de la résolution de l'img de fond pour se désaxer vers le haut)

//Test pour relever la résol de la fenêtre d'affichage
if (parseInt(navigator.appVersion)>3) {
 if (navigator.appName=="Netscape") {
  winW = window.innerWidth;
  winH = window.innerHeight;
 }
 if (navigator.appName.indexOf("Microsoft")!=-1) {
  winW = document.body.offsetWidth;
  winH = document.body.offsetHeight;
 }
}

/*alert( //Affichant la résol calculée de la fenêtre d'affchage
 "Window width = "+winW+" - " + "Window height = "+winH
)*/

//Calcul pour centrer l'img de fond en ce basant sur le fait que mon img de fond à une résol de 1024x622 (Taille réel d'affichage calculée sur une résol d'écran en 1024x768px)


if (winW<=1024) {
	posimgW=0;
	document.body.style.backgroundPositionX="left";
}
else {
	posimgW=(winW/2)-(1024/2);
	document.body.style.backgroundPositionX=posimgW+'px';
}
if (winH<=768) {
	posimgH=0;
	document.body.style.backgroundPositionY="bottom";
}
else {
	posimgH=(winH/2)-(622/2);
	document.body.style.backgroundPositionY=posimgH+'px';
}

/*alert( //Affichant les positions centrées du background calculées
 "Img width = "+posimgW+" - " + "Img height = "+posimgH
)*/


//Calcul pour placer les bijoux sur la feuille de dessin en sachant que la feuille/placnhe de dessin mauve (contenue dans l'image complète) son coin supérieur gauche se situe à 737px x 292px 
//du coin sup gauche de l'image entière de fond donc après test il faut placer les img gif en haut +270 et à gauche en +760
//malheureusement quand il y a des barres d'outils du navigateur en plus (ex Google barre) la résol en hauteur est inférieur à 768-les px des barres standards du navigateur (càd en pratique 622 px)
//Donc par la programmation de ce cas de figure j'aligne l'img de fond sur le bottom de la page, ce qui coupe un peu le haut de l'img de fond mais cela reste tout à fait acceptable !!!
//Comme posimgH me donne le coin sup gauche coordonnée de la hauteur Y on doit donc pour le calcul ce déplacer au coin inf gauche de l'img de fond càd "posimgH + 622" le tout - distance de la planche de dessin par rapport au bas qui équivaut à 300
	document.getElementById('Imgroll').style.bottom=posimgH+622-475; //coin haut
	document.getElementById('Imgroll').style.left=posimgW+760; //coin gauche

//Placer les 3 liens
	document.getElementById('Liens').style.bottom=posimgH+60; //coin haut
	document.getElementById('Liens').style.left=posimgW+527; //coin gauche
}


var Delaiapparition, i=0;
function apparitionprogressive (){
//alert ("ouverture apparition");
	Delaiapparition = setInterval("opacprogessive()",30);
}
function opacprogessive() { //Gestion de l'opacity en css pour Internet Explorer
	if(i == 100 ){
//alert ("fermeture apparition");
		clearInterval(Delaiapparition);
		disparitionprogressive ();
	}
	document.getElementById('Imgroll').style.filter="alpha(opacity="+i+")"; 
	i = i+1;
}


var Delaidisparition;
function disparitionprogressive (){
//alert ("ouverture disparition");
	Delaidisparition = setInterval("opacdegressive()",10);
}
function opacdegressive() { //Gestion de l'opacity en css pour Internet Explorer
	if(i == 0 ){
//alert ("fermeture disparition");
		clearInterval(Delaidisparition);
	}
	document.getElementById('Imgroll').style.filter="alpha(opacity="+i+")"; 
	i = i-1;
}


// End -->