// JavaScript Document
var largeur, hauteur;

function afficherImage(aparent) {
	var fond = document.getElementById('fond');
	var chargement = document.getElementById('chargement');
	var affichage = document.getElementById('affichage');
	var image = document.getElementById('image');
	var hauteur, largeur;
	var scrollH, scrollG;
	
	// Recherche de la hauteur et la largeur totale de la page
	largeur = document.body.scrollWidth;//totale pr le fond
	hauteur = document.body.scrollHeight;
	if (document.body.offsetHeight)
		if (document.body.offsetHeight > hauteur) hauteur = document.body.offsetHeight;
	if( typeof( window.innerWidth ) == 'number' ) {
		//Non-IE
		if (window.innerHeight > hauteur) hauteur = window.innerHeight;
	} else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
		//IE 6+ in 'standards compliant mode'
		if (document.documentElement.clientHeight > hauteur) hauteur = document.documentElement.clientHeight;
	} else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
		//IE 4 compatible
		if (document.body.clientHeight > hauteur) hauteur = document.body.clientHeight;
	}
	
	// Affichage du fond
	fond.style.top = 0;
	fond.style.left = 0;
	if (navigator.appName =="Microsoft Internet Explorer"){
		fond.style.height = hauteur;
		fond.style.width = largeur;
	}else{
		fond.style.height = hauteur+'px';//50
		fond.style.width = largeur+'px';
	}
	
	
	// Taille de la fenetre
	if( typeof( window.innerWidth ) == 'number' ) {
		//Non-IE
		largeur = window.innerWidth;
		hauteur = window.innerHeight;
	} else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
		//IE 6+ in 'standards compliant mode'
		largeur = document.documentElement.clientWidth;
		hauteur = document.documentElement.clientHeight;
	} else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
		//IE 4 compatible
		largeur = document.body.clientWidth;
		hauteur = document.body.clientHeight;
	}
	
	// Position dans la page
	scrollH = 0;
	scrollG = 0;
	if( typeof( window.pageYOffset ) == 'number' ) {
		//Netscape compliant
		scrollH = window.pageYOffset;
		scrollG = window.pageXOffset;
	} else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
		//DOM compliant
		scrollH = document.body.scrollTop;
		scrollG = document.body.scrollLeft;
	} else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
		//IE6 standards compliant mode
		scrollH = document.documentElement.scrollTop;
		scrollG = document.documentElement.scrollLeft;
	}
	
	// Affichage de l'animation pour le chargement
	if (navigator.appName =="Microsoft Internet Explorer"){
		chargement.style.left = scrollG + (largeur - chargement.width) / 2;
		chargement.style.top = scrollH + (hauteur - chargement.height) / 2;
	}else{
		chargement.style.left = (scrollG + (largeur - chargement.width) / 2)+'px';
		chargement.style.top = (scrollH + (hauteur - chargement.height) / 2)+'px';
	}
	chargement.style.display = 'block';
	fond.style.display = 'block';
	
	// chargement de l'image
	img = new Image();
	img.onload=function() {
		var imgl = img.width;
		var imgh = img.height;
		if (imgl + 60 > largeur) {
			imgl = largeur - 60;
			imgh = img.height * imgl / img.width;
		}
		if (imgh + 60 > hauteur) {
			imgh = hauteur - 60;
			imgl = img.width * imgh / img.height;
		}
		if (navigator.appName =="Microsoft Internet Explorer"){
			affichage.style.top = scrollH + (hauteur - imgh - 20) / 2;
			affichage.style.left = scrollG + (largeur - imgl - 20) / 2;
			affichage.style.width = imgl + 20;
			affichage.style.height = imgh + 20;
		}else{
			affichage.style.top = (scrollH + (hauteur - imgh - 20) / 2)+'px';
			affichage.style.left = (scrollG + (largeur - imgl - 20) / 2)+'px';
			affichage.style.width = imgl + 20 + 'px';
			affichage.style.height = imgh + 20 + 'px';
		}
		image.src= aparent;
		image.width = imgl;
		image.height = imgh;
		affichage.style.display = 'block';
		chargement.style.display = 'none';
		return false;
	}
	img.src= aparent;
}

function cacherImage() {
	var fond = document.getElementById('fond');
	var affichage = document.getElementById('affichage');
	fond.style.display = 'none';
	affichage.style.display = 'none';
	return false;
}